${t}
`};const B={reply:{open:"[reply]",close:"[/reply]",label:(0,a.__)("评论后可查看","jio")},login:{open:'[jio_hide mode="login"]',close:"[/jio_hide]",label:(0,a.__)("登录后可查看","jio")},vip:{open:"[vip]",close:"[/vip]",label:(0,a.__)("会员可查看","jio")},payshow:{open:"[payshow]",close:"[/payshow]",label:(0,a.__)("付费后可查看","jio")}},K=(e,t,a)=>Math.min(a,Math.max(t,Number.isFinite(e)?Math.round(e):t)),T={table:(0,a.__)("插入表格","jio"),math:(0,a.__)("插入公式","jio"),footnote:(0,a.__)("插入注释","jio")};function F({kind:n,onSubmit:o,onClose:r}){const[i,l]=(0,t.useState)(3),[c,s]=(0,t.useState)(3),[d,u]=(0,t.useState)(!0),[m,p]=(0,t.useState)(!1),[_,f]=(0,t.useState)("a^2 + b^2 = c^2"),[b,h]=(0,t.useState)(!0),[g,y]=(0,t.useState)(""),j=(0,t.useRef)(null),v=(0,t.useRef)(null),E=(0,t.useRef)(null),k=(0,t.useRef)(null);(0,t.useEffect)(()=>{(v.current||E.current||k.current)?.focus();const e=e=>{"Escape"===e.key&&(e.preventDefault(),r())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[r]);const w=(0,t.useMemo)(()=>"footnote"===n?""!==g.trim():"math"!==n||""!==_.trim(),[n,g,_]);return(0,e.createElement)("div",{className:"jio-creator-dialog",role:"dialog","aria-modal":"true","aria-labelledby":"jio-creator-dialog-title"},(0,e.createElement)("button",{type:"button",className:"jio-creator-dialog__backdrop","aria-label":(0,a.__)("关闭","jio"),onClick:r}),(0,e.createElement)("div",{className:"jio-creator-dialog__panel",ref:j},(0,e.createElement)("header",{className:"jio-creator-dialog__head"},(0,e.createElement)("h2",{id:"jio-creator-dialog-title"},T[n]),(0,e.createElement)("button",{type:"button",className:"jio-creator-dialog__close",onClick:r,"aria-label":(0,a.__)("关闭","jio")},(0,e.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))),(0,e.createElement)("div",{className:"jio-creator-dialog__body"},"table"===n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"jio-creator-dialog__row"},(0,e.createElement)("label",null,(0,e.createElement)("span",null,(0,a.__)("行数","jio")),(0,e.createElement)("input",{ref:v,type:"number",min:1,max:20,value:i,onChange:e=>l(Number(e.target.value))})),(0,e.createElement)("label",null,(0,e.createElement)("span",null,(0,a.__)("列数","jio")),(0,e.createElement)("input",{type:"number",min:1,max:10,value:c,onChange:e=>s(Number(e.target.value))}))),(0,e.createElement)("label",{className:"jio-creator-dialog__check"},(0,e.createElement)("input",{type:"checkbox",checked:d,onChange:e=>u(e.target.checked)}),(0,e.createElement)("span",null,(0,a.__)("首行为表头","jio"))),(0,e.createElement)("label",{className:"jio-creator-dialog__check"},(0,e.createElement)("input",{type:"checkbox",checked:m,onChange:e=>p(e.target.checked)}),(0,e.createElement)("span",null,(0,a.__)("隔行变色","jio")))),"math"===n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("label",{className:"jio-creator-dialog__field"},(0,e.createElement)("span",null,(0,a.__)("公式","jio")),(0,e.createElement)("textarea",{ref:E,rows:3,value:_,onChange:e=>f(e.target.value),placeholder:"a^2 + b^2 = c^2"})),(0,e.createElement)("p",{className:"jio-creator-muted"},(0,a.__)("支持上标 ^ 与下标 _，例如 x^2 与 a_n；暂不支持完整 LaTeX。","jio")),(0,e.createElement)("label",{className:"jio-creator-dialog__check"},(0,e.createElement)("input",{type:"checkbox",checked:b,onChange:e=>h(e.target.checked)}),(0,e.createElement)("span",null,(0,a.__)("独占一行显示","jio")))),"footnote"===n&&(0,e.createElement)("label",{className:"jio-creator-dialog__field"},(0,e.createElement)("span",null,(0,a.__)("注释内容","jio")),(0,e.createElement)("textarea",{ref:k,rows:4,value:g,onChange:e=>y(e.target.value),placeholder:(0,a.__)("填写要补充说明的内容","jio")}))),(0,e.createElement)("footer",{className:"jio-creator-dialog__foot"},(0,e.createElement)("button",{type:"button",className:"jio-creator-dialog__ghost",onClick:r},(0,a.__)("取消","jio")),(0,e.createElement)("button",{type:"button",className:"jio-creator-dialog__primary",onClick:()=>{w&&o("table"!==n?"math"!==n?{kind:n,note:g.trim()}:{kind:n,formula:_.trim(),display:b}:{kind:n,rows:K(i,1,20),cols:K(c,1,10),header:d,striped:m})},disabled:!w},(0,a.__)("插入","jio")))))}const O="table,pre,hr,.quote_q,.tinymce-hide,.jio-math--block";function H(e){if(!e||e.removed)return;const t=e.getDoc(),a=e.getContentAreaContainer()?.querySelector("iframe");if(!t||!a)return;const n=Math.max(320,t.documentElement.scrollHeight,t.body?t.body.scrollHeight:0);a.style.height=`${n}px`,a.style.overflow="hidden"}const J="jio-creator__block-selected",W=window.jioCreatorStudio||{},X=W.nonce||"",Y=`jio-studio-${W.sourceId||0}`,Q="jio-creator-content";function G(e){return e.replace(/&/g,"&").replace(/"/g,""").replace(//g,">")}function Z(e){const t=String(e||"").trim();if(!t)return"";try{const e=new URL(t,window.location.href);return"http:"===e.protocol||"https:"===e.protocol?e.href:""}catch(e){return""}}function ee(e){const t=document.createElement("div");return t.innerHTML=e,(t.textContent||"").replace(/\s+/g,"")}function te(){const[n,o]=(0,t.useState)(()=>function(e){const t=e.pay||{},a=e.categories&&e.categories.selected||[],n=e.tags&&e.tags.items||[];return{postId:Number(e.sourceId||0),versionId:Number(e.versionId||0),rev:Number(e.versionRev||0),title:String(e.title||""),content:String(e.content||""),schedule:{enabled:!1,at:""},categories:a.map(Number),tags:n.slice(),custom:e.custom||{},featured:e.featured||{type:"",data:{}},pay:{enabled:!!t.enabled,modo:"points"===t.payModo?"points":"cash",price:String(t.price||"0.00"),points:Number(t.points||0),vip1Price:String(t.vip1Price||"0.00"),vip2Price:String(t.vip2Price||"0.00"),vip1Points:Number(t.vip1Points||0),vip2Points:Number(t.vip2Points||0),payLimit:Number(t.payLimit||0),downloads:Array.isArray(t.downloads)?t.downloads:[]}}}(W)),i=(0,t.useRef)(n);i.current=n;const l=(0,t.useRef)(null),c=(0,t.useRef)(null),s=(0,t.useRef)(null),d=(0,t.useRef)(!1),u=(0,t.useRef)(()=>{}),[m,_]=(0,t.useState)(!1),[f,b]=(0,t.useState)({canUndo:!1,canRedo:!1}),[h,y]=(0,t.useState)("p"),[j,v]=(0,t.useState)("left"),[E,C]=(0,t.useState)("p"),[M,$]=(0,t.useState)(()=>({state:W.sourceId||W.versionId||W.content?"saved":"ready",at:""})),[L,P]=(0,t.useState)(!1),[q,I]=(0,t.useState)(!1),[R,D]=(0,t.useState)(null),[U,K]=(0,t.useState)(null),[T,te]=(0,t.useState)(null),ae=(0,t.useRef)(!1),ne=(0,t.useRef)(0),oe=W.capabilities||{},re={titleMin:Number(W.limits?.titleMin||1),titleMax:Number(W.limits?.titleMax||30),titlePlaceholder:String(W.limits?.titlePlaceholder||(0,a.__)("请输入标题","jio")),priceMin:Number(W.pay?.priceMin||0),priceMax:Number(W.pay?.priceMax||0),pointsMin:Number(W.pay?.pointsMin||0),pointsMax:Number(W.pay?.pointsMax||0)},ie=!!W.isPublished,le=(0,t.useMemo)(()=>Array.from(ee(n.content)).length,[n.content]),ce=(0,t.useCallback)(e=>{ae.current=!0,ne.current+=1;const t={...i.current,...e};i.current=t,o(t)},[]),se=(0,t.useCallback)(e=>{if(e===i.current.content)return;ae.current=!0,ne.current+=1;const t={...i.current,content:e};i.current=t,o(t)},[]),de=(0,t.useCallback)(e=>{const t=e?.undoManager;t&&b({canUndo:"function"==typeof t.hasUndo&&t.hasUndo(),canRedo:"function"==typeof t.hasRedo&&t.hasRedo()})},[]),ue=(0,t.useCallback)(e=>{const t=e?.selection?.getNode(),a=t?e.dom.getParent(t,"p,h1,h2,h3,h4,h5,h6")||t:null,n=a?.nodeName?.toLowerCase()||"p";y(["h1","h2","h3","h4"].includes(n)?n:"p")},[]),me=(0,t.useCallback)(e=>{const t=e?.selection?.getNode();if(!t)return;const a=e.getBody(),n=String(e.formatter?.match?.(["alignleft","aligncenter","alignright"])||"");v("aligncenter"===n?"center":"alignright"===n?"right":"left");const o=e.dom.getParent(t,".quote_q",a);if(o){const e=Array.from(o.classList).find(e=>0===e.indexOf("qe_wzk_"));return void C(e||"quote")}e.dom.getParent(t,"ul",a)?C("ul"):e.dom.getParent(t,"ol",a)?C("ol"):C("p")},[]),pe=(0,t.useCallback)((e={})=>{const t=i.current;return{post_id:t.postId,version_id:t.versionId,rev:t.rev,title:t.title,content:t.content,categories:t.categories,tags:t.tags,custom:t.custom,featured:t.featured,schedule:{enabled:!!t.schedule.enabled,at:t.schedule.enabled?t.schedule.at:""},pay:N(t.pay),...e}},[]),_e=(0,t.useCallback)(async(e=!1)=>{const t=l.current;t&&!t.removed&&se(S(t.getContent()));const a=i.current;if(!ae.current&&(a.postId>0||a.versionId>0))return!0;const n=ne.current;if(""===a.title.trim()&&""===ee(a.content).trim()&&!/<(?:img|table|pre|hr|iframe|video)/i.test(a.content))return!0;$({state:"saving",at:""});try{const t=await r(W.creator.saveUrl,pe({autosave:e}),X),a={...i.current,postId:Number(t.post_id||i.current.postId||0),versionId:Number(t.version_id||i.current.versionId||0),rev:Number(t.rev||t.versionRev||i.current.rev||0)};window.jioSubmitData&&(window.jioSubmitData.postId=a.postId);const l=ne.current===n;return ae.current=!l,i.current=a,o(a),$({state:l?"saved":"saving",at:l?(new Date).toLocaleTimeString():""}),l}catch(e){return $({state:409===e?.status?"conflict":"error",at:""}),!1}},[pe]);u.current=()=>{_e(!1)};const fe=(0,t.useCallback)(async e=>{if(await _e(!1)){$({state:"submitting",at:""});try{let t="";const n=window.JioCaptcha;if(W.captcha?.enabled&&n&&"function"==typeof n.run){const e=await n.run("front_submit");if(null===e)return $({state:"ready",at:""}),void K({tone:"error",text:(0,a.__)("请先完成人机验证","jio")});t=String(e?.jio_captcha_proof||"")}const o=await r(W.creator.submitUrl,pe({post_id:i.current.postId,version_id:i.current.versionId,rev:i.current.rev,publish_now:e,captcha_proof:t}),X);ae.current=!1,$({state:"submitted",at:""}),K({tone:"ok",text:String(o.message||(0,a.__)("已提交","jio"))}),P(!1);const l=o.url||o.goto||W.urls?.center;l&&window.setTimeout(()=>{window.location.href=l},900)}catch(e){$({state:"error",at:""}),K({tone:"error",text:String(e?.message||(0,a.__)("提交失败","jio"))})}}else K({tone:"error",text:(0,a.__)("内容保存失败，请重试后再提交","jio")})},[pe,_e]),be=(0,t.useCallback)(async()=>{if(await _e(!1))try{const e=await r(W.creator.previewUrl,{post_id:i.current.postId,version_id:i.current.versionId},X);e.url&&window.open(String(e.url),"_blank","noopener")}catch(e){K({tone:"error",text:String(e?.message||(0,a.__)("预览失败","jio"))})}},[_e]),{markLocalSaved:he,clear:ge}=function({key:e,snapshot:a,onFound:n}){const o=(0,t.useRef)(a);o.current=a;const r=(0,t.useRef)(!1);return(0,t.useEffect)(()=>{if(!r.current){r.current=!0;try{const t=window.localStorage.getItem(e);if(!t)return;const o=JSON.parse(t),r="string"==typeof o.at?Date.parse(o.at):NaN;if(!Number.isFinite(r)||Date.now()-r>6048e5)return void window.localStorage.removeItem(e);"string"==typeof o.content&&o.content!==a.content&&n(String(o.at))}catch(t){window.localStorage.removeItem(e)}}},[e,n,a.content]),{markLocalSaved:(0,t.useCallback)(()=>{try{window.localStorage.setItem(e,JSON.stringify(o.current))}catch(e){}},[e]),clear:(0,t.useCallback)(()=>{try{window.localStorage.removeItem(e)}catch(e){}},[e])}}({key:Y,snapshot:{title:n.title,content:n.content,at:(new Date).toISOString()},onFound:e=>te({savedAt:e})}),ye=function({enabled:e,onSave:a,onLocal:n,remoteDelay:o=4e3,localDelay:r=1500}){const i=(0,t.useRef)(null),l=(0,t.useRef)(null),c=(0,t.useRef)(!1),s=(0,t.useRef)(a),d=(0,t.useRef)(n);s.current=a,d.current=n;const u=(0,t.useCallback)(()=>{i.current&&(window.clearTimeout(i.current),i.current=null),l.current&&(window.clearTimeout(l.current),l.current=null)},[]),m=(0,t.useCallback)(async()=>{if(!c.current){c.current=!0;try{await s.current()}finally{c.current=!1}}},[]),p=(0,t.useCallback)(()=>{u(),d.current(),e&&(l.current=window.setTimeout(()=>d.current(),r),i.current=window.setTimeout(()=>{m()},o))},[u,e,m,r,o]);return(0,t.useEffect)(()=>{if(!e)return;const t=()=>{"hidden"===document.visibilityState&&m()},a=()=>{m()};return document.addEventListener("visibilitychange",t),window.addEventListener("blur",a),()=>{document.removeEventListener("visibilitychange",t),window.removeEventListener("blur",a),u()}},[u,e,m]),(0,t.useMemo)(()=>({schedule:p,flush:m,cancel:u}),[u,m,p])}({enabled:!!oe.isLoggedIn,onSave:async()=>{const e=await _e(!0);return e&&ge(),e},onLocal:he}).schedule;(0,t.useEffect)(()=>{ae.current&&ye()},[n,ye]),(0,t.useEffect)(()=>{const e=e=>{ae.current&&(e.preventDefault(),e.returnValue="")};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[]),(0,t.useEffect)(()=>{const e=e=>{(e.metaKey||e.ctrlKey)&&"s"===e.key.toLowerCase()&&(e.preventDefault(),_e(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[_e]),(0,t.useEffect)(()=>{const e=window.wp?.editor;if(!e||"function"!=typeof e.initialize)return void K({tone:"error",text:(0,a.__)("TinyMCE 加载失败，请刷新页面后重试。","jio")});const t={quicktags:!1,tinymce:{menubar:!1,statusbar:!1,resize:!1,toolbar1:"",toolbar2:"",toolbar3:"",plugins:"paste,link,lists,wordpress,wplink",wpautop:!0,body_class:"jio-creator__tinymce",content_css:W.creator?.contentCss||"",content_style:'\nbody {\n\tposition: relative;\n\tmargin: 0;\n\tcolor: #2b2b2b;\n\tfont-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;\n\tfont-size: 16px;\n\tline-height: 1.8;\n\tletter-spacing: 0.01em;\n}\np { margin: 0 0 1.1em; }\nh1, h2, h3, h4, h5, h6 { margin: 1.5em 0 0.65em; line-height: 1.4; }\nimg, iframe { max-width: 100%; }\nimg { height: auto; }\n\n/*\n * 块级删除控件。它由 editor-runtime 插进 iframe 的 body，样式必须写在这里：\n * 父页面样式表管不到 iframe 内部，缺这条规则时按钮会退化成正文顶部的常显小方块。\n * 正文是流式布局且 iframe 高度随内容增长，所以按整篇正文定位，而不是相对某个块。\n */\n#jio-block-actions {\n\tposition: absolute;\n\tz-index: 5;\n\ttop: 6px;\n\tleft: 6px;\n\topacity: 0;\n\tpointer-events: none;\n\ttransition: opacity 0.15s ease;\n}\n#jio-block-actions.is-visible {\n\topacity: 1;\n\tpointer-events: auto;\n}\n#jio-block-actions .jio-creator__block-action {\n\tdisplay: inline-flex;\n\theight: 26px;\n\talign-items: center;\n\tgap: 5px;\n\tpadding: 0 9px;\n\tborder: 1px solid #e3e7e5;\n\tborder-radius: 6px;\n\tbackground: #fff;\n\tcolor: #7d8683;\n\tfont: inherit;\n\tfont-size: 12px;\n\tline-height: 1;\n\twhite-space: nowrap;\n\tbox-shadow: 0 2px 8px rgba(24, 39, 34, 0.08);\n\tcursor: pointer;\n}\n#jio-block-actions .jio-creator__block-action-icon {\n\tfont-size: 11px;\n\tline-height: 1;\n}\n#jio-block-actions .jio-creator__block-action:hover {\n\tborder-color: #cdd6d2;\n\tcolor: #4f5957;\n}\n#jio-block-actions.is-selected .jio-creator__block-action {\n\tborder-color: #e0a99b;\n\tbackground: #fdf2ee;\n\tcolor: #b4573f;\n}\n#jio-block-actions.is-selected .jio-creator__block-action:hover {\n\tborder-color: #cf8574;\n\tbackground: #fbe7e1;\n}\n\n/* 第一次点击选中的块：虚线高亮，明确「还没删」。 */\n.jio-creator__block-selected {\n\toutline: 2px dashed rgba(180, 87, 63, 0.55);\n\toutline-offset: 3px;\n\tborder-radius: 4px;\n}\n\n/*\n * 代码块：与前台文章页保持一致，只用 pre > code。\n * 前台由 EnlighterJS 高亮，编辑器里给出同一份底色与等宽排版。\n */\npre {\n\tmargin: 0 0 1.1em;\n\tpadding: 14px 18px;\n\toverflow-x: auto;\n\tborder-radius: 8px;\n\tbackground: #f2f4f5;\n\tcolor: #2b2b2b;\n\tfont-family: Consolas, Monaco, "Courier New", monospace;\n\tfont-size: 13px;\n\tline-height: 1.6;\n\twhite-space: pre-wrap;\n\tword-wrap: break-word;\n}\npre code {\n\tborder: 0;\n\tbackground: transparent;\n\tcolor: inherit;\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tline-height: inherit;\n\tpadding: 0;\n\twhite-space: inherit;\n}\n\n/* 引用：与前台主题的 .quote_q 视觉一致。 */\n.quote_q {\n\tposition: relative;\n\tmargin: 10px 0 20px;\n\tpadding: 1.2em;\n\tborder-radius: 6px;\n\t--quote-color: #555;\n\tcolor: var(--quote-color);\n}\n.quote_q::before {\n\tposition: absolute;\n\tinset: 0;\n\tborder-radius: 6px;\n\tbackground: var(--quote-color);\n\tcontent: \'\';\n\topacity: 0.04;\n}\n.quote_q.quote-mce::after {\n\tposition: absolute;\n\ttop: 20px;\n\tleft: 20px;\n\twidth: 1em;\n\theight: 1em;\n\tcolor: var(--quote-color);\n\tcontent: \'\';\n\tfont-size: 1.2em;\n\tline-height: 1;\n\topacity: 0.6;\n\t/* 引号用图标字体绘制时依赖 FA；这里用内联 SVG 数据，编辑器与前台都不缺图标。 */\n\tbackground: var(--quote-color);\n\t-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'%3E%3Cpath d=\'M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z\'/%3E%3C/svg%3E") center / contain no-repeat;\n\tmask: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'%3E%3Cpath d=\'M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z\'/%3E%3C/svg%3E") center / contain no-repeat;\n}\n.quote_q > div {\n\tposition: relative;\n\tmin-height: 24px;\n\tpadding-left: 2em;\n\topacity: 0.7;\n}\n.quote_q > div > :first-child { margin-top: 0; }\n.quote_q > div > :last-child { margin-bottom: 0; }\n.quote_q [contenteditable="true"] {\n\toutline: 0;\n\tborder-radius: 0;\n\tbox-shadow: none;\n}\n.quote_q.qe_wzk_c-red { --quote-color: #dc3f3f; }\n.quote_q.qe_wzk_lan { --quote-color: #0092ff; }\n.quote_q.qe_wzk_lv { --quote-color: #23790e; }\n\n/* 表格。 */\n.jio-content-table {\n\twidth: 100%;\n\tmargin: 0 0 1.1em;\n\tborder-collapse: collapse;\n\tfont-size: 14px;\n}\n.jio-content-table th,\n.jio-content-table td {\n\tpadding: 10px 12px;\n\tborder: 1px solid #e6e9e8;\n\tline-height: 1.6;\n}\n.jio-content-table thead th {\n\tbackground: #f6f8f7;\n\tfont-weight: 600;\n\ttext-align: left;\n}\n.jio-content-table.is-striped tbody tr:nth-child(odd) td { background: #f7f9f8; }\n\n/* 公式：独占一行时居中显示，不铺满整行底色。 */\n.jio-math {\n\tfont-family: "Cambria Math", "Latin Modern Math", "Times New Roman", serif;\n\tfont-size: 1.05em;\n\twhite-space: pre-wrap;\n}\n.jio-math--block {\n\tdisplay: block;\n\tmax-width: 100%;\n\tmargin: 0 auto;\n\tpadding: 2px 0;\n\toverflow-x: auto;\n\ttext-align: center;\n\tbackground: transparent;\n\tborder: 0;\n}\n.jio-math sup, .jio-math sub { font-size: 0.72em; }\n\n/* 隐藏内容：短代码放进 .hide-before / .hide-after，编辑器只显示可读标签。 */\n.tinymce-hide {\n\tposition: relative;\n\tmargin: 18px 0;\n\tpadding: 38px 14px 14px;\n\tborder: 1px dashed rgba(240, 68, 148, 0.35);\n\tborder-radius: 6px;\n\tbackground: rgba(240, 68, 148, 0.04);\n}\n.tinymce-hide > .hide-before,\n.tinymce-hide > .hide-after {\n\tmargin: 0;\n\tfont-family: Consolas, Monaco, monospace;\n\tfont-size: 0;\n\tline-height: 1.5;\n\tcolor: #f04494;\n}\n.tinymce-hide > .hide-before {\n\tposition: absolute;\n\ttop: 10px;\n\tleft: 14px;\n}\n.tinymce-hide > .hide-before::before {\n\tcontent: attr(data-jio-hide-label);\n\tfont-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tletter-spacing: 0.02em;\n}\n.tinymce-hide > .hide-after {\n\tdisplay: none;\n}\n.tinymce-hide > [contenteditable="true"] {\n\tmin-height: 38px;\n\tpadding: 10px;\n\tborder-radius: 4px;\n\tbackground: rgba(255, 255, 255, 0.75);\n\toutline: 0;\n}\n.tinymce-hide > [contenteditable="true"] > :first-child { margin-top: 0; }\n.tinymce-hide > [contenteditable="true"] > :last-child { margin-bottom: 0; }\n\n/* 注释：编辑器里显示上标标记，发布后由服务端渲染编号与注释列表。 */\n.jio-footnote-ref {\n\tdisplay: inline-block;\n\tmax-width: 100%;\n\tpadding: 0 6px;\n\tborder-radius: 4px;\n\tbackground: #eef5f2;\n\tcolor: #267665;\n\tfont-size: 0.78em;\n\tline-height: 1.6;\n\tvertical-align: super;\n\tcursor: default;\n}\n.jio-footnote-ref::before {\n\tcontent: \'注 \';\n\topacity: 0.6;\n}\n\n/* 附件链接。 */\n.jio-file-link {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 6px 12px;\n\tborder: 1px solid #e6e9e8;\n\tborder-radius: 6px;\n\tbackground: #f7f8f8;\n\ttext-decoration: none;\n}\n',height:520,placeholder:String(W.limits?.contentPlaceholder||""),setup:e=>{l.current=e,e.on("init",()=>{d.current=!0,_(!0),null!==s.current?(e.setContent(x(s.current)),s.current=null):e.setContent(x(e.getContent())),H(e),function(e){const t=e.getDoc();if(!t||t.getElementById("jio-block-actions"))return;const a=t.createElement("div");a.id="jio-block-actions",a.className="jio-creator__block-actions",a.setAttribute("data-mce-bogus","all"),a.innerHTML='',t.body.appendChild(a);const n=a.querySelector("[data-jio-block-delete]"),o=a.querySelector(".jio-creator__block-action-text");let r=null,i=null;const l=e=>"selected"===e?"再次点击删除此块":"选中此块",c=e=>{a.classList.toggle("is-selected","selected"===e),o&&(o.textContent=l(e));const t=l(e);n?.setAttribute("title",t),n?.setAttribute("aria-label",t)},s=e=>{const n=e.getBoundingClientRect(),o=Math.max(n.left+8,n.right-96);a.style.top=`${n.top+t.documentElement.scrollTop+6}px`,a.style.left=`${o+t.documentElement.scrollLeft}px`},d=e=>{e&&e!==t.body&&("P"!==e.tagName||""!==(e.textContent||"").trim()||e.querySelector("img,iframe,table,pre"))?(r=e,s(e),a.classList.add("is-visible")):a.classList.remove("is-visible")},u=()=>{i&&i.classList.remove(J),i=null,c("idle"),r?d(r):a.classList.remove("is-visible")};t.addEventListener("mouseover",e=>{const a=e.target?.closest?.("table,pre,hr,.quote_q,.tinymce-hide,p");a&&a!==t.body&&(i||d(a))}),t.addEventListener("mouseleave",()=>{r=null,i?s(i):a.classList.remove("is-visible")}),a.addEventListener("mousedown",e=>e.preventDefault()),a.addEventListener("click",t=>{const n=t.target?.closest("[data-jio-block-delete]"),o=i||r;if(!n||!o)return;if(t.preventDefault(),i!==o)return i&&i.classList.remove(J),i=o,o.classList.add(J),c("selected"),s(o),void a.classList.add("is-visible");const l=o,d=l.parentElement;l.classList.remove(J),i=null,r=null,a.classList.remove("is-visible","is-selected"),c("idle"),e.undoManager.transact(()=>{e.dom.remove(l)}),0===e.getBody().children.length&&e.setContent(""),d&&0===d.children.length&&e.setContent("");const u=e.getBody().firstChild;u&&e.selection.setCursorLocation(u,0),e.nodeChanged(),e.undoManager.add(),H(e)}),t.addEventListener("mousedown",e=>{a.contains(e.target)||i&&u()}),t.addEventListener("keydown",e=>{"Escape"===e.key&&i&&u()}),e.on("Undo Redo SetContent",()=>{i&&!t.body.contains(i)&&(i=null,c("idle"),a.classList.remove("is-visible","is-selected"))})}(e),de(e),ue(e),me(e)}),e.on("NodeChange",()=>{ue(e),me(e)}),e.on("input change Undo Redo AddUndo",()=>{se(S(e.getContent())),de(e),H(e)}),e.on("keydown",t=>{if((t.metaKey||t.ctrlKey)&&83===t.keyCode)return t.preventDefault(),void u.current();!function(e,t){const a=Number(t.keyCode);if(8!==a&&46!==a)return;const n=e.selection;if(!n||!n.isCollapsed())return;const o=e.getBody(),r=n.getNode(),i=(l=r)&&1===l.nodeType&&""===(l.textContent||"").trim()&&!e.dom.getParent(l,O,o)?r:null;var l;const c=i?8===a?i.previousElementSibling:i.nextElementSibling:null;if((e=>!!e&&1===e.nodeType&&!!e.matches?.(O))(c))return t.preventDefault(),e.dom.remove(c),e.nodeChanged(),void e.undoManager.add();const s=e.dom.getParent(r,O,o);if(!s)return;const d=t=>{const a=e.dom.createRng();a.selectNodeContents(s),a.collapse(t);const o=n.getRng();return o&&"function"==typeof o.compareBoundaryPoints&&0===o.compareBoundaryPoints(t?1:3,a)};if(!(8===a&&d(!0)||46===a&&d(!1)))return;t.preventDefault();const u=s.parentElement;e.dom.remove(s),u&&0===u.children.length&&(e.setContent(""),e.selection.setCursorLocation(e.getBody().firstChild,0)),e.nodeChanged(),e.undoManager.add()}(e,t)})}}};return e.initialize(Q,t),()=>{e.remove?.(Q),d.current=!1,l.current=null}},[se,me,ue]);const je=(0,t.useCallback)(()=>{try{const e=window.localStorage.getItem(Y);if(e){const t=JSON.parse(e),a={};"string"==typeof t.title&&(a.title=t.title),"string"==typeof t.content&&(a.content=t.content),ce(a),"string"==typeof t.content&&(d.current?l.current?.setContent(t.content):s.current=t.content)}}catch(e){}te(null)},[ce]),ve=(0,t.useCallback)(()=>{const e=l.current;e&&!e.removed&&(c.current=e.selection.getBookmark(2,!0))},[]),Ee=(0,t.useCallback)(()=>{const e=l.current;if(!e||e.removed)return null;if(e.focus(),c.current){try{e.selection.moveToBookmark(c.current)}catch(e){}c.current=null}return e},[]),ke=(0,t.useCallback)((e,t)=>{const a=Ee();if(a){if("undo"===e)a.undoManager.undo();else if("redo"===e)a.undoManager.redo();else if("format"===e){const e=t||"p";a.execCommand("FormatBlock",!1,e),ue(a)}else"align"===e?(a.execCommand("center"===t?"JustifyCenter":"right"===t?"JustifyRight":"JustifyLeft"),me(a)):a.execCommand(e);a.nodeChanged()}},[Ee,me,ue]),we=(0,t.useCallback)(()=>{const e=Ee();if(!e)return;const t=window.wpLink;if(t&&"function"==typeof t.open)return void t.open(e.id);const n=window.prompt((0,a.__)("输入链接地址","jio"),"https://"),o=n?Z(n):"";o&&e.execCommand("mceInsertLink",!1,{href:o})},[Ee]),Ne=(0,t.useCallback)(e=>{const t=Ee();t&&e&&(t.insertContent(e),t.undoManager.add(),t.nodeChanged(),se(S(t.getContent())),de(t),H(t))},[Ee]),Ce=(0,t.useCallback)(e=>{if(ve(),"table"!==e&&"math"!==e&&"footnote"!==e)if("code"!==e){if("ul"===e||"ol"===e){const t=Ee();return void(t&&(t.execCommand("ol"===e?"InsertOrderedList":"InsertUnorderedList"),t.undoManager.add(),t.nodeChanged(),se(S(t.getContent())),me(t)))}"divider"===e&&Ne("")}else Ne("
${V(e)}
${V(t)}
${a}
`:`${a}`}(e)):Ne(function(e){const t=e.trim()||(0,a.__)("注释内容","jio");return`${A(t)}`}(e.note))},[Ne]),Le=(0,t.useCallback)(e=>{const t=l.current,n=window.JioSubmitMedia;t&&n&&"function"==typeof n.open?(ve(),n.open({type:e,multiple:"image"===e&&void 0,onSelect:t=>{const a=Array.isArray(t)?t:[t],n=Ee();if(!n)return;const o=a.map(t=>{const a=Z(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=Z(t?.url||a),n=e?` data-full-url="${G(e)}"`:"";return`${L(a)}
`).replace(/\[jio_footnote\]([\s\S]*?)\[\/jio_footnote\]/g,(e,t)=>`${t}`):e}const L=e=>e.replace(/&/g,"&").replace(//g,">").replace(/\^\{([^{}]*)\}|\^(\S)/gu,"$1$2").replace(/_\{([^{}]*)\}|_(\S)/gu,"$1$2"),$={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 P({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,$[t.state]||$.ready),"saved"===t.state&&t.at?(0,e.createElement)("time",null,t.at):null)}const q=36e5,I=24*q,R=30*I,D=365*I,z={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 A({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${t}
`};const B={reply:{open:"[reply]",close:"[/reply]",label:(0,a.__)("评论后可查看","jio")},login:{open:'[jio_hide mode="login"]',close:"[/jio_hide]",label:(0,a.__)("登录后可查看","jio")},vip:{open:"[vip]",close:"[/vip]",label:(0,a.__)("会员可查看","jio")},payshow:{open:"[payshow]",close:"[/payshow]",label:(0,a.__)("付费后可查看","jio")}},K=(e,t,a)=>Math.min(a,Math.max(t,Number.isFinite(e)?Math.round(e):t)),F={table:(0,a.__)("插入表格","jio"),math:(0,a.__)("插入公式","jio"),footnote:(0,a.__)("插入注释","jio")};function O({kind:n,onSubmit:o,onClose:r}){const[i,l]=(0,t.useState)(3),[c,s]=(0,t.useState)(3),[d,m]=(0,t.useState)(!0),[u,p]=(0,t.useState)(!1),[_,f]=(0,t.useState)("a^2 + b^2 = c^2"),[b,g]=(0,t.useState)(!0),[h,j]=(0,t.useState)(""),y=(0,t.useRef)(null),v=(0,t.useRef)(null),E=(0,t.useRef)(null),k=(0,t.useRef)(null);(0,t.useEffect)(()=>{(v.current||E.current||k.current)?.focus();const e=e=>{"Escape"===e.key&&(e.preventDefault(),r())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[r]);const N=(0,t.useMemo)(()=>"footnote"===n?""!==h.trim():"math"!==n||""!==_.trim(),[n,h,_]);return(0,e.createElement)("div",{className:"jio-creator-dialog",role:"dialog","aria-modal":"true","aria-labelledby":"jio-creator-dialog-title"},(0,e.createElement)("button",{type:"button",className:"jio-creator-dialog__backdrop","aria-label":(0,a.__)("关闭","jio"),onClick:r}),(0,e.createElement)("div",{className:"jio-creator-dialog__panel",ref:y},(0,e.createElement)("header",{className:"jio-creator-dialog__head"},(0,e.createElement)("h2",{id:"jio-creator-dialog-title"},F[n]),(0,e.createElement)("button",{type:"button",className:"jio-creator-dialog__close",onClick:r,"aria-label":(0,a.__)("关闭","jio")},(0,e.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))),(0,e.createElement)("div",{className:"jio-creator-dialog__body"},"table"===n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"jio-creator-dialog__row"},(0,e.createElement)("label",null,(0,e.createElement)("span",null,(0,a.__)("行数","jio")),(0,e.createElement)("input",{ref:v,type:"number",min:1,max:20,value:i,onChange:e=>l(Number(e.target.value))})),(0,e.createElement)("label",null,(0,e.createElement)("span",null,(0,a.__)("列数","jio")),(0,e.createElement)("input",{type:"number",min:1,max:10,value:c,onChange:e=>s(Number(e.target.value))}))),(0,e.createElement)("label",{className:"jio-creator-dialog__check"},(0,e.createElement)("input",{type:"checkbox",checked:d,onChange:e=>m(e.target.checked)}),(0,e.createElement)("span",null,(0,a.__)("首行为表头","jio"))),(0,e.createElement)("label",{className:"jio-creator-dialog__check"},(0,e.createElement)("input",{type:"checkbox",checked:u,onChange:e=>p(e.target.checked)}),(0,e.createElement)("span",null,(0,a.__)("隔行变色","jio")))),"math"===n&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("label",{className:"jio-creator-dialog__field"},(0,e.createElement)("span",null,(0,a.__)("公式","jio")),(0,e.createElement)("textarea",{ref:E,rows:3,value:_,onChange:e=>f(e.target.value),placeholder:"a^2 + b^2 = c^2"})),(0,e.createElement)("p",{className:"jio-creator-muted"},(0,a.__)("支持上标 ^ 与下标 _，例如 x^2 与 a_n；暂不支持完整 LaTeX。","jio")),(0,e.createElement)("label",{className:"jio-creator-dialog__check"},(0,e.createElement)("input",{type:"checkbox",checked:b,onChange:e=>g(e.target.checked)}),(0,e.createElement)("span",null,(0,a.__)("独占一行显示","jio")))),"footnote"===n&&(0,e.createElement)("label",{className:"jio-creator-dialog__field"},(0,e.createElement)("span",null,(0,a.__)("注释内容","jio")),(0,e.createElement)("textarea",{ref:k,rows:4,value:h,onChange:e=>j(e.target.value),placeholder:(0,a.__)("填写要补充说明的内容","jio")}))),(0,e.createElement)("footer",{className:"jio-creator-dialog__foot"},(0,e.createElement)("button",{type:"button",className:"jio-creator-dialog__ghost",onClick:r},(0,a.__)("取消","jio")),(0,e.createElement)("button",{type:"button",className:"jio-creator-dialog__primary",onClick:()=>{N&&o("table"!==n?"math"!==n?{kind:n,note:h.trim()}:{kind:n,formula:_.trim(),display:b}:{kind:n,rows:K(i,1,20),cols:K(c,1,10),header:d,striped:u})},disabled:!N},(0,a.__)("插入","jio")))))}const H="table,pre,hr,.quote_q,.tinymce-hide,.jio-math--block";function J(e){if(!e||e.removed)return;const t=e.getDoc(),a=e.getContentAreaContainer()?.querySelector("iframe");if(!t||!a)return;const n=Math.max(320,t.documentElement.scrollHeight,t.body?t.body.scrollHeight:0);a.style.height=`${n}px`,a.style.overflow="hidden"}const W="jio-creator__block-selected",X=window.jioCreatorStudio||{},Y=X.nonce||"",Q=`jio-studio-${X.sourceId||0}`,G="jio-creator-content";function Z(e){return e.replace(/&/g,"&").replace(/"/g,""").replace(//g,">")}function ee(e){const t=String(e||"").trim();if(!t)return"";try{const e=new URL(t,window.location.href);return"http:"===e.protocol||"https:"===e.protocol?e.href:""}catch(e){return""}}function te(e){const t=document.createElement("div");return t.innerHTML=e,(t.textContent||"").replace(/\s+/g,"")}function ae(){const[n,o]=(0,t.useState)(()=>function(e){const t=e.pay||{},a=e.categories&&e.categories.selected||[],n=e.tags&&e.tags.items||[];return{postId:Number(e.sourceId||0),versionId:Number(e.versionId||0),rev:Number(e.versionRev||0),title:String(e.title||""),content:String(e.content||""),schedule:{enabled:!1,at:""},categories:a.map(Number),tags:n.slice(),custom:e.custom||{},featured:e.featured||{type:"",data:{}},pay:{enabled:!!t.enabled,modo:"points"===t.payModo?"points":"cash",price:String(t.price||"0.00"),points:Number(t.points||0),vip1Price:String(t.vip1Price||"0.00"),vip2Price:String(t.vip2Price||"0.00"),vip1Points:Number(t.vip1Points||0),vip2Points:Number(t.vip2Points||0),payLimit:Number(t.payLimit||0),downloads:Array.isArray(t.downloads)?t.downloads:[]}}}(X)),i=(0,t.useRef)(n);i.current=n;const l=(0,t.useRef)(null),c=(0,t.useRef)(null),s=(0,t.useRef)(null),d=(0,t.useRef)(!1),m=(0,t.useRef)(()=>{}),[u,f]=(0,t.useState)(!1),[b,g]=(0,t.useState)({canUndo:!1,canRedo:!1}),[h,y]=(0,t.useState)("p"),[v,E]=(0,t.useState)("left"),[k,S]=(0,t.useState)("p"),[L,$]=(0,t.useState)(()=>({state:X.sourceId||X.versionId||X.content?"saved":"ready",at:""})),[P,q]=(0,t.useState)(!1),[I,R]=(0,t.useState)(!1),[D,z]=(0,t.useState)(null),[V,K]=(0,t.useState)(null),[F,ae]=(0,t.useState)(null),ne=(0,t.useRef)(!1),oe=(0,t.useRef)(0),re=X.capabilities||{},ie={titleMin:Number(X.limits?.titleMin||1),titleMax:Number(X.limits?.titleMax||30),titlePlaceholder:String(X.limits?.titlePlaceholder||(0,a.__)("请输入标题","jio")),priceMin:Number(X.pay?.priceMin||0),priceMax:Number(X.pay?.priceMax||0),pointsMin:Number(X.pay?.pointsMin||0),pointsMax:Number(X.pay?.pointsMax||0)},le=!!X.isPublished,ce=(0,t.useMemo)(()=>Array.from(te(n.content)).length,[n.content]),se=(0,t.useCallback)(e=>{ne.current=!0,oe.current+=1;const t={...i.current,...e};i.current=t,o(t)},[]),de=(0,t.useCallback)(e=>{if(e===i.current.content)return;ne.current=!0,oe.current+=1;const t={...i.current,content:e};i.current=t,o(t)},[]),me=(0,t.useCallback)(e=>{const t=e?.undoManager;t&&g({canUndo:"function"==typeof t.hasUndo&&t.hasUndo(),canRedo:"function"==typeof t.hasRedo&&t.hasRedo()})},[]),ue=(0,t.useCallback)(e=>{const t=e?.selection?.getNode(),a=t?e.dom.getParent(t,"p,h1,h2,h3,h4,h5,h6")||t:null,n=a?.nodeName?.toLowerCase()||"p";y(["h1","h2","h3","h4"].includes(n)?n:"p")},[]),pe=(0,t.useCallback)(e=>{const t=e?.selection?.getNode();if(!t)return;const a=e.getBody(),n=String(e.formatter?.match?.(["alignleft","aligncenter","alignright"])||"");E("aligncenter"===n?"center":"alignright"===n?"right":"left");const o=e.dom.getParent(t,".quote_q",a);if(o){const e=Array.from(o.classList).find(e=>0===e.indexOf("qe_wzk_"));return void S(e||"quote")}e.dom.getParent(t,"ul",a)?S("ul"):e.dom.getParent(t,"ol",a)?S("ol"):S("p")},[]),_e=(0,t.useCallback)((e={})=>{const t=i.current;return{post_id:t.postId,version_id:t.versionId,rev:t.rev,title:t.title,content:t.content,categories:t.categories,tags:t.tags,custom:t.custom,featured:t.featured,schedule:{enabled:!!t.schedule.enabled,at:t.schedule.enabled?t.schedule.at:""},pay:C(t.pay),...e}},[]),fe=(0,t.useCallback)(async(e=!1)=>{const t=l.current;t&&!t.removed&&de(x(t.getContent()));const a=i.current;if(!ne.current&&(a.postId>0||a.versionId>0))return!0;const n=oe.current;if(""===a.title.trim()&&""===te(a.content).trim()&&!/<(?:img|table|pre|hr|iframe|video)/i.test(a.content))return!0;$({state:"saving",at:""});try{const t=await r(X.creator.saveUrl,_e({autosave:e}),Y),a={...i.current,postId:Number(t.post_id||i.current.postId||0),versionId:Number(t.version_id||i.current.versionId||0),rev:Number(t.rev||t.versionRev||i.current.rev||0)};window.jioSubmitData&&(window.jioSubmitData.postId=a.postId);const l=oe.current===n;return ne.current=!l,i.current=a,o(a),$({state:l?"saved":"saving",at:l?(new Date).toLocaleTimeString():""}),l}catch(e){return $({state:409===e?.status?"conflict":"error",at:""}),!1}},[_e]);m.current=()=>{fe(!1)};const be=(0,t.useCallback)(async e=>{if(await fe(!1)){$({state:"submitting",at:""});try{let t="";const n=window.JioCaptcha;if(X.captcha?.enabled&&n&&"function"==typeof n.run){const e=await n.run("front_submit");if(null===e)return $({state:"ready",at:""}),void K({tone:"error",text:(0,a.__)("请先完成人机验证","jio")});t=String(e?.jio_captcha_proof||"")}const o=await r(X.creator.submitUrl,_e({post_id:i.current.postId,version_id:i.current.versionId,rev:i.current.rev,publish_now:e,captcha_proof:t}),Y);ne.current=!1,$({state:"submitted",at:""}),K({tone:"ok",text:String(o.message||(0,a.__)("已提交","jio"))}),R(!1),q(!1);const l=o.url||o.goto||X.urls?.center;l&&window.setTimeout(()=>{window.location.href=l},900)}catch(e){$({state:"error",at:""}),K({tone:"error",text:String(e?.message||(0,a.__)("提交失败","jio"))})}}else K({tone:"error",text:(0,a.__)("内容保存失败，请重试后再提交","jio")})},[_e,fe]),ge=(0,t.useCallback)(async()=>{if(await fe(!1))try{const e=await r(X.creator.previewUrl,{post_id:i.current.postId,version_id:i.current.versionId},Y);e.url&&window.open(String(e.url),"_blank","noopener")}catch(e){K({tone:"error",text:String(e?.message||(0,a.__)("预览失败","jio"))})}},[fe]),{markLocalSaved:he,clear:je}=function({key:e,snapshot:a,onFound:n}){const o=(0,t.useRef)(a);o.current=a;const r=(0,t.useRef)(!1);return(0,t.useEffect)(()=>{if(!r.current){r.current=!0;try{const t=window.localStorage.getItem(e);if(!t)return;const o=JSON.parse(t),r="string"==typeof o.at?Date.parse(o.at):NaN;if(!Number.isFinite(r)||Date.now()-r>6048e5)return void window.localStorage.removeItem(e);"string"==typeof o.content&&o.content!==a.content&&n(String(o.at))}catch(t){window.localStorage.removeItem(e)}}},[e,n,a.content]),{markLocalSaved:(0,t.useCallback)(()=>{try{window.localStorage.setItem(e,JSON.stringify(o.current))}catch(e){}},[e]),clear:(0,t.useCallback)(()=>{try{window.localStorage.removeItem(e)}catch(e){}},[e])}}({key:Q,snapshot:{title:n.title,content:n.content,at:(new Date).toISOString()},onFound:e=>ae({savedAt:e})}),ye=function({enabled:e,onSave:a,onLocal:n,remoteDelay:o=4e3,localDelay:r=1500}){const i=(0,t.useRef)(null),l=(0,t.useRef)(null),c=(0,t.useRef)(!1),s=(0,t.useRef)(a),d=(0,t.useRef)(n);s.current=a,d.current=n;const m=(0,t.useCallback)(()=>{i.current&&(window.clearTimeout(i.current),i.current=null),l.current&&(window.clearTimeout(l.current),l.current=null)},[]),u=(0,t.useCallback)(async()=>{if(!c.current){c.current=!0;try{await s.current()}finally{c.current=!1}}},[]),p=(0,t.useCallback)(()=>{m(),d.current(),e&&(l.current=window.setTimeout(()=>d.current(),r),i.current=window.setTimeout(()=>{u()},o))},[m,e,u,r,o]);return(0,t.useEffect)(()=>{if(!e)return;const t=()=>{"hidden"===document.visibilityState&&u()},a=()=>{u()};return document.addEventListener("visibilitychange",t),window.addEventListener("blur",a),()=>{document.removeEventListener("visibilitychange",t),window.removeEventListener("blur",a),m()}},[m,e,u]),(0,t.useMemo)(()=>({schedule:p,flush:u,cancel:m}),[m,u,p])}({enabled:!!re.isLoggedIn,onSave:async()=>{const e=await fe(!0);return e&&je(),e},onLocal:he}).schedule;(0,t.useEffect)(()=>{ne.current&&ye()},[n,ye]),(0,t.useEffect)(()=>{const e=e=>{ne.current&&(e.preventDefault(),e.returnValue="")};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[]),(0,t.useEffect)(()=>{const e=e=>{(e.metaKey||e.ctrlKey)&&"s"===e.key.toLowerCase()&&(e.preventDefault(),fe(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[fe]),(0,t.useEffect)(()=>{const e=window.wp?.editor;if(!e||"function"!=typeof e.initialize)return void K({tone:"error",text:(0,a.__)("TinyMCE 加载失败，请刷新页面后重试。","jio")});const t={quicktags:!1,tinymce:{menubar:!1,statusbar:!1,resize:!1,toolbar1:"",toolbar2:"",toolbar3:"",plugins:"paste,link,lists,wordpress,wplink",wpautop:!0,body_class:"jio-creator__tinymce",content_css:X.creator?.contentCss||"",content_style:'\nbody {\n\tposition: relative;\n\tmargin: 0;\n\tcolor: #2b2b2b;\n\tfont-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;\n\tfont-size: 16px;\n\tline-height: 1.8;\n\tletter-spacing: 0.01em;\n}\np { margin: 0 0 1.1em; }\nh1, h2, h3, h4, h5, h6 { margin: 1.5em 0 0.65em; line-height: 1.4; }\nimg, iframe { max-width: 100%; }\nimg { height: auto; }\n\n/*\n * 块级删除控件。它由 editor-runtime 插进 iframe 的 body，样式必须写在这里：\n * 父页面样式表管不到 iframe 内部，缺这条规则时按钮会退化成正文顶部的常显小方块。\n * 正文是流式布局且 iframe 高度随内容增长，所以按整篇正文定位，而不是相对某个块。\n */\n#jio-block-actions {\n\tposition: absolute;\n\tz-index: 5;\n\ttop: 6px;\n\tleft: 6px;\n\topacity: 0;\n\tpointer-events: none;\n\ttransition: opacity 0.15s ease;\n}\n#jio-block-actions.is-visible {\n\topacity: 1;\n\tpointer-events: auto;\n}\n#jio-block-actions .jio-creator__block-action {\n\tdisplay: inline-flex;\n\theight: 26px;\n\talign-items: center;\n\tgap: 5px;\n\tpadding: 0 9px;\n\tborder: 1px solid #e3e7e5;\n\tborder-radius: 6px;\n\tbackground: #fff;\n\tcolor: #7d8683;\n\tfont: inherit;\n\tfont-size: 12px;\n\tline-height: 1;\n\twhite-space: nowrap;\n\tbox-shadow: 0 2px 8px rgba(24, 39, 34, 0.08);\n\tcursor: pointer;\n}\n#jio-block-actions .jio-creator__block-action-icon {\n\tfont-size: 11px;\n\tline-height: 1;\n}\n#jio-block-actions .jio-creator__block-action:hover {\n\tborder-color: #cdd6d2;\n\tcolor: #4f5957;\n}\n#jio-block-actions.is-selected .jio-creator__block-action {\n\tborder-color: #e0a99b;\n\tbackground: #fdf2ee;\n\tcolor: #b4573f;\n}\n#jio-block-actions.is-selected .jio-creator__block-action:hover {\n\tborder-color: #cf8574;\n\tbackground: #fbe7e1;\n}\n\n/* 第一次点击选中的块：虚线高亮，明确「还没删」。 */\n.jio-creator__block-selected {\n\toutline: 2px dashed rgba(180, 87, 63, 0.55);\n\toutline-offset: 3px;\n\tborder-radius: 4px;\n}\n\n/*\n * 代码块：与前台文章页保持一致，只用 pre > code。\n * 前台由 EnlighterJS 高亮，编辑器里给出同一份底色与等宽排版。\n */\npre {\n\tmargin: 0 0 1.1em;\n\tpadding: 14px 18px;\n\toverflow-x: auto;\n\tborder-radius: 8px;\n\tbackground: #f2f4f5;\n\tcolor: #2b2b2b;\n\tfont-family: Consolas, Monaco, "Courier New", monospace;\n\tfont-size: 13px;\n\tline-height: 1.6;\n\twhite-space: pre-wrap;\n\tword-wrap: break-word;\n}\npre code {\n\tborder: 0;\n\tbackground: transparent;\n\tcolor: inherit;\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tline-height: inherit;\n\tpadding: 0;\n\twhite-space: inherit;\n}\n\n/* 引用：与前台主题的 .quote_q 视觉一致。 */\n.quote_q {\n\tposition: relative;\n\tmargin: 10px 0 20px;\n\tpadding: 1.2em;\n\tborder-radius: 6px;\n\t--quote-color: #555;\n\tcolor: var(--quote-color);\n}\n.quote_q::before {\n\tposition: absolute;\n\tinset: 0;\n\tborder-radius: 6px;\n\tbackground: var(--quote-color);\n\tcontent: \'\';\n\topacity: 0.04;\n}\n.quote_q.quote-mce::after {\n\tposition: absolute;\n\ttop: 20px;\n\tleft: 20px;\n\twidth: 1em;\n\theight: 1em;\n\tcolor: var(--quote-color);\n\tcontent: \'\';\n\tfont-size: 1.2em;\n\tline-height: 1;\n\topacity: 0.6;\n\t/* 引号用图标字体绘制时依赖 FA；这里用内联 SVG 数据，编辑器与前台都不缺图标。 */\n\tbackground: var(--quote-color);\n\t-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'%3E%3Cpath d=\'M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z\'/%3E%3C/svg%3E") center / contain no-repeat;\n\tmask: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'%3E%3Cpath d=\'M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z\'/%3E%3C/svg%3E") center / contain no-repeat;\n}\n.quote_q > div {\n\tposition: relative;\n\tmin-height: 24px;\n\tpadding-left: 2em;\n\topacity: 0.7;\n}\n.quote_q > div > :first-child { margin-top: 0; }\n.quote_q > div > :last-child { margin-bottom: 0; }\n.quote_q [contenteditable="true"] {\n\toutline: 0;\n\tborder-radius: 0;\n\tbox-shadow: none;\n}\n.quote_q.qe_wzk_c-red { --quote-color: #dc3f3f; }\n.quote_q.qe_wzk_lan { --quote-color: #0092ff; }\n.quote_q.qe_wzk_lv { --quote-color: #23790e; }\n\n/* 表格。 */\n.jio-content-table {\n\twidth: 100%;\n\tmargin: 0 0 1.1em;\n\tborder-collapse: collapse;\n\tfont-size: 14px;\n}\n.jio-content-table th,\n.jio-content-table td {\n\tpadding: 10px 12px;\n\tborder: 1px solid #e6e9e8;\n\tline-height: 1.6;\n}\n.jio-content-table thead th {\n\tbackground: #f6f8f7;\n\tfont-weight: 600;\n\ttext-align: left;\n}\n.jio-content-table.is-striped tbody tr:nth-child(odd) td { background: #f7f9f8; }\n\n/* 公式：独占一行时居中显示，不铺满整行底色。 */\n.jio-math {\n\tfont-family: "Cambria Math", "Latin Modern Math", "Times New Roman", serif;\n\tfont-size: 1.05em;\n\twhite-space: pre-wrap;\n}\n.jio-math--block {\n\tdisplay: block;\n\tmax-width: 100%;\n\tmargin: 0 auto;\n\tpadding: 2px 0;\n\toverflow-x: auto;\n\ttext-align: center;\n\tbackground: transparent;\n\tborder: 0;\n}\n.jio-math sup, .jio-math sub { font-size: 0.72em; }\n\n/* 隐藏内容：短代码放进 .hide-before / .hide-after，编辑器只显示可读标签。 */\n.tinymce-hide {\n\tposition: relative;\n\tmargin: 18px 0;\n\tpadding: 38px 14px 14px;\n\tborder: 1px dashed rgba(240, 68, 148, 0.35);\n\tborder-radius: 6px;\n\tbackground: rgba(240, 68, 148, 0.04);\n}\n.tinymce-hide > .hide-before,\n.tinymce-hide > .hide-after {\n\tmargin: 0;\n\tfont-family: Consolas, Monaco, monospace;\n\tfont-size: 0;\n\tline-height: 1.5;\n\tcolor: #f04494;\n}\n.tinymce-hide > .hide-before {\n\tposition: absolute;\n\ttop: 10px;\n\tleft: 14px;\n}\n.tinymce-hide > .hide-before::before {\n\tcontent: attr(data-jio-hide-label);\n\tfont-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tletter-spacing: 0.02em;\n}\n.tinymce-hide > .hide-after {\n\tdisplay: none;\n}\n.tinymce-hide > [contenteditable="true"] {\n\tmin-height: 38px;\n\tpadding: 10px;\n\tborder-radius: 4px;\n\tbackground: rgba(255, 255, 255, 0.75);\n\toutline: 0;\n}\n.tinymce-hide > [contenteditable="true"] > :first-child { margin-top: 0; }\n.tinymce-hide > [contenteditable="true"] > :last-child { margin-bottom: 0; }\n\n/* 注释：编辑器里显示上标标记，发布后由服务端渲染编号与注释列表。 */\n.jio-footnote-ref {\n\tdisplay: inline-block;\n\tmax-width: 100%;\n\tpadding: 0 6px;\n\tborder-radius: 4px;\n\tbackground: #eef5f2;\n\tcolor: #267665;\n\tfont-size: 0.78em;\n\tline-height: 1.6;\n\tvertical-align: super;\n\tcursor: default;\n}\n.jio-footnote-ref::before {\n\tcontent: \'注 \';\n\topacity: 0.6;\n}\n\n/* 附件链接。 */\n.jio-file-link {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 6px 12px;\n\tborder: 1px solid #e6e9e8;\n\tborder-radius: 6px;\n\tbackground: #f7f8f8;\n\ttext-decoration: none;\n}\n',height:520,placeholder:String(X.limits?.contentPlaceholder||""),setup:e=>{l.current=e,e.on("init",()=>{d.current=!0,f(!0),null!==s.current?(e.setContent(M(s.current)),s.current=null):e.setContent(M(e.getContent())),J(e),function(e){const t=e.getDoc();if(!t||t.getElementById("jio-block-actions"))return;const a=t.createElement("div");a.id="jio-block-actions",a.className="jio-creator__block-actions",a.setAttribute("data-mce-bogus","all"),a.innerHTML='',t.body.appendChild(a);const n=a.querySelector("[data-jio-block-delete]"),o=a.querySelector(".jio-creator__block-action-text");let r=null,i=null;const l=e=>"selected"===e?"再次点击删除此块":"选中此块",c=e=>{a.classList.toggle("is-selected","selected"===e),o&&(o.textContent=l(e));const t=l(e);n?.setAttribute("title",t),n?.setAttribute("aria-label",t)},s=e=>{const n=e.getBoundingClientRect(),o=Math.max(n.left+8,n.right-96);a.style.top=`${n.top+t.documentElement.scrollTop+6}px`,a.style.left=`${o+t.documentElement.scrollLeft}px`},d=e=>{e&&e!==t.body&&("P"!==e.tagName||""!==(e.textContent||"").trim()||e.querySelector("img,iframe,table,pre"))?(r=e,s(e),a.classList.add("is-visible")):a.classList.remove("is-visible")},m=()=>{i&&i.classList.remove(W),i=null,c("idle"),r?d(r):a.classList.remove("is-visible")};t.addEventListener("mouseover",e=>{const a=e.target?.closest?.("table,pre,hr,.quote_q,.tinymce-hide,p");a&&a!==t.body&&(i||d(a))}),t.addEventListener("mouseleave",()=>{r=null,i?s(i):a.classList.remove("is-visible")}),a.addEventListener("mousedown",e=>e.preventDefault()),a.addEventListener("click",t=>{const n=t.target?.closest("[data-jio-block-delete]"),o=i||r;if(!n||!o)return;if(t.preventDefault(),i!==o)return i&&i.classList.remove(W),i=o,o.classList.add(W),c("selected"),s(o),void a.classList.add("is-visible");const l=o,d=l.parentElement;l.classList.remove(W),i=null,r=null,a.classList.remove("is-visible","is-selected"),c("idle"),e.undoManager.transact(()=>{e.dom.remove(l)}),0===e.getBody().children.length&&e.setContent(""),d&&0===d.children.length&&e.setContent("");const m=e.getBody().firstChild;m&&e.selection.setCursorLocation(m,0),e.nodeChanged(),e.undoManager.add(),J(e)}),t.addEventListener("mousedown",e=>{a.contains(e.target)||i&&m()}),t.addEventListener("keydown",e=>{"Escape"===e.key&&i&&m()}),e.on("Undo Redo SetContent",()=>{i&&!t.body.contains(i)&&(i=null,c("idle"),a.classList.remove("is-visible","is-selected"))})}(e),me(e),ue(e),pe(e)}),e.on("NodeChange",()=>{ue(e),pe(e)}),e.on("input change Undo Redo AddUndo",()=>{de(x(e.getContent())),me(e),J(e)}),e.on("keydown",t=>{if((t.metaKey||t.ctrlKey)&&83===t.keyCode)return t.preventDefault(),void m.current();!function(e,t){const a=Number(t.keyCode);if(8!==a&&46!==a)return;const n=e.selection;if(!n||!n.isCollapsed())return;const o=e.getBody(),r=n.getNode(),i=(l=r)&&1===l.nodeType&&""===(l.textContent||"").trim()&&!e.dom.getParent(l,H,o)?r:null;var l;const c=i?8===a?i.previousElementSibling:i.nextElementSibling:null;if((e=>!!e&&1===e.nodeType&&!!e.matches?.(H))(c))return t.preventDefault(),e.dom.remove(c),e.nodeChanged(),void e.undoManager.add();const s=e.dom.getParent(r,H,o);if(!s)return;const d=t=>{const a=e.dom.createRng();a.selectNodeContents(s),a.collapse(t);const o=n.getRng();return o&&"function"==typeof o.compareBoundaryPoints&&0===o.compareBoundaryPoints(t?1:3,a)};if(!(8===a&&d(!0)||46===a&&d(!1)))return;t.preventDefault();const m=s.parentElement;e.dom.remove(s),m&&0===m.children.length&&(e.setContent(""),e.selection.setCursorLocation(e.getBody().firstChild,0)),e.nodeChanged(),e.undoManager.add()}(e,t)})}}};return e.initialize(G,t),()=>{e.remove?.(G),d.current=!1,l.current=null}},[de,pe,ue]);const ve=(0,t.useCallback)(()=>{try{const e=window.localStorage.getItem(Q);if(e){const t=JSON.parse(e),a={};"string"==typeof t.title&&(a.title=t.title),"string"==typeof t.content&&(a.content=t.content),se(a),"string"==typeof t.content&&(d.current?l.current?.setContent(t.content):s.current=t.content)}}catch(e){}ae(null)},[se]),Ee=(0,t.useCallback)(()=>{const e=l.current;e&&!e.removed&&(c.current=e.selection.getBookmark(2,!0))},[]),ke=(0,t.useCallback)(()=>{const e=l.current;if(!e||e.removed)return null;if(e.focus(),c.current){try{e.selection.moveToBookmark(c.current)}catch(e){}c.current=null}return e},[]),Ne=(0,t.useCallback)((e,t)=>{const a=ke();if(a){if("undo"===e)a.undoManager.undo();else if("redo"===e)a.undoManager.redo();else if("format"===e){const e=t||"p";a.execCommand("FormatBlock",!1,e),ue(a)}else"align"===e?(a.execCommand("center"===t?"JustifyCenter":"right"===t?"JustifyRight":"JustifyLeft"),pe(a)):a.execCommand(e);a.nodeChanged()}},[ke,pe,ue]),we=(0,t.useCallback)(()=>{const e=ke();if(!e)return;const t=window.wpLink;if(t&&"function"==typeof t.open)return void t.open(e.id);const n=window.prompt((0,a.__)("输入链接地址","jio"),"https://"),o=n?ee(n):"";o&&e.execCommand("mceInsertLink",!1,{href:o})},[ke]),Ce=(0,t.useCallback)(e=>{const t=ke();t&&e&&(t.insertContent(e),t.undoManager.add(),t.nodeChanged(),de(x(t.getContent())),me(t),J(t))},[ke]),Se=(0,t.useCallback)(e=>{if(Ee(),"table"!==e&&"math"!==e&&"footnote"!==e)if("code"!==e){if("ul"===e||"ol"===e){const t=ke();return void(t&&(t.execCommand("ol"===e?"InsertOrderedList":"InsertUnorderedList"),t.undoManager.add(),t.nodeChanged(),de(x(t.getContent())),pe(t)))}"divider"===e&&Ce("")}else Ce("
${T(e)}
${T(t)}
${a}
`:`${a}`}(e)):Ce(function(e){const t=e.trim()||(0,a.__)("注释内容","jio");return`${U(t)}`}(e.note))},[Ce]),Pe=(0,t.useCallback)(e=>{const t=l.current,n=window.JioSubmitMedia;t&&n&&"function"==typeof n.open?(Ee(),n.open({type:e,multiple:"image"===e&&void 0,onSelect:t=>{const a=Array.isArray(t)?t:[t],n=ke();if(!n)return;const o=a.map(t=>{const a=ee(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=ee(t?.url||a),n=e?` data-full-url="${Z(e)}"`:"";return`
+
+
+ );
+}
diff --git a/assets/creator-studio/src/components/publish-settings.tsx b/assets/creator-studio/src/components/publish-settings.tsx
index 9113721e..f4d4a1fc 100644
--- a/assets/creator-studio/src/components/publish-settings.tsx
+++ b/assets/creator-studio/src/components/publish-settings.tsx
@@ -1,8 +1,9 @@
/**
* 发布设置卡片（位于正文纸张下方）。
*
- * 承载与"这篇会被怎样发布"有关的低频选项：封面、付费资源与定时发布。
- * 分类、标签等配置仍在发布抽屉里；服务端 bootstrap 决定每项是否可用。
+ * 承载与"这篇会被怎样发布"有关的全部选项：分类、标签、自定义分类法、封面、
+ * 付费资源与定时发布。发布抽屉只负责付费资源的细节配置。
+ * 服务端 bootstrap 决定每项是否可用。
*
* @package Jio
*/
@@ -15,6 +16,12 @@ import type { PayState } from '../draft';
type Featured = { type: string; data: Record
+
+
+
+
+ + {isPublishedEdit ? __('提交改稿', 'jio') : __('发布文章', 'jio')} +
+ +
+ {isPublishedEdit && (
+
+
+
+ + {__('审核通过前，读者看到的仍然是当前线上版本。', 'jio')} +
+ )} + {captcha ? ( + + ) : ( ++ {isPublishedEdit + ? __('确认后将提交这份改稿等待审核。', 'jio') + : canPublishNow + ? __('确认后立即发布这篇文章。', 'jio') + : __('确认后将提交审核，通过后才会发布。', 'jio')} +
+ )} +{__('发布设置', 'jio')}
+ {/* 分类：卡片里的第一项，作者提交前一定会看到。 */} +
+
+
+ {taxonomy.tags && (
+
+ {__('分类', 'jio')}
+
+ {__('必选，决定文章出现在哪些栏目。', 'jio')}
+
+ {taxonomy.categories.length === 0 && (
+ {__('暂无可选分类', 'jio')}
+ )}
+ {taxonomy.categories.map((category) => (
+
+ ))}
+
+
+
+ )}
+
+ {taxonomy.customDefs.map((dimension) => (
+
+ {__('标签', 'jio')}
+
+ {__('多个标签用逗号分隔，回车即可添加。', 'jio')}
+
+ {tags.length > 0 && (
+
+
+ {tags.map((tag) => (
+
+ {tag}
+
+
+ ))}
+
+ )}
+
+ setTagInput(event.target.value)}
+ onKeyDown={(event) => {
+ if (event.key === 'Enter') {
+ event.preventDefault();
+ addTag();
+ }
+ }}
+ />
+
+
+
+
+ ))}
+
{canEditCover && (
+ {dimension.name}
+
+
+ {dimension.values.map((value) => {
+ const active = (custom[dimension.key] || []).includes(value.key);
+ return (
+
+ );
+ })}
+
+
diff --git a/assets/creator-studio/src/index.tsx b/assets/creator-studio/src/index.tsx
index 56d6d962..8a75b6a9 100644
--- a/assets/creator-studio/src/index.tsx
+++ b/assets/creator-studio/src/index.tsx
@@ -12,6 +12,7 @@ import { __, sprintf } from '@wordpress/i18n';
import { apiPost } from './services/api';
import { PublishDrawer } from './panels/publish-drawer';
+import { PublishDialog } from './components/publish-dialog';
import { EditorToolbar } from './components/editor-toolbar';
import { PublishSettings } from './components/publish-settings';
import { StudioMasthead } from './components/studio-masthead';
@@ -90,7 +91,7 @@ function Studio(): JSX.Element {
at: '',
}));
const [drawerOpen, setDrawerOpen] = useState(false);
- const [drawerFocusPay, setDrawerFocusPay] = useState(false);
+ const [publishOpen, setPublishOpen] = useState(false);
const [blockDialog, setBlockDialog] = useState(null);
const [notice, setNotice] = useState<{ tone: 'ok' | 'error'; text: string } | null>(null);
const [recovery, setRecovery] = useState(null);
@@ -274,6 +275,7 @@ function Studio(): JSX.Element {
dirtyRef.current = false;
setSaveState({ state: 'submitted', at: '' });
setNotice({ tone: 'ok', text: String(response.message || __('已提交', 'jio')) });
+ setPublishOpen(false);
setDrawerOpen(false);
const target = response.url || response.goto || bootstrap.urls?.center;
if (target) {
@@ -768,13 +770,21 @@ function Studio(): JSX.Element {
scheduleAt={draft.schedule.at}
pay={draft.pay}
canPay={!!capabilities.canPay}
+ taxonomy={{
+ categories: (bootstrap.categories && bootstrap.categories.items) || [],
+ tags: !!bootstrap.tags?.enabled,
+ customDefs: bootstrap.customDefs || [],
+ }}
+ categories={draft.categories}
+ tags={draft.tags}
+ custom={draft.custom}
onFeaturedChange={(featured) => patchDraft({ featured })}
onScheduleChange={(enabled, at) => patchDraft({ schedule: { enabled, at } })}
onPayEnabledChange={(enabled) => patchDraft({ pay: { ...draftRef.current.pay, enabled } })}
- onOpenPaySettings={() => {
- setDrawerFocusPay(true);
- setDrawerOpen(true);
- }}
+ onCategoriesChange={(categories) => patchDraft({ categories })}
+ onTagsChange={(tags) => patchDraft({ tags })}
+ onCustomChange={(custom) => patchDraft({ custom })}
+ onOpenPaySettings={() => setDrawerOpen(true)}
/>
{blockDialog && (
@@ -792,10 +802,7 @@ function Studio(): JSX.Element {
saving={!editorReady || saveState.state === 'saving' || saveState.state === 'submitting'}
onSaveDraft={() => void save(false)}
onPreview={() => void preview()}
- onPublish={() => {
- setDrawerFocusPay(false);
- setDrawerOpen(true);
- }}
+ onPublish={() => setPublishOpen(true)}
/>
{drawerOpen && (
@@ -803,24 +810,23 @@ function Studio(): JSX.Element {
draft={draft}
setDraft={patchDraft}
capabilities={capabilities}
- limits={limits}
- taxonomy={{
- categories: (bootstrap.categories && bootstrap.categories.items) || [],
- tags: !!bootstrap.tags?.enabled,
- customDefs: bootstrap.customDefs || [],
- }}
isPublishedEdit={isPublishedEdit}
- focusPay={drawerFocusPay}
- onClose={() => {
- setDrawerOpen(false);
- setDrawerFocusPay(false);
- }}
- onSaveDraft={() => void save(false)}
- onSubmit={(publishNow: boolean) => void submit(publishNow)}
+ onClose={() => setDrawerOpen(false)}
privateStorage={!!bootstrap.privateStorage}
privateUploads={bootstrap.privateUploads || []}
+ />
+ )}
+
+ {publishOpen && (
+ = Number(limits.titleMin || 1)}
+ onClose={() => setPublishOpen(false)}
+ onSaveDraft={() => void save(false)}
+ onSubmit={(publishNow: boolean) => void submit(publishNow)}
/>
)}
diff --git a/assets/creator-studio/src/panels/publish-drawer.tsx b/assets/creator-studio/src/panels/publish-drawer.tsx
index 1fc00e7d..90f1fef7 100644
--- a/assets/creator-studio/src/panels/publish-drawer.tsx
+++ b/assets/creator-studio/src/panels/publish-drawer.tsx
@@ -1,15 +1,17 @@
/**
- * 发布配置抽屉。
+ * 付费配置抽屉。
+ *
+ * 只承载付费相关内容：价格 / 会员价 / 付费下载资源。分类、标签、封面、
+ * 定时发布与提交动作都在正文下方的「发布设置」卡片和底部状态栏里，
+ * 抽屉不再重复这些入口。
*
- * 分类、标签、付费与资料附件都在这里配置；封面与定时发布在正文下方的
- * 「发布设置」卡片里，避免把封面入口和正文挤在同一张纸上。
* 手机端以全屏面板呈现。所有字段与权限来自服务端 bootstrap，前端不自行放大权限。
*
* @package Jio
*/
-import { useEffect, useMemo, useRef, useState } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
+import { useRef, useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
import { apiUpload } from '../services/api';
import type { DownloadRow, Draft } from '../draft';
@@ -17,63 +19,31 @@ import { PayPanel, type PayBootstrap } from './pay-panel';
type Capabilities = Record
+
-
- {
@@ -436,8 +440,21 @@ test('writing surface is a centered paper card with a publish settings card belo
assert.match(settings, /onOpenPaySettings/);
assert.match(settings, /配置价格与付费资源/);
assert.match(appSource, /onOpenPaySettings=\{/);
- assert.match(appSource, /focusPay=\{drawerFocusPay\}/);
- assert.match(read('assets/creator-studio/src/panels/publish-drawer.tsx'), /scrollIntoView/);
+
+ // 分类与标签已从抽屉移到发布设置卡片。
+ assert.match(settings, /__\('分类', 'jio'\)/);
+ assert.match(settings, /__\('标签', 'jio'\)/);
+ assert.match(settings, /onCategoriesChange/);
+ assert.match(settings, /onTagsChange/);
+ assert.match(settings, /onCustomChange/);
+ assert.match(appSource, /onCategoriesChange=\{/);
+ assert.match(appSource, /onTagsChange=\{/);
+ assert.doesNotMatch(read('assets/creator-studio/src/panels/publish-drawer.tsx'), /taxonomy/);
+
+ // 发布动作从抽屉移到确认弹窗，人机验证挂载点随之迁移。
+ assert.match(appSource, / {
{isPublishedEdit ? __('提交改稿', 'jio') : __('发布文章', 'jio')}
+
+
{__('付费资源', 'jio')}
++ {__('价格、会员价与付费下载资源', 'jio')} +
+
+
diff --git a/assets/creator-studio/src/styles/_block-tools.scss b/assets/creator-studio/src/styles/_block-tools.scss
index 1b1aedce..a6555e1f 100644
--- a/assets/creator-studio/src/styles/_block-tools.scss
+++ b/assets/creator-studio/src/styles/_block-tools.scss
@@ -161,6 +161,21 @@
line-height: 1.5;
}
+/* 发布确认弹窗里的人机验证挂载点：给一个最小高度，避免验证控件撑开时跳动。 */
+.jio-creator-dialog__captcha {
+ min-height: 44px;
+}
+
+.jio-creator-dialog__note {
+ margin: 0;
+ padding: 10px 12px;
+ border-left: 3px solid var(--jc-accent);
+ background: #f2f7f4;
+ color: #7d8683;
+ font-size: 12px;
+ line-height: 1.6;
+}
+
.jio-creator-dialog__url {
display: flex;
gap: 8px;
diff --git a/assets/creator-studio/src/styles/_publish-drawer.scss b/assets/creator-studio/src/styles/_publish-drawer.scss
index 1460df27..192a619e 100644
--- a/assets/creator-studio/src/styles/_publish-drawer.scss
+++ b/assets/creator-studio/src/styles/_publish-drawer.scss
@@ -72,10 +72,6 @@
padding: 16px 24px calc(16px + env(safe-area-inset-bottom));
border-top: 1px solid $line;
background: #fff;
-
- .jio-creator-primary {
- flex: 1;
- }
}
.jio-creator-drawer__actions {
@@ -84,21 +80,69 @@
gap: 12px;
}
-.jio-creator-drawer__captcha {
- min-height: 40px;
+/* 抽屉只做付费配置，「完成」靠右，不承担发布动作。 */
+.jio-creator-drawer__actions .jio-creator-primary {
+ flex: 0 0 auto;
+ min-width: 96px;
+ margin-left: auto;
}
-.jio-creator-field {
- margin-bottom: 26px;
+/* 抽屉 / 付费面板共用的按钮基础样式（此前只在弹窗里定义，抽屉按钮没有外观）。 */
+.jio-creator-ghost,
+.jio-creator-primary {
+ display: inline-flex;
+ min-height: 34px;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+ padding: 0 14px;
+ border-radius: 8px;
+ cursor: pointer;
+ font-size: 13px;
+ white-space: nowrap;
+}
- > h3 {
- margin: 0 0 10px;
- font-size: 13px;
- font-weight: 600;
- color: $ink;
+.jio-creator-ghost {
+ border: 1px solid $line;
+ background: #fff;
+ color: #5f6664;
+
+ &:hover:not(:disabled),
+ &:focus-visible:not(:disabled) {
+ border-color: #b7cdc3;
+ color: $accent-strong;
+ outline: 0;
}
}
+.jio-creator-primary {
+ border: 1px solid transparent;
+ background: $accent;
+ color: #fff;
+
+ &:hover:not(:disabled),
+ &:focus-visible:not(:disabled) {
+ background: $accent-strong;
+ outline: 0;
+ }
+
+ &:disabled {
+ opacity: 0.55;
+ cursor: default;
+ }
+}
+
+.jio-creator-drawer__head > div {
+ min-width: 0;
+}
+
+.jio-creator-drawer__subtitle {
+ margin: 4px 0 0;
+ color: $ink-soft;
+ font-size: 12px;
+ line-height: 1.5;
+}
+
.jio-creator-muted {
margin: 0;
color: $ink-soft;
@@ -315,54 +359,6 @@
border-top: 1px dashed $line;
}
-.jio-creator-cover {
- position: relative;
- overflow: hidden;
- border-radius: 10px;
-
- img {
- display: block;
- width: 100%;
- aspect-ratio: 2 / 1;
- object-fit: cover;
- }
-
- button {
- position: absolute;
- top: 8px;
- right: 8px;
- width: 30px;
- height: 30px;
- border: 0;
- border-radius: 50%;
- background: rgba(0, 0, 0, 0.55);
- color: #fff;
- cursor: pointer;
- }
-}
-
-.jio-creator-cover-empty {
- display: flex;
- min-height: 120px;
- align-items: center;
- justify-content: center;
- flex-direction: column;
- gap: 8px;
- border: 1px dashed $line;
- border-radius: 10px;
- background: #fafcfb;
- color: $ink-soft;
- font-size: 13px;
- cursor: pointer;
-
- input {
- position: absolute;
- width: 1px;
- height: 1px;
- opacity: 0;
- }
-}
-
.jio-creator-attachments {
margin-top: 18px;
padding-top: 16px;
diff --git a/assets/creator-studio/src/styles/studio.scss b/assets/creator-studio/src/styles/studio.scss
index 6beed512..d63171b5 100644
--- a/assets/creator-studio/src/styles/studio.scss
+++ b/assets/creator-studio/src/styles/studio.scss
@@ -641,6 +641,13 @@ body.jio-page-submit.has-static-nav {
}
}
+/* 分类 / 标签这类需要整行展开的选择器：说明在上，选项在下。 */
+.jio-creator__setting-row--stack {
+ flex-direction: column;
+ align-items: stretch;
+ gap: 12px;
+}
+
.jio-creator__setting-copy {
min-width: 0;
}
diff --git a/tests/widget-system/creator-studio-contract.test.cjs b/tests/widget-system/creator-studio-contract.test.cjs
index 60383d20..06def924 100644
--- a/tests/widget-system/creator-studio-contract.test.cjs
+++ b/tests/widget-system/creator-studio-contract.test.cjs
@@ -146,8 +146,12 @@ test('studio app uses TinyMCE while preserving autosave, recovery, and publishin
assert.match(drawer, /canPayDownload/);
assert.match(drawer, /
{isPublishedEdit && (
-
-
- {taxonomy.tags && (
-
-
- )}
-
- {taxonomy.customDefs.map((dimension) => (
-
-
- ))}
-
- {capabilities.canPay && (
-
- setDraft({ pay })}
- canDownload={!!capabilities.canPayDownload}
- privateStorage={privateStorage}
- privateUploads={privateUploads}
- bootstrap={payBootstrap}
- onUploadPrivate={uploadPrivate}
- uploading={uploading}
- uploadError={uploadError}
- onPickAttachment={pickAttachment}
- />
-
- )}
-
- {!capabilities.canPay && capabilities.canSaveDraft && (
+ {capabilities.canPay ? (
+ setDraft({ pay })}
+ canDownload={!!capabilities.canPayDownload}
+ privateStorage={privateStorage}
+ privateUploads={privateUploads}
+ bootstrap={payBootstrap}
+ onUploadPrivate={uploadPrivate}
+ uploading={uploading}
+ uploadError={uploadError}
+ onPickAttachment={pickAttachment}
+ />
+ ) : (
{__('审核通过前，读者看到的仍然是当前线上版本。', 'jio')}
)} -{__('分类', 'jio')}
-
- {taxonomy.categories.length === 0 && {__('暂无可选分类', 'jio')}}
- {taxonomy.categories.map((category) => (
-
- ))}
-
- {__('标签', 'jio')}
-
- {draft.tags.map((tag) => (
-
- {tag}
-
-
- ))}
-
-
- setTagInput(event.target.value)}
- onKeyDown={(event) => {
- if (event.key === 'Enter') {
- event.preventDefault();
- addTag();
- }
- }}
- />
-
-
- {dimension.name}
-
- {dimension.values.map((value) => {
- const current = draft.custom[dimension.key] || [];
- const active = current.includes(value.key);
- return (
-
- );
- })}
-
- {__('当前账号不能设置付费内容。', 'jio')}
)}