${M(a)}
`).replace(/\[jio_footnote\]([\s\S]*?)\[\/jio_footnote\]/g,(e,t)=>`${t}`):e}const M=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 L({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 P=36e5,q=24*P,I=30*q,R=365*q,D={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 z({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)),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,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 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:y},(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=>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:()=>{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 H="table,pre,hr,.quote_q,.tinymce-hide,.jio-math--block";function O(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,j]=(0,t.useState)("p"),[y,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,q]=(0,t.useState)(!1),[P,I]=(0,t.useState)(null),[R,D]=(0,t.useState)(null),[U,K]=(0,t.useState)(null),T=(0,t.useRef)(!1),te=(0,t.useRef)(0),ae=W.capabilities||{},ne={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)},oe=!!W.isPublished,re=(0,t.useMemo)(()=>Array.from(ee(n.content)).length,[n.content]),ie=(0,t.useCallback)(e=>{T.current=!0,te.current+=1;const t={...i.current,...e};i.current=t,o(t)},[]),le=(0,t.useCallback)(e=>{if(e===i.current.content)return;T.current=!0,te.current+=1;const t={...i.current,content:e};i.current=t,o(t)},[]),ce=(0,t.useCallback)(e=>{const t=e?.undoManager;t&&b({canUndo:"function"==typeof t.hasUndo&&t.hasUndo(),canRedo:"function"==typeof t.hasRedo&&t.hasRedo()})},[]),se=(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";j(["h1","h2","h3","h4"].includes(n)?n:"p")},[]),de=(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")},[]),ue=(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}},[]),me=(0,t.useCallback)(async(e=!1)=>{const t=l.current;t&&!t.removed&&le(S(t.getContent()));const a=i.current;if(!T.current&&(a.postId>0||a.versionId>0))return!0;const n=te.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,ue({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=te.current===n;return T.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}},[ue]);u.current=()=>{me(!1)};const pe=(0,t.useCallback)(async e=>{if(await me(!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 D({tone:"error",text:(0,a.__)("请先完成人机验证","jio")});t=String(e?.jio_captcha_proof||"")}const o=await r(W.creator.submitUrl,ue({post_id:i.current.postId,version_id:i.current.versionId,rev:i.current.rev,publish_now:e,captcha_proof:t}),X);T.current=!1,$({state:"submitted",at:""}),D({tone:"ok",text:String(o.message||(0,a.__)("已提交","jio"))}),q(!1);const l=o.url||o.goto||W.urls?.center;l&&window.setTimeout(()=>{window.location.href=l},900)}catch(e){$({state:"error",at:""}),D({tone:"error",text:String(e?.message||(0,a.__)("提交失败","jio"))})}}else D({tone:"error",text:(0,a.__)("内容保存失败，请重试后再提交","jio")})},[ue,me]),_e=(0,t.useCallback)(async()=>{if(await me(!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){D({tone:"error",text:String(e?.message||(0,a.__)("预览失败","jio"))})}},[me]),{markLocalSaved:fe,clear:be}=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=>K({savedAt:e})}),he=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:!!ae.isLoggedIn,onSave:async()=>{const e=await me(!0);return e&&be(),e},onLocal:fe}).schedule;(0,t.useEffect)(()=>{T.current&&he()},[n,he]),(0,t.useEffect)(()=>{const e=e=>{T.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(),me(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[me]),(0,t.useEffect)(()=>{const e=window.wp?.editor;if(!e||"function"!=typeof e.initialize)return void D({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())),O(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(),O(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),ce(e),se(e),de(e)}),e.on("NodeChange",()=>{se(e),de(e)}),e.on("input change Undo Redo AddUndo",()=>{le(S(e.getContent())),ce(e),O(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,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 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}},[le,de,se]);const ge=(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),ie(a),"string"==typeof t.content&&(d.current?l.current?.setContent(t.content):s.current=t.content)}}catch(e){}K(null)},[ie]),je=(0,t.useCallback)(()=>{const e=l.current;e&&!e.removed&&(c.current=e.selection.getBookmark(2,!0))},[]),ye=(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},[]),ve=(0,t.useCallback)((e,t)=>{const a=ye();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),se(a)}else"align"===e?(a.execCommand("center"===t?"JustifyCenter":"right"===t?"JustifyRight":"JustifyLeft"),de(a)):a.execCommand(e);a.nodeChanged()}},[ye,de,se]),Ee=(0,t.useCallback)(()=>{const e=ye();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})},[ye]),ke=(0,t.useCallback)(e=>{const t=ye();t&&e&&(t.insertContent(e),t.undoManager.add(),t.nodeChanged(),le(S(t.getContent())),ce(t),O(t))},[ye]),we=(0,t.useCallback)(e=>{if(je(),"table"!==e&&"math"!==e&&"footnote"!==e)if("code"!==e){if("ul"===e||"ol"===e){const t=ye();return void(t&&(t.execCommand("ol"===e?"InsertOrderedList":"InsertUnorderedList"),t.undoManager.add(),t.nodeChanged(),le(S(t.getContent())),de(t)))}"divider"===e&&ke("")}else ke("
${V(e)}
${V(t)}
${a}
`:`${a}`}(e)):ke(function(e){const t=e.trim()||(0,a.__)("注释内容","jio");return`${A(t)}`}(e.note))},[ke]),Me=(0,t.useCallback)(e=>{const t=l.current,n=window.JioSubmitMedia;t&&n&&"function"==typeof n.open?(je(),n.open({type:e,multiple:"image"===e&&void 0,onSelect:t=>{const a=Array.isArray(t)?t:[t],n=ye();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`${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`{error}
} + {/* 付费入口：开关放在卡片里，定价与付费资源仍在抽屉中配置。 */} + {canPay && ( +
+
+ )}
+
+ {__('付费内容', 'jio')}
+
+
+ + {!pay.enabled + ? __('开启后可以设置价格、会员价并添加付费下载资源。', 'jio') + : pay.downloads.length > 0 + ? sprintf( + /* translators: %d: number of paid download resources */ + __('已开启，含 %d 个付费下载资源。', 'jio'), + pay.downloads.length + ) + : __('已开启，未购买读者只能看到免费部分。', 'jio')} +
+ {pay.enabled && ( + + )} +
{__('定时发布', 'jio')}
diff --git a/assets/creator-studio/src/index.tsx b/assets/creator-studio/src/index.tsx
index e9c013e6..56d6d962 100644
--- a/assets/creator-studio/src/index.tsx
+++ b/assets/creator-studio/src/index.tsx
@@ -90,6 +90,7 @@ function Studio(): JSX.Element {
at: '',
}));
const [drawerOpen, setDrawerOpen] = useState(false);
+ const [drawerFocusPay, setDrawerFocusPay] = useState(false);
const [blockDialog, setBlockDialog] = useState(null);
const [notice, setNotice] = useState<{ tone: 'ok' | 'error'; text: string } | null>(null);
const [recovery, setRecovery] = useState(null);
@@ -765,8 +766,15 @@ function Studio(): JSX.Element {
canSchedule={!!capabilities.canSchedule}
scheduleEnabled={!!draft.schedule.enabled}
scheduleAt={draft.schedule.at}
+ pay={draft.pay}
+ canPay={!!capabilities.canPay}
onFeaturedChange={(featured) => patchDraft({ featured })}
onScheduleChange={(enabled, at) => patchDraft({ schedule: { enabled, at } })}
+ onPayEnabledChange={(enabled) => patchDraft({ pay: { ...draftRef.current.pay, enabled } })}
+ onOpenPaySettings={() => {
+ setDrawerFocusPay(true);
+ setDrawerOpen(true);
+ }}
/>
{blockDialog && (
@@ -784,7 +792,10 @@ function Studio(): JSX.Element {
saving={!editorReady || saveState.state === 'saving' || saveState.state === 'submitting'}
onSaveDraft={() => void save(false)}
onPreview={() => void preview()}
- onPublish={() => setDrawerOpen(true)}
+ onPublish={() => {
+ setDrawerFocusPay(false);
+ setDrawerOpen(true);
+ }}
/>
{drawerOpen && (
@@ -799,7 +810,11 @@ function Studio(): JSX.Element {
customDefs: bootstrap.customDefs || [],
}}
isPublishedEdit={isPublishedEdit}
- onClose={() => setDrawerOpen(false)}
+ focusPay={drawerFocusPay}
+ onClose={() => {
+ setDrawerOpen(false);
+ setDrawerFocusPay(false);
+ }}
onSaveDraft={() => void save(false)}
onSubmit={(publishNow: boolean) => void submit(publishNow)}
privateStorage={!!bootstrap.privateStorage}
diff --git a/assets/creator-studio/src/panels/publish-drawer.tsx b/assets/creator-studio/src/panels/publish-drawer.tsx
index a937a737..1fc00e7d 100644
--- a/assets/creator-studio/src/panels/publish-drawer.tsx
+++ b/assets/creator-studio/src/panels/publish-drawer.tsx
@@ -38,6 +38,8 @@ type Props = {
customDefs: Array<{ key: string; name: string; values: Array<{ key: string; name: string }> }>;
};
isPublishedEdit: boolean;
+ /** 打开时直接定位到付费配置（从正文下方的发布设置卡片进入）。 */
+ focusPay?: boolean;
onClose: () => void;
onSaveDraft: () => void;
onSubmit: (publishNow: boolean) => void;
@@ -57,6 +59,7 @@ export function PublishDrawer(props: Props) {
limits,
taxonomy,
isPublishedEdit,
+ focusPay,
onClose,
onSaveDraft,
onSubmit,
@@ -70,6 +73,7 @@ export function PublishDrawer(props: Props) {
const [uploadError, setUploadError] = useState('');
const [uploading, setUploading] = useState(false);
const captchaSlot = useRef(null);
+ const paySection = useRef(null);
const payBootstrap: PayBootstrap = {
freeAllowed: !!bootstrap.pay?.freeAllowed,
@@ -106,6 +110,13 @@ export function PublishDrawer(props: Props) {
};
}, []);
+ // 从发布设置卡片进入时，抽屉打开后直接滚到付费配置。
+ useEffect(() => {
+ if (focusPay) {
+ paySection.current?.scrollIntoView({ block: 'start', behavior: 'smooth' });
+ }
+ }, [focusPay]);
+
const titleLength = useMemo(() => (draft.title || '').trim().length, [draft.title]);
const canSubmit = titleLength >= Number(limits.titleMin || 1);
@@ -282,7 +293,7 @@ export function PublishDrawer(props: Props) {
))}
{capabilities.canPay && (
-
+
setDraft({ pay })}
diff --git a/assets/creator-studio/src/styles/studio.scss b/assets/creator-studio/src/styles/studio.scss
index e5ca4e72..6beed512 100644
--- a/assets/creator-studio/src/styles/studio.scss
+++ b/assets/creator-studio/src/styles/studio.scss
@@ -659,6 +659,31 @@ body.jio-page-submit.has-static-nav {
line-height: 1.6;
}
+/* 发布设置卡片里的「配置价格与付费资源」入口。 */
+.jio-creator__setting-link {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ margin-top: 8px;
+ padding: 0;
+ border: 0;
+ background: transparent;
+ color: var(--jc-accent-strong);
+ cursor: pointer;
+ font-size: 13px;
+
+ i {
+ font-size: 12px;
+ }
+
+ &:hover,
+ &:focus-visible {
+ color: var(--jc-accent);
+ text-decoration: underline;
+ outline: 0;
+ }
+}
+
.jio-creator__cover-control {
position: relative;
display: flex;
diff --git a/tests/widget-system/creator-studio-contract.test.cjs b/tests/widget-system/creator-studio-contract.test.cjs
index d27c2a6b..60383d20 100644
--- a/tests/widget-system/creator-studio-contract.test.cjs
+++ b/tests/widget-system/creator-studio-contract.test.cjs
@@ -429,6 +429,15 @@ test('writing surface is a centered paper card with a publish settings card belo
assert.match(settings, /type="datetime-local"/);
assert.match(settings, /canSchedule/);
assert.match(appSource, /scheduleEnabled=\{!!draft\.schedule\.enabled\}/);
+
+ // 付费开关在卡片里，且能直接打开发布抽屉的付费配置。
+ assert.match(settings, /canPay/);
+ assert.match(settings, /onPayEnabledChange/);
+ 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/);
});
test('scheduled publishing is validated and applied server side', () => {