From f5e9420266d07896e5575d11c9156d4695e3da49 Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 6 Nov 2026 16:05:19 +0800 Subject: [PATCH] =?UTF-8?q?feat(creator-studio):=20=E5=9B=BE=E7=89=87?= =?UTF-8?q?=E5=AE=BD=E5=BA=A6=E5=9B=9B=E6=A1=A3=E4=B8=8E=E4=BD=9C=E8=80=85?= =?UTF-8?q?=E8=A1=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 通过 editor.BlockEdit 过滤器给 core/image 增加「半屏 / 中等 / 通栏 / 全宽」 四档宽度，选中图片时出现在区块工具条；宽度写入 className 并序列化到 post_content，前台样式即可生效，无需自定义区块或额外元数据 - 前台样式：半屏靠左 50%，中等 72%，通栏跟随正文行宽，全宽突破行宽但受容器 内边距约束；移动端半屏与全宽回退为整行，避免横向滚动 - 新增作者行（头像 + 昵称 + 身份说明），数据由 CreatorRest::author_payload() 从服务端给出，前端不自行拼装；无昵称时整行不渲染，头像缺失时回退首字占位 - 作者行放在摘要之后、正文之前 Co-Authored-By: Claude Opus 5 (1M context) --- assets/creator-studio/build/index.asset.php | 2 +- assets/creator-studio/build/index.css | 2 +- assets/creator-studio/build/index.js | 2 +- assets/creator-studio/package-lock.json | 461 ++++++++++++++++-- assets/creator-studio/package.json | 4 +- assets/creator-studio/scripts/preview.cjs | 1 + .../src/components/author-row.tsx | 40 ++ .../src/extensions/image-width.tsx | 73 +++ assets/creator-studio/src/index.tsx | 5 + assets/creator-studio/src/styles/studio.scss | 96 ++++ src/Core/CreatorRest.php | 33 ++ 11 files changed, 680 insertions(+), 39 deletions(-) create mode 100644 assets/creator-studio/src/components/author-row.tsx create mode 100644 assets/creator-studio/src/extensions/image-width.tsx diff --git a/assets/creator-studio/build/index.asset.php b/assets/creator-studio/build/index.asset.php index 3ad2a825..20e8b056 100644 --- a/assets/creator-studio/build/index.asset.php +++ b/assets/creator-studio/build/index.asset.php @@ -1 +1 @@ - array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-data', 'wp-element', 'wp-i18n', 'wp-wordcount'), 'version' => '82caafe73e40bfbf13d5'); + array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-wordcount'), 'version' => '71ff9994e44c86df3517'); diff --git a/assets/creator-studio/build/index.css b/assets/creator-studio/build/index.css index e7ce7af8..755587b4 100644 --- a/assets/creator-studio/build/index.css +++ b/assets/creator-studio/build/index.css @@ -1 +1 @@ -.jio-page-submit{background:#fafbfa}.jio-page-submit .float-btn,.jio-page-submit .footer,.jio-page-submit .footer-tabbar,.jio-page-submit .header,.jio-page-submit .jio-float-buttons{display:none!important}.jio-page-submit #main-content.container{max-width:none;padding:0}#jio-creator-studio.is-ready{display:block}.jio-creator{--jc-ink:#243330;--jc-ink-soft:#5c6b66;--jc-paper:#fafbfa;--jc-line:#e2e9e5;--jc-accent:#267665;--jc-accent-strong:#1d5f52;--jc-warn:#b4573f;--jc-bar:60px;-webkit-font-smoothing:antialiased;background:var(--jc-paper);color:var(--jc-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh;min-height:100dvh}.jio-creator *,.jio-creator :after,.jio-creator :before{box-sizing:border-box}.jio-creator button{color:inherit;font:inherit}.jio-creator__bar{align-items:center;backdrop-filter:blur(10px);background:rgba(250,251,250,.92);border-bottom:1px solid var(--jc-line);display:flex;gap:16px;height:var(--jc-bar);padding:0 clamp(16px,4vw,40px);position:sticky;top:0;z-index:30}.jio-creator__back{align-items:center;color:var(--jc-ink-soft);display:inline-flex;gap:6px;text-decoration:none}.jio-creator__back:focus-visible,.jio-creator__back:hover{color:var(--jc-accent)}.jio-creator__brand{color:var(--jc-ink-soft);font-size:13px;letter-spacing:.06em;margin-right:auto}.jio-creator__actions{align-items:center;display:flex;gap:10px}.jio-creator__save{align-items:center;color:var(--jc-ink-soft);display:inline-flex;font-size:13px;gap:6px}.jio-creator__save>i{color:var(--jc-line);font-size:7px}.jio-creator__save time{font-variant-numeric:tabular-nums;opacity:.7}.jio-creator__save.is-saved>i{color:var(--jc-accent)}.jio-creator__save.is-conflict,.jio-creator__save.is-conflict>i,.jio-creator__save.is-error,.jio-creator__save.is-error>i{color:var(--jc-warn)}.jio-creator__btn,.jio-creator__ghost,.jio-creator__primary{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;min-height:36px;padding:0 16px;transition:background .18s ease,border-color .18s ease,color .18s ease}.jio-creator__ghost{background:transparent;border-color:var(--jc-line)}.jio-creator__ghost:focus-visible,.jio-creator__ghost:hover{border-color:var(--jc-accent);color:var(--jc-accent)}.jio-creator__primary{background:var(--jc-accent);color:#fff}.jio-creator__primary:focus-visible,.jio-creator__primary:hover{background:var(--jc-accent-strong)}.jio-creator__primary:disabled{cursor:not-allowed;opacity:.5}.jio-creator__notice{align-items:center;background:#f1f5f2;border-bottom:1px solid var(--jc-line);color:var(--jc-ink-soft);display:flex;font-size:13px;gap:12px;margin:0 auto;max-width:820px;padding:10px 16px}.jio-creator__notice>span{flex:1}.jio-creator__notice button{background:transparent;border:0;color:var(--jc-accent);cursor:pointer}.jio-creator__notice.is-error{background:#fdf2ee;color:var(--jc-warn)}.jio-creator__hint{color:var(--jc-ink-soft);font-size:13px;margin:18px auto 0;max-width:820px;padding:0 clamp(16px,4vw,40px)}.jio-creator__canvas{margin:0 auto;padding:clamp(20px,4vw,44px) clamp(20px,5vw,52px) 140px;width:min(720px,100%)}.jio-creator__title{display:block;margin-bottom:6px}.jio-creator__title textarea{background:transparent;border:0;color:var(--jc-ink);font-family:Songti SC,"Noto Serif SC","Source Han Serif SC",serif;font-size:clamp(23px,2.6vw,27px);font-weight:500;letter-spacing:.01em;line-height:1.4;min-height:50px;padding:0;resize:none;width:100%}.jio-creator__title textarea:focus{outline:0}.jio-creator__title textarea::-moz-placeholder{color:#b7c2bd}.jio-creator__title textarea::placeholder{color:#b7c2bd}.jio-creator__excerpt{display:block;margin-bottom:22px}.jio-creator__excerpt>span{color:#9aa8a2;display:block;font-size:12px;letter-spacing:.02em;margin-bottom:4px}.jio-creator__excerpt textarea{background:transparent;border:0;color:var(--jc-ink-soft);font-family:inherit;font-size:14px;line-height:1.7;padding:6px 0;resize:none;width:100%}.jio-creator__excerpt textarea:focus{outline:0}.jio-creator__editor{min-height:40vh;position:relative}.jio-creator__editor .block-editor-writing-flow{font-size:16px;letter-spacing:.01em;line-height:1.85}.jio-creator__editor .block-editor-default-block-appender textarea.block-editor-default-block-appender__content{color:#b7c2bd}.jio-creator__editor .block-editor-block-list__layout{padding-bottom:40px}.jio-creator__editor .wp-block{max-width:none}.jio-creator__editor .block-editor-block-list__block{margin-bottom:1.1em;margin-top:0}.jio-creator__editor .block-editor-block-list__block[data-type="core/heading"]{margin-top:1.6em}.jio-creator__editor .block-editor-block-list__block.is-hovered:after,.jio-creator__editor .block-editor-block-list__block.is-selected:after{border-radius:3px;box-shadow:0 0 0 1.5px rgba(38,118,101,.35)}.jio-creator__editor .block-editor-block-contextual-toolbar{margin-left:0}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar{background:#2b3733;border:0;border-radius:8px;box-shadow:0 6px 20px rgba(20,32,28,.22)}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{border:0}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button{color:hsla(0,0%,100%,.86)}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button:focus:not(:disabled),.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button:hover:not(:disabled){background:hsla(0,0%,100%,.12);color:#fff}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button.is-pressed,.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button[aria-pressed=true]{background:hsla(0,0%,100%,.2);color:#fff}.jio-creator__footer{border-top:1px solid var(--jc-line);color:var(--jc-ink-soft);display:flex;font-size:12px;justify-content:space-between;padding-top:20px}.jio-creator__cover{margin-bottom:18px;position:relative}.jio-creator__cover.is-empty{align-items:center;background:transparent;border:1px dashed #d3ded8;border-radius:8px;color:#8c9a94;cursor:pointer;display:inline-flex;font-size:12px;gap:7px;min-height:32px;padding:0 12px;transition:border-color .16s ease,color .16s ease}.jio-creator__cover.is-empty:focus-visible,.jio-creator__cover.is-empty:hover{border-color:var(--jc-accent);color:var(--jc-accent-strong);outline:0}.jio-creator__cover-thumb{background:#eef3f0;border:0;border-radius:10px;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.jio-creator__cover-thumb img{aspect-ratio:2.35/1;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.jio-creator__cover-thumb:focus-visible{outline:2px solid var(--jc-accent);outline-offset:2px}.jio-creator__cover-edit{align-items:center;background:linear-gradient(0deg,rgba(15,25,22,.62),rgba(15,25,22,0));color:#fff;display:flex;font-size:12px;gap:6px;inset:auto 0 0 0;justify-content:center;opacity:0;padding:8px;position:absolute;transition:opacity .16s ease}.jio-creator__cover-thumb:focus-visible .jio-creator__cover-edit,.jio-creator__cover-thumb:hover .jio-creator__cover-edit{opacity:1}.jio-creator__cover-clear{background:rgba(15,25,22,.55);border:0;border-radius:50%;color:#fff;cursor:pointer;height:28px;position:absolute;right:8px;top:8px;width:28px}.jio-creator__cover-clear:focus-visible,.jio-creator__cover-clear:hover{background:rgba(15,25,22,.78);outline:0}.jio-creator__insert{align-items:center;background:transparent;border:1px dashed #d3ded8;border-radius:10px;color:#7c8c86;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin:8px 0 26px;min-height:46px;transition:border-color .18s ease,color .18s ease,background .18s ease;width:100%}.jio-creator__insert i{font-size:12px}.jio-creator__insert:focus-visible,.jio-creator__insert:hover{background:#f1f7f4;border-color:var(--jc-accent);color:var(--jc-accent-strong);outline:0}.jio-insert{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:520}.jio-insert__backdrop{background:rgba(23,34,31,.34);border:0;cursor:default;inset:0;position:absolute}.jio-insert__panel{background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(20,32,28,.22);max-height:min(78vh,640px);overflow:hidden auto;position:relative;width:min(560px,100%)}.jio-insert__head{align-items:center;background:#fff;border-bottom:1px solid #e2e9e5;display:flex;justify-content:space-between;padding:18px 22px 12px;position:sticky;top:0;z-index:1}.jio-insert__head h2{font-size:16px;font-weight:600;margin:0}.jio-insert__close{background:transparent;border:0;border-radius:50%;color:#5c6b66;cursor:pointer;height:30px;width:30px}.jio-insert__close:focus-visible,.jio-insert__close:hover{background:#eef3f0;outline:0}.jio-insert__body{padding:16px 22px 24px}.jio-insert__group{margin-bottom:20px}.jio-insert__group h3{color:#9aa8a2;font-size:12px;font-weight:500;letter-spacing:.04em;margin:0 0 12px}.jio-insert__grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.jio-insert-item{align-items:center;background:#f7f9f8;border:1px solid transparent;border-radius:10px;color:#243330;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:14px 4px 10px;transition:background .16s ease,color .16s ease,border-color .16s ease}.jio-insert-item:focus-visible,.jio-insert-item:hover{background:#eef5f2;border-color:var(--jc-accent);color:var(--jc-accent-strong);outline:0}.jio-insert-item__icon{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:15px;height:30px;justify-content:center;width:30px}.jio-insert-item__label{font-size:12px;line-height:1.3;text-align:center}.jio-creator-drawer{display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:500}.jio-creator-drawer__backdrop{background:rgba(23,34,31,.32);border:0;cursor:default;inset:0;position:absolute}.jio-creator-drawer__panel{background:#fff;box-shadow:-20px 0 60px rgba(20,32,28,.16);display:flex;flex-direction:column;height:100%;position:relative;width:min(460px,100%)}.jio-creator-drawer__head{align-items:center;border-bottom:1px solid #e2e9e5;display:flex;justify-content:space-between;padding:20px 24px}.jio-creator-drawer__head h2{font-size:17px;font-weight:600;margin:0}.jio-creator-drawer__close{background:transparent;border:0;color:#5c6b66;cursor:pointer}.jio-creator-drawer__body{flex:1;overflow-y:auto;padding:20px 24px 32px}.jio-creator-drawer__note{background:#f2f7f4;border-left:3px solid #267665;color:#5c6b66;font-size:13px;line-height:1.6;margin:0 0 20px;padding:12px 14px}.jio-creator-drawer__foot{background:#fff;border-top:1px solid #e2e9e5;display:flex;flex-direction:column;gap:12px;padding:16px 24px calc(16px + env(safe-area-inset-bottom))}.jio-creator-drawer__foot .jio-creator-primary{flex:1}.jio-creator-drawer__actions{align-items:center;display:flex;gap:12px}.jio-creator-drawer__captcha{min-height:40px}.jio-creator-field{margin-bottom:26px}.jio-creator-field>h3{color:#243330;font-size:13px;font-weight:600;margin:0 0 10px}.jio-creator-muted{color:#5c6b66;font-size:12px;line-height:1.6;margin:0}.jio-creator-error{color:#b4573f;font-size:12px;margin:8px 0 0}.jio-creator-chips{display:flex;flex-wrap:wrap;gap:8px}.jio-creator-chip{align-items:center;border:1px solid #e2e9e5;border-radius:999px;color:#5c6b66;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:5px 12px}.jio-creator-chip input{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.jio-creator-chip.is-active{background:#eef5f2;border-color:#267665;color:#1d5f52}.jio-creator-chip button{background:transparent;border:0;color:inherit;cursor:pointer}.jio-creator-inline{display:flex;gap:8px;margin-top:10px}.jio-creator-inline input:not([type]),.jio-creator-inline input[type=text]{border:1px solid #e2e9e5;border-radius:8px;flex:1;height:36px;min-width:0;padding:0 12px}.jio-creator-inline label{align-items:center;display:inline-flex;font-size:13px;gap:6px}.jio-creator-switch{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.jio-creator-switch h3{font-size:13px;margin:0 0 4px}.jio-creator-toggle{flex:0 0 auto;position:relative}.jio-creator-toggle input{height:1px;opacity:0;position:absolute;width:1px}.jio-creator-toggle span{background:#d6dfda;border-radius:999px;display:block;height:24px;transition:background .18s ease;width:42px}.jio-creator-toggle span:after{background:#fff;border-radius:50%;content:"";display:block;height:18px;margin:3px;transition:transform .18s ease;width:18px}.jio-creator-toggle input:checked+span{background:#267665}.jio-creator-toggle input:checked+span:after{transform:translateX(18px)}.jio-creator-toggle input:focus-visible+span{outline:2px solid #267665;outline-offset:2px}.jio-creator-pay{background:#fcfdfc;border:1px solid #e2e9e5;border-radius:10px;margin-top:16px;padding:16px}.jio-creator-input{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-top:12px}.jio-creator-input input{border:1px solid #e2e9e5;border-radius:8px;height:36px;padding:0 12px;text-align:right;width:140px}.jio-creator-cover{border-radius:10px;overflow:hidden;position:relative}.jio-creator-cover img{aspect-ratio:2/1;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.jio-creator-cover button{background:rgba(0,0,0,.55);border:0;border-radius:50%;color:#fff;cursor:pointer;height:30px;position:absolute;right:8px;top:8px;width:30px}.jio-creator-cover-empty{align-items:center;background:#fafcfb;border:1px dashed #e2e9e5;border-radius:10px;color:#5c6b66;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;min-height:120px}.jio-creator-cover-empty input{height:1px;opacity:0;position:absolute;width:1px}.jio-creator-attachments{border-top:1px solid #e2e9e5;margin-top:18px;padding-top:16px}.jio-creator-attachments__head{align-items:center;display:flex;gap:12px;justify-content:space-between}.jio-creator-attachments__head h4{font-size:13px;margin:0}.jio-creator-upload{align-items:center;border:1px solid #e2e9e5;border-radius:8px;color:#1d5f52;cursor:pointer;display:inline-flex;font-size:12px;min-height:32px;padding:0 12px}.jio-creator-upload input{height:1px;opacity:0;position:absolute;width:1px}.jio-creator-files{list-style:none;margin:12px 0 0;padding:0}.jio-creator-files li{align-items:center;border-bottom:1px solid #f0f4f1;display:flex;font-size:13px;gap:10px;padding:8px 0}.jio-creator-files button{background:transparent;border:0;color:#5c6b66;cursor:pointer;margin-left:auto}.jio-creator-files__name{align-items:center;display:inline-flex;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jio-creator-files__name i{color:#267665}.jio-creator-reuse{font-size:13px;margin-top:14px}.jio-creator-reuse summary{color:#5c6b66;cursor:pointer}.jio-creator-reuse ul{list-style:none;margin:10px 0 0;padding:0}.jio-creator-reuse li{align-items:center;display:flex;gap:10px;padding:6px 0}.jio-creator-reuse button{background:#fff;border:1px solid #e2e9e5;border-radius:6px;cursor:pointer;margin-left:auto}.jio-creator-link{background:transparent;border:0;color:var(--jc-ink-soft,#5c6b66);cursor:pointer;font-size:13px;text-decoration:underline}@media(max-width:767px){.jio-creator{--jc-bar:54px}.jio-creator__brand{display:none}.jio-creator__bar{gap:10px;padding:0 12px}.jio-creator__save time{display:none}.jio-creator__ghost{padding:0 10px}.jio-creator__primary{padding:0 14px}.jio-creator__canvas{padding:20px 16px calc(120px + env(safe-area-inset-bottom))}.jio-creator__title textarea{font-size:24px}.jio-creator__editor .block-editor-writing-flow{font-size:16px;line-height:1.8}.jio-creator__inspector{margin-top:16px}.jio-creator-drawer{display:block}.jio-creator-drawer__backdrop{display:none}.jio-creator-drawer__panel{border-radius:0;box-shadow:none;height:100dvh;width:100%}.jio-creator-drawer__foot{background:#fff;bottom:0;position:sticky}.jio-insert{align-items:flex-end;padding:0}.jio-insert__panel{border-radius:16px 16px 0 0;max-height:76dvh;padding-bottom:env(safe-area-inset-bottom);width:100%}.jio-insert__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.jio-creator__insert{margin-bottom:calc(26px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.jio-creator *{animation:none!important;transition:none!important}} +.jio-page-submit{background:#fafbfa}.jio-page-submit .float-btn,.jio-page-submit .footer,.jio-page-submit .footer-tabbar,.jio-page-submit .header,.jio-page-submit .jio-float-buttons{display:none!important}.jio-page-submit #main-content.container{max-width:none;padding:0}#jio-creator-studio.is-ready{display:block}.jio-creator{--jc-ink:#243330;--jc-ink-soft:#5c6b66;--jc-paper:#fafbfa;--jc-line:#e2e9e5;--jc-accent:#267665;--jc-accent-strong:#1d5f52;--jc-warn:#b4573f;--jc-bar:60px;-webkit-font-smoothing:antialiased;background:var(--jc-paper);color:var(--jc-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh;min-height:100dvh}.jio-creator *,.jio-creator :after,.jio-creator :before{box-sizing:border-box}.jio-creator button{color:inherit;font:inherit}.jio-creator__bar{align-items:center;backdrop-filter:blur(10px);background:rgba(250,251,250,.92);border-bottom:1px solid var(--jc-line);display:flex;gap:16px;height:var(--jc-bar);padding:0 clamp(16px,4vw,40px);position:sticky;top:0;z-index:30}.jio-creator__back{align-items:center;color:var(--jc-ink-soft);display:inline-flex;gap:6px;text-decoration:none}.jio-creator__back:focus-visible,.jio-creator__back:hover{color:var(--jc-accent)}.jio-creator__brand{color:var(--jc-ink-soft);font-size:13px;letter-spacing:.06em;margin-right:auto}.jio-creator__actions{align-items:center;display:flex;gap:10px}.jio-creator__save{align-items:center;color:var(--jc-ink-soft);display:inline-flex;font-size:13px;gap:6px}.jio-creator__save>i{color:var(--jc-line);font-size:7px}.jio-creator__save time{font-variant-numeric:tabular-nums;opacity:.7}.jio-creator__save.is-saved>i{color:var(--jc-accent)}.jio-creator__save.is-conflict,.jio-creator__save.is-conflict>i,.jio-creator__save.is-error,.jio-creator__save.is-error>i{color:var(--jc-warn)}.jio-creator__btn,.jio-creator__ghost,.jio-creator__primary{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;min-height:36px;padding:0 16px;transition:background .18s ease,border-color .18s ease,color .18s ease}.jio-creator__ghost{background:transparent;border-color:var(--jc-line)}.jio-creator__ghost:focus-visible,.jio-creator__ghost:hover{border-color:var(--jc-accent);color:var(--jc-accent)}.jio-creator__primary{background:var(--jc-accent);color:#fff}.jio-creator__primary:focus-visible,.jio-creator__primary:hover{background:var(--jc-accent-strong)}.jio-creator__primary:disabled{cursor:not-allowed;opacity:.5}.jio-creator__notice{align-items:center;background:#f1f5f2;border-bottom:1px solid var(--jc-line);color:var(--jc-ink-soft);display:flex;font-size:13px;gap:12px;margin:0 auto;max-width:820px;padding:10px 16px}.jio-creator__notice>span{flex:1}.jio-creator__notice button{background:transparent;border:0;color:var(--jc-accent);cursor:pointer}.jio-creator__notice.is-error{background:#fdf2ee;color:var(--jc-warn)}.jio-creator__hint{color:var(--jc-ink-soft);font-size:13px;margin:18px auto 0;max-width:820px;padding:0 clamp(16px,4vw,40px)}.jio-creator__canvas{margin:0 auto;padding:clamp(20px,4vw,44px) clamp(20px,5vw,52px) 140px;width:min(720px,100%)}.jio-creator__title{display:block;margin-bottom:6px}.jio-creator__title textarea{background:transparent;border:0;color:var(--jc-ink);font-family:Songti SC,"Noto Serif SC","Source Han Serif SC",serif;font-size:clamp(23px,2.6vw,27px);font-weight:500;letter-spacing:.01em;line-height:1.4;min-height:50px;padding:0;resize:none;width:100%}.jio-creator__title textarea:focus{outline:0}.jio-creator__title textarea::-moz-placeholder{color:#b7c2bd}.jio-creator__title textarea::placeholder{color:#b7c2bd}.jio-creator__excerpt{display:block;margin-bottom:22px}.jio-creator__excerpt>span{color:#9aa8a2;display:block;font-size:12px;letter-spacing:.02em;margin-bottom:4px}.jio-creator__excerpt textarea{background:transparent;border:0;color:var(--jc-ink-soft);font-family:inherit;font-size:14px;line-height:1.7;padding:6px 0;resize:none;width:100%}.jio-creator__excerpt textarea:focus{outline:0}.jio-creator__editor{min-height:40vh;position:relative}.jio-creator__editor .block-editor-writing-flow{font-size:16px;letter-spacing:.01em;line-height:1.85}.jio-creator__editor .block-editor-default-block-appender textarea.block-editor-default-block-appender__content{color:#b7c2bd}.jio-creator__editor .block-editor-block-list__layout{padding-bottom:40px}.jio-creator__editor .wp-block{max-width:none}.jio-creator__editor .block-editor-block-list__block{margin-bottom:1.1em;margin-top:0}.jio-creator__editor .block-editor-block-list__block[data-type="core/heading"]{margin-top:1.6em}.jio-creator__editor .block-editor-block-list__block.is-hovered:after,.jio-creator__editor .block-editor-block-list__block.is-selected:after{border-radius:3px;box-shadow:0 0 0 1.5px rgba(38,118,101,.35)}.jio-creator__editor .block-editor-block-contextual-toolbar{margin-left:0}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar{background:#2b3733;border:0;border-radius:8px;box-shadow:0 6px 20px rgba(20,32,28,.22)}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{border:0}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button{color:hsla(0,0%,100%,.86)}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button:focus:not(:disabled),.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button:hover:not(:disabled){background:hsla(0,0%,100%,.12);color:#fff}.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button.is-pressed,.jio-creator__editor .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-button[aria-pressed=true]{background:hsla(0,0%,100%,.2);color:#fff}.jio-creator__footer{border-top:1px solid var(--jc-line);color:var(--jc-ink-soft);display:flex;font-size:12px;justify-content:space-between;padding-top:20px}.jio-creator__cover{margin-bottom:18px;position:relative}.jio-creator__cover.is-empty{align-items:center;background:transparent;border:1px dashed #d3ded8;border-radius:8px;color:#8c9a94;cursor:pointer;display:inline-flex;font-size:12px;gap:7px;min-height:32px;padding:0 12px;transition:border-color .16s ease,color .16s ease}.jio-creator__cover.is-empty:focus-visible,.jio-creator__cover.is-empty:hover{border-color:var(--jc-accent);color:var(--jc-accent-strong);outline:0}.jio-creator__cover-thumb{background:#eef3f0;border:0;border-radius:10px;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.jio-creator__cover-thumb img{aspect-ratio:2.35/1;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.jio-creator__cover-thumb:focus-visible{outline:2px solid var(--jc-accent);outline-offset:2px}.jio-creator__cover-edit{align-items:center;background:linear-gradient(0deg,rgba(15,25,22,.62),rgba(15,25,22,0));color:#fff;display:flex;font-size:12px;gap:6px;inset:auto 0 0 0;justify-content:center;opacity:0;padding:8px;position:absolute;transition:opacity .16s ease}.jio-creator__cover-thumb:focus-visible .jio-creator__cover-edit,.jio-creator__cover-thumb:hover .jio-creator__cover-edit{opacity:1}.jio-creator__cover-clear{background:rgba(15,25,22,.55);border:0;border-radius:50%;color:#fff;cursor:pointer;height:28px;position:absolute;right:8px;top:8px;width:28px}.jio-creator__cover-clear:focus-visible,.jio-creator__cover-clear:hover{background:rgba(15,25,22,.78);outline:0}.jio-creator__editor .wp-block-image,.jio-page-submit .entry-content .wp-block-image{margin-left:auto;margin-right:auto}.jio-creator__editor .wp-block-image img,.jio-page-submit .entry-content .wp-block-image img{border-radius:6px;display:block;height:auto;width:100%}.jio-creator__editor .wp-block-image.jio-img-w--half,.jio-page-submit .entry-content .wp-block-image.jio-img-w--half{margin-left:0;margin-right:auto;width:50%}@media(max-width:767px){.jio-creator__editor .wp-block-image.jio-img-w--half,.jio-page-submit .entry-content .wp-block-image.jio-img-w--half{margin-left:auto;width:100%}}.jio-creator__editor .wp-block-image.jio-img-w--medium,.jio-page-submit .entry-content .wp-block-image.jio-img-w--medium{width:72%}.jio-creator__editor .wp-block-image.jio-img-w--wide,.jio-page-submit .entry-content .wp-block-image.jio-img-w--wide{width:100%}.jio-creator__editor .wp-block-image.jio-img-w--full,.jio-page-submit .entry-content .wp-block-image.jio-img-w--full{margin-left:calc(clamp(24px,6vw,64px)/-2);max-width:none;width:calc(100% + clamp(24px,6vw,64px))}@media(max-width:767px){.jio-creator__editor .wp-block-image.jio-img-w--full,.jio-page-submit .entry-content .wp-block-image.jio-img-w--full{margin-left:0;width:100%}}.jio-creator__author{align-items:center;color:#8c9a94;display:flex;font-size:12px;gap:8px;margin:2px 0 20px}.jio-creator__author-avatar{border-radius:50%;flex:0 0 auto;height:24px;-o-object-fit:cover;object-fit:cover;width:24px}.jio-creator__author-avatar.is-placeholder{align-items:center;background:#e3ece7;color:#4a5f57;display:inline-flex;font-size:11px;font-weight:600;justify-content:center}.jio-creator__author-name{color:#4a5f57;font-weight:500}.jio-creator__author-meta{background:#eef5f2;border-radius:4px;color:#3c7d6c;font-size:11px;padding:1px 6px}.jio-creator__author-hint{color:#b0bcb7;margin-left:auto}.jio-creator__insert{align-items:center;background:transparent;border:1px dashed #d3ded8;border-radius:10px;color:#7c8c86;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin:8px 0 26px;min-height:46px;transition:border-color .18s ease,color .18s ease,background .18s ease;width:100%}.jio-creator__insert i{font-size:12px}.jio-creator__insert:focus-visible,.jio-creator__insert:hover{background:#f1f7f4;border-color:var(--jc-accent);color:var(--jc-accent-strong);outline:0}.jio-insert{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:520}.jio-insert__backdrop{background:rgba(23,34,31,.34);border:0;cursor:default;inset:0;position:absolute}.jio-insert__panel{background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(20,32,28,.22);max-height:min(78vh,640px);overflow:hidden auto;position:relative;width:min(560px,100%)}.jio-insert__head{align-items:center;background:#fff;border-bottom:1px solid #e2e9e5;display:flex;justify-content:space-between;padding:18px 22px 12px;position:sticky;top:0;z-index:1}.jio-insert__head h2{font-size:16px;font-weight:600;margin:0}.jio-insert__close{background:transparent;border:0;border-radius:50%;color:#5c6b66;cursor:pointer;height:30px;width:30px}.jio-insert__close:focus-visible,.jio-insert__close:hover{background:#eef3f0;outline:0}.jio-insert__body{padding:16px 22px 24px}.jio-insert__group{margin-bottom:20px}.jio-insert__group h3{color:#9aa8a2;font-size:12px;font-weight:500;letter-spacing:.04em;margin:0 0 12px}.jio-insert__grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.jio-insert-item{align-items:center;background:#f7f9f8;border:1px solid transparent;border-radius:10px;color:#243330;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:14px 4px 10px;transition:background .16s ease,color .16s ease,border-color .16s ease}.jio-insert-item:focus-visible,.jio-insert-item:hover{background:#eef5f2;border-color:var(--jc-accent);color:var(--jc-accent-strong);outline:0}.jio-insert-item__icon{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:15px;height:30px;justify-content:center;width:30px}.jio-insert-item__label{font-size:12px;line-height:1.3;text-align:center}.jio-creator-drawer{display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:500}.jio-creator-drawer__backdrop{background:rgba(23,34,31,.32);border:0;cursor:default;inset:0;position:absolute}.jio-creator-drawer__panel{background:#fff;box-shadow:-20px 0 60px rgba(20,32,28,.16);display:flex;flex-direction:column;height:100%;position:relative;width:min(460px,100%)}.jio-creator-drawer__head{align-items:center;border-bottom:1px solid #e2e9e5;display:flex;justify-content:space-between;padding:20px 24px}.jio-creator-drawer__head h2{font-size:17px;font-weight:600;margin:0}.jio-creator-drawer__close{background:transparent;border:0;color:#5c6b66;cursor:pointer}.jio-creator-drawer__body{flex:1;overflow-y:auto;padding:20px 24px 32px}.jio-creator-drawer__note{background:#f2f7f4;border-left:3px solid #267665;color:#5c6b66;font-size:13px;line-height:1.6;margin:0 0 20px;padding:12px 14px}.jio-creator-drawer__foot{background:#fff;border-top:1px solid #e2e9e5;display:flex;flex-direction:column;gap:12px;padding:16px 24px calc(16px + env(safe-area-inset-bottom))}.jio-creator-drawer__foot .jio-creator-primary{flex:1}.jio-creator-drawer__actions{align-items:center;display:flex;gap:12px}.jio-creator-drawer__captcha{min-height:40px}.jio-creator-field{margin-bottom:26px}.jio-creator-field>h3{color:#243330;font-size:13px;font-weight:600;margin:0 0 10px}.jio-creator-muted{color:#5c6b66;font-size:12px;line-height:1.6;margin:0}.jio-creator-error{color:#b4573f;font-size:12px;margin:8px 0 0}.jio-creator-chips{display:flex;flex-wrap:wrap;gap:8px}.jio-creator-chip{align-items:center;border:1px solid #e2e9e5;border-radius:999px;color:#5c6b66;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:5px 12px}.jio-creator-chip input{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.jio-creator-chip.is-active{background:#eef5f2;border-color:#267665;color:#1d5f52}.jio-creator-chip button{background:transparent;border:0;color:inherit;cursor:pointer}.jio-creator-inline{display:flex;gap:8px;margin-top:10px}.jio-creator-inline input:not([type]),.jio-creator-inline input[type=text]{border:1px solid #e2e9e5;border-radius:8px;flex:1;height:36px;min-width:0;padding:0 12px}.jio-creator-inline label{align-items:center;display:inline-flex;font-size:13px;gap:6px}.jio-creator-switch{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.jio-creator-switch h3{font-size:13px;margin:0 0 4px}.jio-creator-toggle{flex:0 0 auto;position:relative}.jio-creator-toggle input{height:1px;opacity:0;position:absolute;width:1px}.jio-creator-toggle span{background:#d6dfda;border-radius:999px;display:block;height:24px;transition:background .18s ease;width:42px}.jio-creator-toggle span:after{background:#fff;border-radius:50%;content:"";display:block;height:18px;margin:3px;transition:transform .18s ease;width:18px}.jio-creator-toggle input:checked+span{background:#267665}.jio-creator-toggle input:checked+span:after{transform:translateX(18px)}.jio-creator-toggle input:focus-visible+span{outline:2px solid #267665;outline-offset:2px}.jio-creator-pay{background:#fcfdfc;border:1px solid #e2e9e5;border-radius:10px;margin-top:16px;padding:16px}.jio-creator-input{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-top:12px}.jio-creator-input input{border:1px solid #e2e9e5;border-radius:8px;height:36px;padding:0 12px;text-align:right;width:140px}.jio-creator-cover{border-radius:10px;overflow:hidden;position:relative}.jio-creator-cover img{aspect-ratio:2/1;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.jio-creator-cover button{background:rgba(0,0,0,.55);border:0;border-radius:50%;color:#fff;cursor:pointer;height:30px;position:absolute;right:8px;top:8px;width:30px}.jio-creator-cover-empty{align-items:center;background:#fafcfb;border:1px dashed #e2e9e5;border-radius:10px;color:#5c6b66;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;min-height:120px}.jio-creator-cover-empty input{height:1px;opacity:0;position:absolute;width:1px}.jio-creator-attachments{border-top:1px solid #e2e9e5;margin-top:18px;padding-top:16px}.jio-creator-attachments__head{align-items:center;display:flex;gap:12px;justify-content:space-between}.jio-creator-attachments__head h4{font-size:13px;margin:0}.jio-creator-upload{align-items:center;border:1px solid #e2e9e5;border-radius:8px;color:#1d5f52;cursor:pointer;display:inline-flex;font-size:12px;min-height:32px;padding:0 12px}.jio-creator-upload input{height:1px;opacity:0;position:absolute;width:1px}.jio-creator-files{list-style:none;margin:12px 0 0;padding:0}.jio-creator-files li{align-items:center;border-bottom:1px solid #f0f4f1;display:flex;font-size:13px;gap:10px;padding:8px 0}.jio-creator-files button{background:transparent;border:0;color:#5c6b66;cursor:pointer;margin-left:auto}.jio-creator-files__name{align-items:center;display:inline-flex;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jio-creator-files__name i{color:#267665}.jio-creator-reuse{font-size:13px;margin-top:14px}.jio-creator-reuse summary{color:#5c6b66;cursor:pointer}.jio-creator-reuse ul{list-style:none;margin:10px 0 0;padding:0}.jio-creator-reuse li{align-items:center;display:flex;gap:10px;padding:6px 0}.jio-creator-reuse button{background:#fff;border:1px solid #e2e9e5;border-radius:6px;cursor:pointer;margin-left:auto}.jio-creator-link{background:transparent;border:0;color:var(--jc-ink-soft,#5c6b66);cursor:pointer;font-size:13px;text-decoration:underline}@media(max-width:767px){.jio-creator{--jc-bar:54px}.jio-creator__brand{display:none}.jio-creator__bar{gap:10px;padding:0 12px}.jio-creator__save time{display:none}.jio-creator__ghost{padding:0 10px}.jio-creator__primary{padding:0 14px}.jio-creator__canvas{padding:20px 16px calc(120px + env(safe-area-inset-bottom))}.jio-creator__title textarea{font-size:24px}.jio-creator__editor .block-editor-writing-flow{font-size:16px;line-height:1.8}.jio-creator__inspector{margin-top:16px}.jio-creator-drawer{display:block}.jio-creator-drawer__backdrop{display:none}.jio-creator-drawer__panel{border-radius:0;box-shadow:none;height:100dvh;width:100%}.jio-creator-drawer__foot{background:#fff;bottom:0;position:sticky}.jio-insert{align-items:flex-end;padding:0}.jio-insert__panel{border-radius:16px 16px 0 0;max-height:76dvh;padding-bottom:env(safe-area-inset-bottom);width:100%}.jio-insert__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.jio-creator__insert{margin-bottom:calc(26px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.jio-creator *{animation:none!important;transition:none!important}} diff --git a/assets/creator-studio/build/index.js b/assets/creator-studio/build/index.js index a985222f..4747bdd4 100644 --- a/assets/creator-studio/build/index.js +++ b/assets/creator-studio/build/index.js @@ -1 +1 @@ -(()=>{"use strict";const e={n:t=>{const a=t&&t.__esModule?()=>t.default:()=>t;return e.d(a,{a}),a},d:(t,a)=>{for(var r in a)e.o(a,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:a[r]})},o:(e,t)=>Object.hasOwn(e,t)},t=window.React,a=window.wp.element,r=window.wp.blocks,n=window.wp.blockLibrary,o=window.wp.data,i=window.wp.blockEditor,l=window.wp.wordcount,c=window.wp.i18n;function s(e,t){const a=e&&(e.message||e.error)||(401===t?"登录状态已失效，请刷新页面重新登录。":"请求失败，请稍后重试。"),r=new Error(String(a));return r.status=t,r.code=e&&e.code?String(e.code):"",r.data=e,r}async function m(e){try{return await e.json()}catch(e){return null}}async function u(e,t,a){const r=await fetch(e,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json","X-WP-Nonce":a},body:JSON.stringify(t)}),n=await m(r);if(!r.ok)throw s(n,r.status);return n}async function d(e,t,a,r={}){const n=new FormData;n.append("file",t),Object.entries(r).forEach(([e,t])=>n.append(e,t));const o=await fetch(e,{method:"POST",credentials:"same-origin",headers:{"X-WP-Nonce":a},body:n}),i=await m(o);if(!o.ok)throw s(i,o.status);return i}const p=window.wp.apiFetch;var _=e.n(p);const f=window.jioCreatorStudio||{},b=f.nonce||"";function y(e){const{draft:r,setDraft:n,capabilities:o,limits:i,taxonomy:l,isPublishedEdit:s,onClose:m,onSaveDraft:u,onSubmit:p,privateStorage:_,privateUploads:y,saving:E,captcha:j}=e,[g,h]=(0,a.useState)(""),[w,v]=(0,a.useState)(""),[N,k]=(0,a.useState)(!1),S=(0,a.useRef)(null),C=(0,a.useRef)(null),x=(0,a.useRef)(null);(0,a.useEffect)(()=>{const e=x.current,t=document.getElementById("jio-creator-captcha");if(!e||!t)return;const a=t.parentElement;return e.appendChild(t),t.removeAttribute("hidden"),()=>{a&&(a.appendChild(t),t.setAttribute("hidden",""))}},[]);const I=(0,a.useMemo)(()=>(r.title||"").trim().length,[r.title])>=Number(i.titleMin||1),L=()=>{const e=g.trim();if(!e)return;const t=e.split(/[,，\n]+/u).map(e=>e.trim()).filter(Boolean);n({tags:Array.from(new Set([...r.tags,...t]))}),h("")};return(0,t.createElement)("div",{className:"jio-creator-drawer",role:"dialog","aria-modal":"true","aria-labelledby":"jio-creator-publish-title"},(0,t.createElement)("button",{type:"button",className:"jio-creator-drawer__backdrop","aria-label":(0,c.__)("关闭","jio"),onClick:m}),(0,t.createElement)("div",{className:"jio-creator-drawer__panel"},(0,t.createElement)("header",{className:"jio-creator-drawer__head"},(0,t.createElement)("h2",{id:"jio-creator-publish-title"},s?(0,c.__)("提交改稿","jio"):(0,c.__)("发布文章","jio")),(0,t.createElement)("button",{type:"button",className:"jio-creator-drawer__close",onClick:m,"aria-label":(0,c.__)("关闭","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))),(0,t.createElement)("div",{className:"jio-creator-drawer__body"},s&&(0,t.createElement)("p",{className:"jio-creator-drawer__note"},(0,c.__)("审核通过前，读者看到的仍然是当前线上版本。","jio")),(0,t.createElement)("section",{className:"jio-creator-field"},(0,t.createElement)("h3",null,(0,c.__)("封面","jio")),r.featured?.data?.url?(0,t.createElement)("div",{className:"jio-creator-cover"},(0,t.createElement)("img",{src:String(r.featured.data.url),alt:""}),(0,t.createElement)("button",{type:"button",onClick:()=>n({featured:{type:"",data:{}}}),"aria-label":(0,c.__)("移除封面","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))):o.canUploadImage?(0,t.createElement)("label",{className:"jio-creator-cover-empty"},(0,t.createElement)("input",{ref:S,type:"file",accept:"image/*",onChange:()=>{(async()=>{const e=S.current?.files?.[0];if(e&&f.media?.uploadUrl?.image){v(""),k(!0);try{const t=await d(f.media.uploadUrl.image,e,b),a=Number(t.attachment_id||t.id||0),r=String(t.url||"");if(!a||!r)throw new Error((0,c.__)("上传后无法读取图片。","jio"));n({featured:{type:"image",mediaId:a,data:{id:a,url:r}}})}catch(e){v(String(e?.message||(0,c.__)("上传失败","jio")))}finally{k(!1)}}})()},disabled:N}),(0,t.createElement)("i",{className:"fa fas fa-plus","aria-hidden":"true"}),(0,t.createElement)("span",null,N?(0,c.__)("上传中…","jio"):(0,c.__)("上传封面","jio"))):(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("当前账号不能设置封面。","jio"))),(0,t.createElement)("section",{className:"jio-creator-field"},(0,t.createElement)("h3",null,(0,c.__)("分类","jio")),(0,t.createElement)("div",{className:"jio-creator-chips"},0===l.categories.length&&(0,t.createElement)("span",{className:"jio-creator-muted"},(0,c.__)("暂无可选分类","jio")),l.categories.map(e=>(0,t.createElement)("label",{key:e.id,className:"jio-creator-chip"+(r.categories.includes(e.id)?" is-active":"")},(0,t.createElement)("input",{type:"checkbox",checked:r.categories.includes(e.id),onChange:()=>(e=>{const t=r.categories.includes(e);n({categories:t?r.categories.filter(t=>t!==e):[...r.categories,e]})})(e.id)}),(0,t.createElement)("span",null,e.name))))),l.tags&&(0,t.createElement)("section",{className:"jio-creator-field"},(0,t.createElement)("h3",null,(0,c.__)("标签","jio")),(0,t.createElement)("div",{className:"jio-creator-chips"},r.tags.map(e=>(0,t.createElement)("span",{key:e,className:"jio-creator-chip is-active"},(0,t.createElement)("span",null,e),(0,t.createElement)("button",{type:"button",onClick:()=>n({tags:r.tags.filter(t=>t!==e)}),"aria-label":(0,c.sprintf)((0,c.__)("移除标签 %s","jio"),e)},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))))),(0,t.createElement)("div",{className:"jio-creator-inline"},(0,t.createElement)("input",{type:"text",value:g,placeholder:(0,c.__)("输入标签，逗号分隔","jio"),onChange:e=>h(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),L())}}),(0,t.createElement)("button",{type:"button",onClick:L},(0,c.__)("添加","jio")))),l.customDefs.map(e=>(0,t.createElement)("section",{className:"jio-creator-field",key:e.key},(0,t.createElement)("h3",null,e.name),(0,t.createElement)("div",{className:"jio-creator-chips"},e.values.map(a=>{const o=r.custom[e.key]||[],i=o.includes(a.key);return(0,t.createElement)("label",{key:a.key,className:"jio-creator-chip"+(i?" is-active":"")},(0,t.createElement)("input",{type:"checkbox",checked:i,onChange:()=>n({custom:{...r.custom,[e.key]:i?o.filter(e=>e!==a.key):[...o,a.key]}})}),(0,t.createElement)("span",null,a.name))})))),o.canPay&&(0,t.createElement)("section",{className:"jio-creator-field"},(0,t.createElement)("div",{className:"jio-creator-switch"},(0,t.createElement)("div",null,(0,t.createElement)("h3",null,(0,c.__)("付费内容","jio")),(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("开启后，未购买读者只能看到免费部分。","jio"))),(0,t.createElement)("label",{className:"jio-creator-toggle"},(0,t.createElement)("input",{type:"checkbox",checked:r.pay.enabled,onChange:e=>n({pay:{...r.pay,enabled:e.target.checked}})}),(0,t.createElement)("span",{"aria-hidden":"true"}))),r.pay.enabled&&(0,t.createElement)("div",{className:"jio-creator-pay"},(0,t.createElement)("div",{className:"jio-creator-inline"},(0,t.createElement)("label",null,(0,t.createElement)("input",{type:"radio",checked:"cash"===r.pay.modo,onChange:()=>n({pay:{...r.pay,modo:"cash"}})}),(0,t.createElement)("span",null,(0,c.__)("现金","jio"))),(0,t.createElement)("label",null,(0,t.createElement)("input",{type:"radio",checked:"points"===r.pay.modo,onChange:()=>n({pay:{...r.pay,modo:"points"}})}),(0,t.createElement)("span",null,(0,c.__)("积分","jio")))),"cash"===r.pay.modo?(0,t.createElement)("label",{className:"jio-creator-input"},(0,t.createElement)("span",null,(0,c.__)("价格","jio")),(0,t.createElement)("input",{type:"number",min:Number(i.priceMin||0),step:"0.01",value:r.pay.price,onChange:e=>n({pay:{...r.pay,price:e.target.value}})})):(0,t.createElement)("label",{className:"jio-creator-input"},(0,t.createElement)("span",null,(0,c.__)("积分价格","jio")),(0,t.createElement)("input",{type:"number",min:0,step:"1",value:r.pay.points,onChange:e=>n({pay:{...r.pay,points:Number(e.target.value)||0}})})),o.canPayDownload&&(0,t.createElement)("div",{className:"jio-creator-attachments"},(0,t.createElement)("div",{className:"jio-creator-attachments__head"},(0,t.createElement)("h4",null,(0,c.__)("资料附件","jio")),_?(0,t.createElement)("label",{className:"jio-creator-upload"},(0,t.createElement)("input",{ref:C,type:"file",onChange:()=>{(async()=>{const e=C.current?.files?.[0];if(e){v(""),k(!0);try{const t=await d(f.creator.privateUrl,e,b,{post_id:String(r.postId||0)}),a={type:"protected",assetKey:String(t.asset_key||""),fileName:String(t.name||e.name),sizeBytes:Number(t.size||e.size),sizeLabel:String(t.size_label||""),label:""};n({pay:{...r.pay,enabled:!0,downloads:[...r.pay.downloads,a]}}),C.current&&(C.current.value="")}catch(e){v(String(e?.message||(0,c.__)("资料上传失败","jio")))}finally{k(!1)}}})()},disabled:N}),(0,t.createElement)("span",null,N?(0,c.__)("上传中…","jio"):(0,c.__)("添加 PDF / ZIP","jio"))):(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("私有附件存储尚未配置，暂时不能上传付费资料。","jio"))),w&&(0,t.createElement)("p",{className:"jio-creator-error"},w),r.pay.downloads.length>0&&(0,t.createElement)("ul",{className:"jio-creator-files"},r.pay.downloads.map((e,a)=>(0,t.createElement)("li",{key:`${e.assetKey||e.url}-${a}`},(0,t.createElement)("span",{className:"jio-creator-files__name"},e.assetKey?(0,t.createElement)(t.Fragment,null,(0,t.createElement)("i",{className:"fa fas fa-lock","aria-hidden":"true"}),e.fileName||e.label||(0,c.__)("受保护资料","jio")):(0,t.createElement)(t.Fragment,null,(0,t.createElement)("i",{className:"fa fas fa-link","aria-hidden":"true"}),e.label||e.url)),e.sizeLabel&&(0,t.createElement)("span",{className:"jio-creator-muted"},e.sizeLabel),(0,t.createElement)("button",{type:"button",onClick:()=>(e=>{n({pay:{...r.pay,downloads:r.pay.downloads.filter((t,a)=>a!==e)}})})(a),"aria-label":(0,c.__)("移除","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))))),y.length>0&&(0,t.createElement)("details",{className:"jio-creator-reuse"},(0,t.createElement)("summary",null,(0,c.__)("从已上传资料中选择","jio")),(0,t.createElement)("ul",null,y.filter(e=>!r.pay.downloads.some(t=>t.assetKey===e.assetKey)).map(e=>(0,t.createElement)("li",{key:e.assetKey},(0,t.createElement)("span",null,e.fileName),(0,t.createElement)("span",{className:"jio-creator-muted"},e.sizeLabel),(0,t.createElement)("button",{type:"button",onClick:()=>n({pay:{...r.pay,enabled:!0,downloads:[...r.pay.downloads,{...e,type:"protected"}]}})},(0,c.__)("使用","jio"))))))))),!o.canPay&&o.canSaveDraft&&(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("当前账号不能设置付费内容。","jio"))),(0,t.createElement)("footer",{className:"jio-creator-drawer__foot"},j&&(0,t.createElement)("div",{className:"jio-creator-drawer__captcha",ref:x}),(0,t.createElement)("div",{className:"jio-creator-drawer__actions"},(0,t.createElement)("button",{type:"button",className:"jio-creator-ghost",onClick:u,disabled:E},(0,c.__)("保存草稿","jio")),(0,t.createElement)("button",{type:"button",className:"jio-creator-primary",onClick:()=>p(!1),disabled:E||!I},s?(0,c.__)("提交审核","jio"):o.canPublishNow?(0,c.__)("发布","jio"):(0,c.__)("提交审核","jio")),o.canPublishNow&&(0,t.createElement)("button",{type:"button",className:"jio-creator-link",onClick:()=>p(!0),disabled:E||!I},(0,c.__)("立即发布","jio"))))))}function E({featured:e,canEdit:a,onOpen:r,onClear:n}){const o="string"==typeof e?.data?.url?e.data.url:"";return a?o?(0,t.createElement)("div",{className:"jio-creator__cover"},(0,t.createElement)("button",{type:"button",className:"jio-creator__cover-thumb",onClick:r},(0,t.createElement)("img",{src:o,alt:""}),(0,t.createElement)("span",{className:"jio-creator__cover-edit"},(0,t.createElement)("i",{className:"fa fas fa-pen","aria-hidden":"true"}),(0,c.__)("更换封面","jio"))),(0,t.createElement)("button",{type:"button",className:"jio-creator__cover-clear",onClick:n,"aria-label":(0,c.__)("移除封面","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))):(0,t.createElement)("button",{type:"button",className:"jio-creator__cover is-empty",onClick:r},(0,t.createElement)("i",{className:"fa far fa-image","aria-hidden":"true"}),(0,t.createElement)("span",null,(0,c.__)("添加封面","jio"))):null}function j({groups:e,onInsert:r,onClose:n}){const o=(0,a.useRef)(null),i=(0,a.useRef)(null),l=(0,a.useMemo)(()=>e.flatMap(e=>e.items),[e]);return(0,a.useEffect)(()=>{i.current?.focus();const e=e=>{if("Escape"===e.key)return e.preventDefault(),void n();if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp"].includes(e.key))return;const t=Array.from(o.current?.querySelectorAll(".jio-insert-item")||[]),a=t.indexOf(document.activeElement);if(-1===a)return;e.preventDefault();const r=window.innerWidth<=767?4:6,i="ArrowRight"===e.key?1:"ArrowLeft"===e.key?-1:"ArrowDown"===e.key?r:-r,l=Math.min(t.length-1,Math.max(0,a+i));t[l]?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[n]),(0,t.createElement)("div",{className:"jio-insert",role:"dialog","aria-modal":"true","aria-label":(0,c.__)("添加内容","jio")},(0,t.createElement)("button",{type:"button",className:"jio-insert__backdrop","aria-label":(0,c.__)("关闭","jio"),onClick:n}),(0,t.createElement)("div",{className:"jio-insert__panel",ref:o},(0,t.createElement)("header",{className:"jio-insert__head"},(0,t.createElement)("h2",null,(0,c.__)("添加内容","jio")),(0,t.createElement)("button",{type:"button",className:"jio-insert__close",onClick:n,ref:i,"aria-label":(0,c.__)("关闭","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))),(0,t.createElement)("div",{className:"jio-insert__body"},e.map(e=>0===e.items.length?null:(0,t.createElement)("section",{className:"jio-insert__group",key:e.label},(0,t.createElement)("h3",null,e.label),(0,t.createElement)("div",{className:"jio-insert__grid"},e.items.map(e=>(0,t.createElement)("button",{key:e.name,type:"button",className:"jio-insert-item",onClick:()=>r(e)},(0,t.createElement)("span",{className:"jio-insert-item__icon","aria-hidden":"true"},(0,t.createElement)("i",{className:e.icon})),(0,t.createElement)("span",{className:"jio-insert-item__label"},e.title)))))),0===l.length&&(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("当前账号没有可插入的内容类型。","jio")))))}const g={ready:(0,c.__)("尚未保存","jio"),saving:(0,c.__)("保存中…","jio"),saved:(0,c.__)("已保存","jio"),error:(0,c.__)("保存失败","jio"),conflict:(0,c.__)("内容已在别处更新","jio"),submitting:(0,c.__)("提交中…","jio"),submitted:(0,c.__)("已提交","jio")};function h({value:e}){return(0,t.createElement)("span",{className:`jio-creator__save is-${e.state}`,role:"status","aria-live":"polite"},(0,t.createElement)("i",{className:"fa fas fa-circle","aria-hidden":"true"}),(0,t.createElement)("span",null,g[e.state]||g.ready),"saved"===e.state&&e.at?(0,t.createElement)("time",null,e.at):null)}function w(e){const t=(e.downloads||[]).map(e=>{const t="string"==typeof e.assetKey?e.assetKey:"";if(t)return{type:"protected",asset_key:t,label:"string"==typeof e.label?e.label:""};const a="string"==typeof e.url?e.url.trim():"";return a?{type:"direct",url:a,label:"string"==typeof e.label?e.label:"",extract_code:"string"==typeof e.extractCode?e.extractCode:""}:null}).filter(Boolean);return{enabled:!!e.enabled,fields:{pay_type:e.enabled?t.length>0?"download":"reading":"no",pay_modo:"points"===e.modo?"points":"0",price:"points"===e.modo?"0.00":String(e.price||"0.00"),points_price:"points"===e.modo?Math.max(0,Number(e.points)||0):0,vip1_price:"points"===e.modo?"0.00":String(e.vip1Price||"0.00"),vip2_price:"points"===e.modo?"0.00":String(e.vip2Price||"0.00"),pay_limit:Number(e.payLimit)||0,downloads:t}}}window.__jioCoreBlocksRegistered||"function"!=typeof n.registerCoreBlocks||((0,n.registerCoreBlocks)(),window.__jioCoreBlocksRegistered=!0);const v=window.jioCreatorStudio||{},N=v.nonce||"",k=`jio-studio-${v.sourceId||0}`;function S(){const e=v.pay||{},t=v.categories&&v.categories.selected||[],a=v.tags&&v.tags.items||[];return{postId:Number(v.sourceId||0),versionId:Number(v.versionId||0),rev:Number(v.versionRev||0),title:String(v.title||""),excerpt:String(v.excerpt||""),content:String(v.content||""),categories:t.map(Number),tags:a.slice(),custom:v.custom||{},featured:v.featured||{type:"",data:{}},pay:{enabled:!!e.enabled,modo:"points"===e.payModo?"points":"cash",price:String(e.price||"0.00"),points:Number(e.points||0),vip1Price:String(e.vip1Price||"0.00"),vip2Price:String(e.vip2Price||"0.00"),payLimit:Number(e.payLimit||0),downloads:Array.isArray(e.downloads)?e.downloads:[]}}}function C(){const[e,n]=(0,a.useState)(S),[s,m]=(0,a.useState)(()=>(0,r.parse)(e.content||"")),[d,p]=(0,a.useState)({state:"ready",at:""}),[_,f]=(0,a.useState)(!1),[b,g]=(0,a.useState)(!1),[C,x]=(0,a.useState)(null),[I,L]=(0,a.useState)(null),M=(0,a.useRef)(!1),P=v.capabilities||{},D={titleMin:Number(v.limits?.titleMin||1),titleMax:Number(v.limits?.titleMax||30),titlePlaceholder:String(v.limits?.titlePlaceholder||(0,c.__)("请输入标题","jio")),priceMin:Number(v.pay?.priceMin||0),priceMax:Number(v.pay?.priceMax||0),pointsMin:Number(v.pay?.pointsMin||0),pointsMax:Number(v.pay?.pointsMax||0)},R=!!v.isPublished,U=(0,a.useCallback)(e=>{M.current=!0,n(t=>({...t,...e}))},[]),A=(0,a.useCallback)(e=>{M.current=!0,m(e)},[]),B=(0,a.useMemo)(()=>(0,r.serialize)(s),[s]),O=(0,a.useMemo)(()=>{const e=B.replace(/<[^>]*>/g," ");return(0,l.count)(e,"characters_excluding_spaces",{})},[B]),F=(0,a.useCallback)((t={})=>({post_id:e.postId,version_id:e.versionId,rev:e.rev,title:e.title,excerpt:e.excerpt,content:B,categories:e.categories,tags:e.tags,custom:e.custom,featured:e.featured,pay:w(e.pay),...t}),[e,B]),z=(0,a.useCallback)(async(t=!1)=>{if(!M.current&&(e.postId>0||e.versionId>0))return!0;const a=""!==e.title.trim()||""!==B.replace(/<[^>]*>/g,"").trim();if(t&&!a)return!0;p({state:"saving",at:""});try{const a=await u(v.creator.saveUrl,F({autosave:t}),N),r=Number(a.post_id||e.postId||0),o=Number(a.version_id||e.versionId||0),i=Number(a.rev||a.versionRev||e.rev||0);return M.current=!1,n(e=>({...e,postId:r,versionId:o,rev:i})),p({state:"saved",at:(new Date).toLocaleTimeString()}),!0}catch(e){return p({state:409===e?.status?"conflict":"error",at:""}),!1}},[F,e.postId,e.versionId,e.rev]),T=(0,a.useCallback)(async e=>{if(await z(!1)){p({state:"submitting",at:""});try{let t="";const a=window.JioCaptcha;if(v.captcha?.enabled&&a&&"function"==typeof a.run){const e=await a.run("front_submit");if(null===e)return p({state:"ready",at:""}),void x({tone:"error",text:(0,c.__)("请先完成人机验证","jio")});t=String(e?.jio_captcha_proof||"")}const r=await u(v.creator.submitUrl,F({publish_now:e,captcha_proof:t}),N);M.current=!1,p({state:"submitted",at:""}),x({tone:"ok",text:String(r.message||(0,c.__)("已提交","jio"))}),f(!1);const n=r.url||r.goto||v.urls?.center;n&&window.setTimeout(()=>{window.location.href=n},900)}catch(e){p({state:"error",at:""}),x({tone:"error",text:String(e?.message||(0,c.__)("提交失败","jio"))})}}else x({tone:"error",text:(0,c.__)("内容保存失败，请重试后再提交","jio")})},[F,z]),K=(0,a.useCallback)(async()=>{if(await z(!1))try{const t=await u(v.creator.previewUrl,{post_id:e.postId,version_id:e.versionId},N);t.url&&window.open(String(t.url),"_blank","noopener")}catch(e){x({tone:"error",text:String(e?.message||(0,c.__)("预览失败","jio"))})}},[e.postId,e.versionId,z]),{markLocalSaved:J,clear:W}=function({key:e,snapshot:t,onFound:r}){const n=(0,a.useRef)(t);n.current=t;const o=(0,a.useRef)(!1);return(0,a.useEffect)(()=>{if(!o.current){o.current=!0;try{const a=window.localStorage.getItem(e);if(!a)return;const n=JSON.parse(a),o="string"==typeof n.at?Date.parse(n.at):NaN;if(!Number.isFinite(o)||Date.now()-o>6048e5)return void window.localStorage.removeItem(e);"string"==typeof n.content&&n.content!==t.content&&r(String(n.at))}catch(t){window.localStorage.removeItem(e)}}},[e,r,t.content]),{markLocalSaved:(0,a.useCallback)(()=>{try{window.localStorage.setItem(e,JSON.stringify(n.current))}catch(e){}},[e]),clear:(0,a.useCallback)(()=>{try{window.localStorage.removeItem(e)}catch(e){}},[e])}}({key:k,snapshot:{title:e.title,content:B,at:(new Date).toISOString()},onFound:e=>L({savedAt:e})}),$=function({enabled:e,onSave:t,onLocal:r,remoteDelay:n=4e3,localDelay:o=1500}){const i=(0,a.useRef)(null),l=(0,a.useRef)(null),c=(0,a.useRef)(!1),s=(0,a.useRef)(t),m=(0,a.useRef)(r);s.current=t,m.current=r;const u=(0,a.useCallback)(()=>{i.current&&(window.clearTimeout(i.current),i.current=null),l.current&&(window.clearTimeout(l.current),l.current=null)},[]),d=(0,a.useCallback)(async()=>{if(!c.current){c.current=!0;try{await s.current()}finally{c.current=!1}}},[]),p=(0,a.useCallback)(()=>{u(),m.current(),e&&(l.current=window.setTimeout(()=>m.current(),o),i.current=window.setTimeout(()=>{d()},n))},[u,e,d,o,n]);return(0,a.useEffect)(()=>{if(!e)return;const t=()=>{"hidden"===document.visibilityState&&d()},a=()=>{d()};return document.addEventListener("visibilitychange",t),window.addEventListener("blur",a),()=>{document.removeEventListener("visibilitychange",t),window.removeEventListener("blur",a),u()}},[u,e,d]),(0,a.useMemo)(()=>({schedule:p,flush:d,cancel:u}),[u,d,p])}({enabled:!!P.isLoggedIn,onSave:async()=>{const e=await z(!0);return e&&W(),e},onLocal:J}).schedule;(0,a.useEffect)(()=>{M.current&&$()},[e,B,$]),(0,a.useEffect)(()=>{const e=e=>{M.current&&(e.preventDefault(),e.returnValue="")};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[]),(0,a.useEffect)(()=>{const e=e=>{(e.metaKey||e.ctrlKey)&&"s"===e.key.toLowerCase()&&(e.preventDefault(),z(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[z]);const X=(0,a.useCallback)(()=>{try{const e=window.localStorage.getItem(k);if(e){const t=JSON.parse(e);"string"==typeof t.title&&(M.current=!0,n(e=>({...e,title:t.title}))),"string"==typeof t.content&&(M.current=!0,m((0,r.parse)(t.content)))}}catch(e){}L(null)},[]),q=(0,o.useSelect)(e=>e("core/block-editor").getBlockCount(),[]),V=(0,a.useMemo)(()=>function(e){const t={label:(0,c.__)("文字","jio"),items:[{name:"core/paragraph",title:(0,c.__)("正文","jio"),icon:"fa fas fa-align-left"},{name:"core/heading",title:(0,c.__)("标题","jio"),icon:"fa fas fa-heading",attributes:{level:2}},{name:"core/list",title:(0,c.__)("列表","jio"),icon:"fa fas fa-list-ul"},{name:"core/quote",title:(0,c.__)("引用","jio"),icon:"fa fas fa-quote-left"}]},a={label:(0,c.__)("媒体","jio"),items:[]};e.canUploadImage&&a.items.push({name:"core/image",title:(0,c.__)("图片","jio"),icon:"fa far fa-image"}),e.canUploadVideo&&a.items.push({name:"core/video",title:(0,c.__)("视频","jio"),icon:"fa fas fa-video"}),e.canEmbed&&a.items.push({name:"core/embed",title:(0,c.__)("嵌入","jio"),icon:"fa fas fa-code"});const r={label:(0,c.__)("组件","jio"),items:[{name:"core/code",title:(0,c.__)("代码","jio"),icon:"fa fas fa-terminal"},{name:"core/separator",title:(0,c.__)("分隔线","jio"),icon:"fa fas fa-minus"},{name:"core/table",title:(0,c.__)("表格","jio"),icon:"fa fas fa-table"}]};return e.canPay&&r.items.push({name:"jio/paid-fragment",title:(0,c.__)("付费内容","jio"),icon:"fa fas fa-lock"}),[t,a,r]}(P),[P]),Z=(0,a.useCallback)(e=>{g(!1),M.current=!0,m(t=>{const a=[...t];return 1!==a.length||"core/paragraph"!==a[0].name||a[0].attributes?.content?[...a,(0,r.createBlock)(e.name,e.attributes||{})]:[(0,r.createBlock)(e.name,e.attributes||{})]})},[]);return(0,t.createElement)("div",{className:"jio-creator","data-status":v.status||"","data-blocks":q}," ",(0,t.createElement)("header",{className:"jio-creator__bar"},(0,t.createElement)("a",{className:"jio-creator__back",href:v.urls?.center||"/"},(0,t.createElement)("i",{className:"fa fas fa-angle-left","aria-hidden":"true"}),(0,t.createElement)("span",null,(0,c.__)("返回","jio"))),(0,t.createElement)("div",{className:"jio-creator__brand"},"Jio Creator Studio"),(0,t.createElement)("div",{className:"jio-creator__actions"},(0,t.createElement)(h,{value:d}),(0,t.createElement)("button",{type:"button",className:"jio-creator__ghost",onClick:()=>{K()}},(0,c.__)("预览","jio")),(0,t.createElement)("button",{type:"button",className:"jio-creator__primary",onClick:()=>f(!0)},R?(0,c.__)("提交改稿","jio"):(0,c.__)("发布","jio")))),I&&(0,t.createElement)("div",{className:"jio-creator__notice",role:"status"},(0,t.createElement)("span",null,(0,c.__)("发现本地未同步的草稿。","jio")),(0,t.createElement)("button",{type:"button",onClick:X},(0,c.__)("恢复","jio")),(0,t.createElement)("button",{type:"button",onClick:()=>L(null)},(0,c.__)("忽略","jio"))),C&&(0,t.createElement)("div",{className:`jio-creator__notice is-${C.tone}`,role:"status"},(0,t.createElement)("span",null,C.text),(0,t.createElement)("button",{type:"button",onClick:()=>x(null),"aria-label":(0,c.__)("关闭","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))),R&&(0,t.createElement)("p",{className:"jio-creator__hint"},(0,c.__)("这篇改稿不会立即覆盖线上文章；审核通过后才会替换。","jio")),(0,t.createElement)("main",{className:"jio-creator__canvas"},(0,t.createElement)(E,{featured:e.featured,canEdit:!!P.canUploadImage,onOpen:()=>f(!0),onClear:()=>U({featured:{type:"",data:{}}})}),(0,t.createElement)("label",{className:"jio-creator__title"},(0,t.createElement)("span",{className:"screen-reader-text"},(0,c.__)("文章标题","jio")),(0,t.createElement)("textarea",{value:e.title,onChange:e=>U({title:e.target.value}),rows:1,placeholder:D.titlePlaceholder||(0,c.__)("请输入标题","jio"),maxLength:4*(Number(D.titleMax)||30)})),(0,t.createElement)("label",{className:"jio-creator__excerpt"},(0,t.createElement)("span",null,(0,c.__)("摘要（可选）","jio")),(0,t.createElement)("textarea",{value:e.excerpt,onChange:e=>U({excerpt:e.target.value}),rows:2,placeholder:(0,c.__)("一句话概括这篇文章","jio")})),(0,t.createElement)("div",{className:"jio-creator__editor"},(0,t.createElement)(i.BlockEditorProvider,{value:s,onInput:A,onChange:A,settings:{hasFixedToolbar:!1,supportsLayout:!1,mediaUpload:window.jioCreatorMediaUpload}},(0,t.createElement)(i.BlockTools,null,(0,t.createElement)(i.BlockList,null))),(0,t.createElement)("button",{type:"button",className:"jio-creator__insert",onClick:()=>g(!0),"aria-haspopup":"dialog","aria-expanded":b},(0,t.createElement)("i",{className:"fa fas fa-plus","aria-hidden":"true"}),(0,t.createElement)("span",null,(0,c.__)("添加内容","jio")))),(0,t.createElement)("footer",{className:"jio-creator__footer"},(0,t.createElement)("span",null,(0,c.__)("字数","jio"),"：",O),(0,t.createElement)("span",null,(0,c.__)("约","jio")," ",Math.max(1,Math.round(O/400))," ",(0,c.__)("分钟阅读","jio")))),b&&(0,t.createElement)(j,{groups:V,onInsert:Z,onClose:()=>g(!1)}),_&&(0,t.createElement)(y,{draft:e,setDraft:U,capabilities:P,limits:D,taxonomy:{categories:v.categories&&v.categories.items||[],tags:!!v.tags?.enabled,customDefs:v.customDefs||[]},isPublishedEdit:R,onClose:()=>f(!1),onSaveDraft:()=>{z(!1)},onSubmit:e=>{T(e)},privateStorage:!!v.privateStorage,privateUploads:v.privateUploads||[],captcha:!!v.captcha?.enabled,saving:"saving"===d.state||"submitting"===d.state}))}function x(){const e=document.getElementById("jio-creator-studio");e&&(function(e){if(!e||"function"!=typeof _().use)return;if(window.__jioApiFetchNonceInstalled)return;window.__jioApiFetchNonceInstalled=!0;const t=_().createNonceMiddleware;"function"!=typeof t?_().use((t,a)=>(t.headers={...t.headers||{},"X-WP-Nonce":e},a(t))):_().use(t(e))}(N),function(e,t){const a=e?.blocks?.mediaUploadUrl;if(!a)return;const r=Number(e?.media?.maxBytes||0),n=!1!==e?.capabilities?.canUploadImage;window.jioCreatorMediaUpload=e=>{const{file:o,onError:i,onSuccess:l}=e||{};if(!o||"object"==typeof o&&!(o instanceof File))return void i?.("无效的文件");if(!n)return void i?.("当前账号不能上传图片");if(r>0&&o.size>r)return void i?.("图片大小超过限制");const c=new FormData;c.append("file",o),fetch(a,{method:"POST",credentials:"same-origin",headers:{"X-WP-Nonce":t},body:c}).then(e=>e.json().then(t=>{if(!e.ok)throw new Error(t&&t.message||"上传失败");return t})).then(e=>{l?.({id:Number(e.attachment_id||e.id||0),url:String(e.url||""),alt:"",caption:"",title:String(e.title||e.name||""),width:Number(e.width||0),height:Number(e.height||0),sizes:e.sizes||{},mime:String(e.mime||"")})}).catch(e=>{i?.(e?.message||"上传失败")})}}(v,N),e.classList.add("is-ready"),(0,a.createRoot)(e).render((0,t.createElement)(C,null)))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",x):x()})(); \ No newline at end of file +(()=>{"use strict";const e={n:t=>{const a=t&&t.__esModule?()=>t.default:()=>t;return e.d(a,{a}),a},d:(t,a)=>{for(var r in a)e.o(a,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:a[r]})},o:(e,t)=>Object.hasOwn(e,t)},t=window.React,a=window.wp.element,r=window.wp.blocks,n=window.wp.blockLibrary,o=window.wp.data,i=window.wp.blockEditor,l=window.wp.wordcount,c=window.wp.i18n;function s(e,t){const a=e&&(e.message||e.error)||(401===t?"登录状态已失效，请刷新页面重新登录。":"请求失败，请稍后重试。"),r=new Error(String(a));return r.status=t,r.code=e&&e.code?String(e.code):"",r.data=e,r}async function m(e){try{return await e.json()}catch(e){return null}}async function u(e,t,a){const r=await fetch(e,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json","X-WP-Nonce":a},body:JSON.stringify(t)}),n=await m(r);if(!r.ok)throw s(n,r.status);return n}async function d(e,t,a,r={}){const n=new FormData;n.append("file",t),Object.entries(r).forEach(([e,t])=>n.append(e,t));const o=await fetch(e,{method:"POST",credentials:"same-origin",headers:{"X-WP-Nonce":a},body:n}),i=await m(o);if(!o.ok)throw s(i,o.status);return i}const p=window.wp.apiFetch;var _=e.n(p);const f=window.wp.hooks,b=window.wp.compose,y=window.wp.components,E=[{key:"half",label:(0,c.__)("半屏","jio"),className:"jio-img-w--half"},{key:"medium",label:(0,c.__)("中等","jio"),className:"jio-img-w--medium"},{key:"wide",label:(0,c.__)("通栏","jio"),className:"jio-img-w--wide"},{key:"full",label:(0,c.__)("全宽","jio"),className:"jio-img-w--full"}];function j(e){return a=>{if("core/image"!==a.name)return(0,t.createElement)(e,{...a});const r=String(a.attributes?.className||""),n=function(e){const t=E.find(t=>(e||"").split(/\s+/).includes(t.className));return t?t.key:"wide"}(r);return(0,t.createElement)(t.Fragment,null,(0,t.createElement)(e,{...a}),(0,t.createElement)(i.BlockControls,{group:"inline"},(0,t.createElement)(y.ToolbarGroup,{controls:E.map(e=>({title:e.label,children:e.label,isActive:n===e.key,onClick:()=>(e=>{const t=r.split(/\s+/).filter(e=>e&&!E.some(t=>t.className===e));a.setAttributes({className:[...t,e.className].join(" ")})})(e)}))})))}}const g=window.jioCreatorStudio||{},h=g.nonce||"";function w(e){const{draft:r,setDraft:n,capabilities:o,limits:i,taxonomy:l,isPublishedEdit:s,onClose:m,onSaveDraft:u,onSubmit:p,privateStorage:_,privateUploads:f,saving:b,captcha:y}=e,[E,j]=(0,a.useState)(""),[w,v]=(0,a.useState)(""),[N,k]=(0,a.useState)(!1),S=(0,a.useRef)(null),C=(0,a.useRef)(null),I=(0,a.useRef)(null);(0,a.useEffect)(()=>{const e=I.current,t=document.getElementById("jio-creator-captcha");if(!e||!t)return;const a=t.parentElement;return e.appendChild(t),t.removeAttribute("hidden"),()=>{a&&(a.appendChild(t),t.setAttribute("hidden",""))}},[]);const x=(0,a.useMemo)(()=>(r.title||"").trim().length,[r.title])>=Number(i.titleMin||1),L=()=>{const e=E.trim();if(!e)return;const t=e.split(/[,，\n]+/u).map(e=>e.trim()).filter(Boolean);n({tags:Array.from(new Set([...r.tags,...t]))}),j("")};return(0,t.createElement)("div",{className:"jio-creator-drawer",role:"dialog","aria-modal":"true","aria-labelledby":"jio-creator-publish-title"},(0,t.createElement)("button",{type:"button",className:"jio-creator-drawer__backdrop","aria-label":(0,c.__)("关闭","jio"),onClick:m}),(0,t.createElement)("div",{className:"jio-creator-drawer__panel"},(0,t.createElement)("header",{className:"jio-creator-drawer__head"},(0,t.createElement)("h2",{id:"jio-creator-publish-title"},s?(0,c.__)("提交改稿","jio"):(0,c.__)("发布文章","jio")),(0,t.createElement)("button",{type:"button",className:"jio-creator-drawer__close",onClick:m,"aria-label":(0,c.__)("关闭","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))),(0,t.createElement)("div",{className:"jio-creator-drawer__body"},s&&(0,t.createElement)("p",{className:"jio-creator-drawer__note"},(0,c.__)("审核通过前，读者看到的仍然是当前线上版本。","jio")),(0,t.createElement)("section",{className:"jio-creator-field"},(0,t.createElement)("h3",null,(0,c.__)("封面","jio")),r.featured?.data?.url?(0,t.createElement)("div",{className:"jio-creator-cover"},(0,t.createElement)("img",{src:String(r.featured.data.url),alt:""}),(0,t.createElement)("button",{type:"button",onClick:()=>n({featured:{type:"",data:{}}}),"aria-label":(0,c.__)("移除封面","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))):o.canUploadImage?(0,t.createElement)("label",{className:"jio-creator-cover-empty"},(0,t.createElement)("input",{ref:S,type:"file",accept:"image/*",onChange:()=>{(async()=>{const e=S.current?.files?.[0];if(e&&g.media?.uploadUrl?.image){v(""),k(!0);try{const t=await d(g.media.uploadUrl.image,e,h),a=Number(t.attachment_id||t.id||0),r=String(t.url||"");if(!a||!r)throw new Error((0,c.__)("上传后无法读取图片。","jio"));n({featured:{type:"image",mediaId:a,data:{id:a,url:r}}})}catch(e){v(String(e?.message||(0,c.__)("上传失败","jio")))}finally{k(!1)}}})()},disabled:N}),(0,t.createElement)("i",{className:"fa fas fa-plus","aria-hidden":"true"}),(0,t.createElement)("span",null,N?(0,c.__)("上传中…","jio"):(0,c.__)("上传封面","jio"))):(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("当前账号不能设置封面。","jio"))),(0,t.createElement)("section",{className:"jio-creator-field"},(0,t.createElement)("h3",null,(0,c.__)("分类","jio")),(0,t.createElement)("div",{className:"jio-creator-chips"},0===l.categories.length&&(0,t.createElement)("span",{className:"jio-creator-muted"},(0,c.__)("暂无可选分类","jio")),l.categories.map(e=>(0,t.createElement)("label",{key:e.id,className:"jio-creator-chip"+(r.categories.includes(e.id)?" is-active":"")},(0,t.createElement)("input",{type:"checkbox",checked:r.categories.includes(e.id),onChange:()=>(e=>{const t=r.categories.includes(e);n({categories:t?r.categories.filter(t=>t!==e):[...r.categories,e]})})(e.id)}),(0,t.createElement)("span",null,e.name))))),l.tags&&(0,t.createElement)("section",{className:"jio-creator-field"},(0,t.createElement)("h3",null,(0,c.__)("标签","jio")),(0,t.createElement)("div",{className:"jio-creator-chips"},r.tags.map(e=>(0,t.createElement)("span",{key:e,className:"jio-creator-chip is-active"},(0,t.createElement)("span",null,e),(0,t.createElement)("button",{type:"button",onClick:()=>n({tags:r.tags.filter(t=>t!==e)}),"aria-label":(0,c.sprintf)((0,c.__)("移除标签 %s","jio"),e)},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))))),(0,t.createElement)("div",{className:"jio-creator-inline"},(0,t.createElement)("input",{type:"text",value:E,placeholder:(0,c.__)("输入标签，逗号分隔","jio"),onChange:e=>j(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),L())}}),(0,t.createElement)("button",{type:"button",onClick:L},(0,c.__)("添加","jio")))),l.customDefs.map(e=>(0,t.createElement)("section",{className:"jio-creator-field",key:e.key},(0,t.createElement)("h3",null,e.name),(0,t.createElement)("div",{className:"jio-creator-chips"},e.values.map(a=>{const o=r.custom[e.key]||[],i=o.includes(a.key);return(0,t.createElement)("label",{key:a.key,className:"jio-creator-chip"+(i?" is-active":"")},(0,t.createElement)("input",{type:"checkbox",checked:i,onChange:()=>n({custom:{...r.custom,[e.key]:i?o.filter(e=>e!==a.key):[...o,a.key]}})}),(0,t.createElement)("span",null,a.name))})))),o.canPay&&(0,t.createElement)("section",{className:"jio-creator-field"},(0,t.createElement)("div",{className:"jio-creator-switch"},(0,t.createElement)("div",null,(0,t.createElement)("h3",null,(0,c.__)("付费内容","jio")),(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("开启后，未购买读者只能看到免费部分。","jio"))),(0,t.createElement)("label",{className:"jio-creator-toggle"},(0,t.createElement)("input",{type:"checkbox",checked:r.pay.enabled,onChange:e=>n({pay:{...r.pay,enabled:e.target.checked}})}),(0,t.createElement)("span",{"aria-hidden":"true"}))),r.pay.enabled&&(0,t.createElement)("div",{className:"jio-creator-pay"},(0,t.createElement)("div",{className:"jio-creator-inline"},(0,t.createElement)("label",null,(0,t.createElement)("input",{type:"radio",checked:"cash"===r.pay.modo,onChange:()=>n({pay:{...r.pay,modo:"cash"}})}),(0,t.createElement)("span",null,(0,c.__)("现金","jio"))),(0,t.createElement)("label",null,(0,t.createElement)("input",{type:"radio",checked:"points"===r.pay.modo,onChange:()=>n({pay:{...r.pay,modo:"points"}})}),(0,t.createElement)("span",null,(0,c.__)("积分","jio")))),"cash"===r.pay.modo?(0,t.createElement)("label",{className:"jio-creator-input"},(0,t.createElement)("span",null,(0,c.__)("价格","jio")),(0,t.createElement)("input",{type:"number",min:Number(i.priceMin||0),step:"0.01",value:r.pay.price,onChange:e=>n({pay:{...r.pay,price:e.target.value}})})):(0,t.createElement)("label",{className:"jio-creator-input"},(0,t.createElement)("span",null,(0,c.__)("积分价格","jio")),(0,t.createElement)("input",{type:"number",min:0,step:"1",value:r.pay.points,onChange:e=>n({pay:{...r.pay,points:Number(e.target.value)||0}})})),o.canPayDownload&&(0,t.createElement)("div",{className:"jio-creator-attachments"},(0,t.createElement)("div",{className:"jio-creator-attachments__head"},(0,t.createElement)("h4",null,(0,c.__)("资料附件","jio")),_?(0,t.createElement)("label",{className:"jio-creator-upload"},(0,t.createElement)("input",{ref:C,type:"file",onChange:()=>{(async()=>{const e=C.current?.files?.[0];if(e){v(""),k(!0);try{const t=await d(g.creator.privateUrl,e,h,{post_id:String(r.postId||0)}),a={type:"protected",assetKey:String(t.asset_key||""),fileName:String(t.name||e.name),sizeBytes:Number(t.size||e.size),sizeLabel:String(t.size_label||""),label:""};n({pay:{...r.pay,enabled:!0,downloads:[...r.pay.downloads,a]}}),C.current&&(C.current.value="")}catch(e){v(String(e?.message||(0,c.__)("资料上传失败","jio")))}finally{k(!1)}}})()},disabled:N}),(0,t.createElement)("span",null,N?(0,c.__)("上传中…","jio"):(0,c.__)("添加 PDF / ZIP","jio"))):(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("私有附件存储尚未配置，暂时不能上传付费资料。","jio"))),w&&(0,t.createElement)("p",{className:"jio-creator-error"},w),r.pay.downloads.length>0&&(0,t.createElement)("ul",{className:"jio-creator-files"},r.pay.downloads.map((e,a)=>(0,t.createElement)("li",{key:`${e.assetKey||e.url}-${a}`},(0,t.createElement)("span",{className:"jio-creator-files__name"},e.assetKey?(0,t.createElement)(t.Fragment,null,(0,t.createElement)("i",{className:"fa fas fa-lock","aria-hidden":"true"}),e.fileName||e.label||(0,c.__)("受保护资料","jio")):(0,t.createElement)(t.Fragment,null,(0,t.createElement)("i",{className:"fa fas fa-link","aria-hidden":"true"}),e.label||e.url)),e.sizeLabel&&(0,t.createElement)("span",{className:"jio-creator-muted"},e.sizeLabel),(0,t.createElement)("button",{type:"button",onClick:()=>(e=>{n({pay:{...r.pay,downloads:r.pay.downloads.filter((t,a)=>a!==e)}})})(a),"aria-label":(0,c.__)("移除","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))))),f.length>0&&(0,t.createElement)("details",{className:"jio-creator-reuse"},(0,t.createElement)("summary",null,(0,c.__)("从已上传资料中选择","jio")),(0,t.createElement)("ul",null,f.filter(e=>!r.pay.downloads.some(t=>t.assetKey===e.assetKey)).map(e=>(0,t.createElement)("li",{key:e.assetKey},(0,t.createElement)("span",null,e.fileName),(0,t.createElement)("span",{className:"jio-creator-muted"},e.sizeLabel),(0,t.createElement)("button",{type:"button",onClick:()=>n({pay:{...r.pay,enabled:!0,downloads:[...r.pay.downloads,{...e,type:"protected"}]}})},(0,c.__)("使用","jio"))))))))),!o.canPay&&o.canSaveDraft&&(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("当前账号不能设置付费内容。","jio"))),(0,t.createElement)("footer",{className:"jio-creator-drawer__foot"},y&&(0,t.createElement)("div",{className:"jio-creator-drawer__captcha",ref:I}),(0,t.createElement)("div",{className:"jio-creator-drawer__actions"},(0,t.createElement)("button",{type:"button",className:"jio-creator-ghost",onClick:u,disabled:b},(0,c.__)("保存草稿","jio")),(0,t.createElement)("button",{type:"button",className:"jio-creator-primary",onClick:()=>p(!1),disabled:b||!x},s?(0,c.__)("提交审核","jio"):o.canPublishNow?(0,c.__)("发布","jio"):(0,c.__)("提交审核","jio")),o.canPublishNow&&(0,t.createElement)("button",{type:"button",className:"jio-creator-link",onClick:()=>p(!0),disabled:b||!x},(0,c.__)("立即发布","jio"))))))}function v({featured:e,canEdit:a,onOpen:r,onClear:n}){const o="string"==typeof e?.data?.url?e.data.url:"";return a?o?(0,t.createElement)("div",{className:"jio-creator__cover"},(0,t.createElement)("button",{type:"button",className:"jio-creator__cover-thumb",onClick:r},(0,t.createElement)("img",{src:o,alt:""}),(0,t.createElement)("span",{className:"jio-creator__cover-edit"},(0,t.createElement)("i",{className:"fa fas fa-pen","aria-hidden":"true"}),(0,c.__)("更换封面","jio"))),(0,t.createElement)("button",{type:"button",className:"jio-creator__cover-clear",onClick:n,"aria-label":(0,c.__)("移除封面","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))):(0,t.createElement)("button",{type:"button",className:"jio-creator__cover is-empty",onClick:r},(0,t.createElement)("i",{className:"fa far fa-image","aria-hidden":"true"}),(0,t.createElement)("span",null,(0,c.__)("添加封面","jio"))):null}function N({author:e}){const a="string"==typeof e?.name?e.name.trim():"";if(""===a)return null;const r="string"==typeof e?.avatar?e.avatar:"",n="string"==typeof e?.meta?e.meta:"";return(0,t.createElement)("div",{className:"jio-creator__author"},""!==r?(0,t.createElement)("img",{className:"jio-creator__author-avatar",src:r,alt:"",width:24,height:24}):(0,t.createElement)("span",{className:"jio-creator__author-avatar is-placeholder","aria-hidden":"true"},a.slice(0,1)),(0,t.createElement)("span",{className:"jio-creator__author-name"},a),""!==n&&(0,t.createElement)("span",{className:"jio-creator__author-meta"},n),(0,t.createElement)("span",{className:"jio-creator__author-hint"},(0,c.__)("原创内容","jio")))}function k({groups:e,onInsert:r,onClose:n}){const o=(0,a.useRef)(null),i=(0,a.useRef)(null),l=(0,a.useMemo)(()=>e.flatMap(e=>e.items),[e]);return(0,a.useEffect)(()=>{i.current?.focus();const e=e=>{if("Escape"===e.key)return e.preventDefault(),void n();if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp"].includes(e.key))return;const t=Array.from(o.current?.querySelectorAll(".jio-insert-item")||[]),a=t.indexOf(document.activeElement);if(-1===a)return;e.preventDefault();const r=window.innerWidth<=767?4:6,i="ArrowRight"===e.key?1:"ArrowLeft"===e.key?-1:"ArrowDown"===e.key?r:-r,l=Math.min(t.length-1,Math.max(0,a+i));t[l]?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[n]),(0,t.createElement)("div",{className:"jio-insert",role:"dialog","aria-modal":"true","aria-label":(0,c.__)("添加内容","jio")},(0,t.createElement)("button",{type:"button",className:"jio-insert__backdrop","aria-label":(0,c.__)("关闭","jio"),onClick:n}),(0,t.createElement)("div",{className:"jio-insert__panel",ref:o},(0,t.createElement)("header",{className:"jio-insert__head"},(0,t.createElement)("h2",null,(0,c.__)("添加内容","jio")),(0,t.createElement)("button",{type:"button",className:"jio-insert__close",onClick:n,ref:i,"aria-label":(0,c.__)("关闭","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))),(0,t.createElement)("div",{className:"jio-insert__body"},e.map(e=>0===e.items.length?null:(0,t.createElement)("section",{className:"jio-insert__group",key:e.label},(0,t.createElement)("h3",null,e.label),(0,t.createElement)("div",{className:"jio-insert__grid"},e.items.map(e=>(0,t.createElement)("button",{key:e.name,type:"button",className:"jio-insert-item",onClick:()=>r(e)},(0,t.createElement)("span",{className:"jio-insert-item__icon","aria-hidden":"true"},(0,t.createElement)("i",{className:e.icon})),(0,t.createElement)("span",{className:"jio-insert-item__label"},e.title)))))),0===l.length&&(0,t.createElement)("p",{className:"jio-creator-muted"},(0,c.__)("当前账号没有可插入的内容类型。","jio")))))}const S={ready:(0,c.__)("尚未保存","jio"),saving:(0,c.__)("保存中…","jio"),saved:(0,c.__)("已保存","jio"),error:(0,c.__)("保存失败","jio"),conflict:(0,c.__)("内容已在别处更新","jio"),submitting:(0,c.__)("提交中…","jio"),submitted:(0,c.__)("已提交","jio")};function C({value:e}){return(0,t.createElement)("span",{className:`jio-creator__save is-${e.state}`,role:"status","aria-live":"polite"},(0,t.createElement)("i",{className:"fa fas fa-circle","aria-hidden":"true"}),(0,t.createElement)("span",null,S[e.state]||S.ready),"saved"===e.state&&e.at?(0,t.createElement)("time",null,e.at):null)}function I(e){const t=(e.downloads||[]).map(e=>{const t="string"==typeof e.assetKey?e.assetKey:"";if(t)return{type:"protected",asset_key:t,label:"string"==typeof e.label?e.label:""};const a="string"==typeof e.url?e.url.trim():"";return a?{type:"direct",url:a,label:"string"==typeof e.label?e.label:"",extract_code:"string"==typeof e.extractCode?e.extractCode:""}:null}).filter(Boolean);return{enabled:!!e.enabled,fields:{pay_type:e.enabled?t.length>0?"download":"reading":"no",pay_modo:"points"===e.modo?"points":"0",price:"points"===e.modo?"0.00":String(e.price||"0.00"),points_price:"points"===e.modo?Math.max(0,Number(e.points)||0):0,vip1_price:"points"===e.modo?"0.00":String(e.vip1Price||"0.00"),vip2_price:"points"===e.modo?"0.00":String(e.vip2Price||"0.00"),pay_limit:Number(e.payLimit)||0,downloads:t}}}window.__jioCoreBlocksRegistered||"function"!=typeof n.registerCoreBlocks||((0,n.registerCoreBlocks)(),window.__jioCoreBlocksRegistered=!0);const x=window.jioCreatorStudio||{},L=x.nonce||"",M=`jio-studio-${x.sourceId||0}`;function P(){const e=x.pay||{},t=x.categories&&x.categories.selected||[],a=x.tags&&x.tags.items||[];return{postId:Number(x.sourceId||0),versionId:Number(x.versionId||0),rev:Number(x.versionRev||0),title:String(x.title||""),excerpt:String(x.excerpt||""),content:String(x.content||""),categories:t.map(Number),tags:a.slice(),custom:x.custom||{},featured:x.featured||{type:"",data:{}},pay:{enabled:!!e.enabled,modo:"points"===e.payModo?"points":"cash",price:String(e.price||"0.00"),points:Number(e.points||0),vip1Price:String(e.vip1Price||"0.00"),vip2Price:String(e.vip2Price||"0.00"),payLimit:Number(e.payLimit||0),downloads:Array.isArray(e.downloads)?e.downloads:[]}}}function D(){const[e,n]=(0,a.useState)(P),[s,m]=(0,a.useState)(()=>(0,r.parse)(e.content||"")),[d,p]=(0,a.useState)({state:"ready",at:""}),[_,f]=(0,a.useState)(!1),[b,y]=(0,a.useState)(!1),[E,j]=(0,a.useState)(null),[g,h]=(0,a.useState)(null),S=(0,a.useRef)(!1),D=x.capabilities||{},R={titleMin:Number(x.limits?.titleMin||1),titleMax:Number(x.limits?.titleMax||30),titlePlaceholder:String(x.limits?.titlePlaceholder||(0,c.__)("请输入标题","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)},U=!!x.isPublished,A=(0,a.useCallback)(e=>{S.current=!0,n(t=>({...t,...e}))},[]),B=(0,a.useCallback)(e=>{S.current=!0,m(e)},[]),O=(0,a.useMemo)(()=>(0,r.serialize)(s),[s]),F=(0,a.useMemo)(()=>{const e=O.replace(/<[^>]*>/g," ");return(0,l.count)(e,"characters_excluding_spaces",{})},[O]),T=(0,a.useCallback)((t={})=>({post_id:e.postId,version_id:e.versionId,rev:e.rev,title:e.title,excerpt:e.excerpt,content:O,categories:e.categories,tags:e.tags,custom:e.custom,featured:e.featured,pay:I(e.pay),...t}),[e,O]),z=(0,a.useCallback)(async(t=!1)=>{if(!S.current&&(e.postId>0||e.versionId>0))return!0;const a=""!==e.title.trim()||""!==O.replace(/<[^>]*>/g,"").trim();if(t&&!a)return!0;p({state:"saving",at:""});try{const a=await u(x.creator.saveUrl,T({autosave:t}),L),r=Number(a.post_id||e.postId||0),o=Number(a.version_id||e.versionId||0),i=Number(a.rev||a.versionRev||e.rev||0);return S.current=!1,n(e=>({...e,postId:r,versionId:o,rev:i})),p({state:"saved",at:(new Date).toLocaleTimeString()}),!0}catch(e){return p({state:409===e?.status?"conflict":"error",at:""}),!1}},[T,e.postId,e.versionId,e.rev]),K=(0,a.useCallback)(async e=>{if(await z(!1)){p({state:"submitting",at:""});try{let t="";const a=window.JioCaptcha;if(x.captcha?.enabled&&a&&"function"==typeof a.run){const e=await a.run("front_submit");if(null===e)return p({state:"ready",at:""}),void j({tone:"error",text:(0,c.__)("请先完成人机验证","jio")});t=String(e?.jio_captcha_proof||"")}const r=await u(x.creator.submitUrl,T({publish_now:e,captcha_proof:t}),L);S.current=!1,p({state:"submitted",at:""}),j({tone:"ok",text:String(r.message||(0,c.__)("已提交","jio"))}),f(!1);const n=r.url||r.goto||x.urls?.center;n&&window.setTimeout(()=>{window.location.href=n},900)}catch(e){p({state:"error",at:""}),j({tone:"error",text:String(e?.message||(0,c.__)("提交失败","jio"))})}}else j({tone:"error",text:(0,c.__)("内容保存失败，请重试后再提交","jio")})},[T,z]),W=(0,a.useCallback)(async()=>{if(await z(!1))try{const t=await u(x.creator.previewUrl,{post_id:e.postId,version_id:e.versionId},L);t.url&&window.open(String(t.url),"_blank","noopener")}catch(e){j({tone:"error",text:String(e?.message||(0,c.__)("预览失败","jio"))})}},[e.postId,e.versionId,z]),{markLocalSaved:J,clear:$}=function({key:e,snapshot:t,onFound:r}){const n=(0,a.useRef)(t);n.current=t;const o=(0,a.useRef)(!1);return(0,a.useEffect)(()=>{if(!o.current){o.current=!0;try{const a=window.localStorage.getItem(e);if(!a)return;const n=JSON.parse(a),o="string"==typeof n.at?Date.parse(n.at):NaN;if(!Number.isFinite(o)||Date.now()-o>6048e5)return void window.localStorage.removeItem(e);"string"==typeof n.content&&n.content!==t.content&&r(String(n.at))}catch(t){window.localStorage.removeItem(e)}}},[e,r,t.content]),{markLocalSaved:(0,a.useCallback)(()=>{try{window.localStorage.setItem(e,JSON.stringify(n.current))}catch(e){}},[e]),clear:(0,a.useCallback)(()=>{try{window.localStorage.removeItem(e)}catch(e){}},[e])}}({key:M,snapshot:{title:e.title,content:O,at:(new Date).toISOString()},onFound:e=>h({savedAt:e})}),X=function({enabled:e,onSave:t,onLocal:r,remoteDelay:n=4e3,localDelay:o=1500}){const i=(0,a.useRef)(null),l=(0,a.useRef)(null),c=(0,a.useRef)(!1),s=(0,a.useRef)(t),m=(0,a.useRef)(r);s.current=t,m.current=r;const u=(0,a.useCallback)(()=>{i.current&&(window.clearTimeout(i.current),i.current=null),l.current&&(window.clearTimeout(l.current),l.current=null)},[]),d=(0,a.useCallback)(async()=>{if(!c.current){c.current=!0;try{await s.current()}finally{c.current=!1}}},[]),p=(0,a.useCallback)(()=>{u(),m.current(),e&&(l.current=window.setTimeout(()=>m.current(),o),i.current=window.setTimeout(()=>{d()},n))},[u,e,d,o,n]);return(0,a.useEffect)(()=>{if(!e)return;const t=()=>{"hidden"===document.visibilityState&&d()},a=()=>{d()};return document.addEventListener("visibilitychange",t),window.addEventListener("blur",a),()=>{document.removeEventListener("visibilitychange",t),window.removeEventListener("blur",a),u()}},[u,e,d]),(0,a.useMemo)(()=>({schedule:p,flush:d,cancel:u}),[u,d,p])}({enabled:!!D.isLoggedIn,onSave:async()=>{const e=await z(!0);return e&&$(),e},onLocal:J}).schedule;(0,a.useEffect)(()=>{S.current&&X()},[e,O,X]),(0,a.useEffect)(()=>{const e=e=>{S.current&&(e.preventDefault(),e.returnValue="")};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[]),(0,a.useEffect)(()=>{const e=e=>{(e.metaKey||e.ctrlKey)&&"s"===e.key.toLowerCase()&&(e.preventDefault(),z(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[z]);const q=(0,a.useCallback)(()=>{try{const e=window.localStorage.getItem(M);if(e){const t=JSON.parse(e);"string"==typeof t.title&&(S.current=!0,n(e=>({...e,title:t.title}))),"string"==typeof t.content&&(S.current=!0,m((0,r.parse)(t.content)))}}catch(e){}h(null)},[]),V=(0,o.useSelect)(e=>e("core/block-editor").getBlockCount(),[]),G=(0,a.useMemo)(()=>function(e){const t={label:(0,c.__)("文字","jio"),items:[{name:"core/paragraph",title:(0,c.__)("正文","jio"),icon:"fa fas fa-align-left"},{name:"core/heading",title:(0,c.__)("标题","jio"),icon:"fa fas fa-heading",attributes:{level:2}},{name:"core/list",title:(0,c.__)("列表","jio"),icon:"fa fas fa-list-ul"},{name:"core/quote",title:(0,c.__)("引用","jio"),icon:"fa fas fa-quote-left"}]},a={label:(0,c.__)("媒体","jio"),items:[]};e.canUploadImage&&a.items.push({name:"core/image",title:(0,c.__)("图片","jio"),icon:"fa far fa-image"}),e.canUploadVideo&&a.items.push({name:"core/video",title:(0,c.__)("视频","jio"),icon:"fa fas fa-video"}),e.canEmbed&&a.items.push({name:"core/embed",title:(0,c.__)("嵌入","jio"),icon:"fa fas fa-code"});const r={label:(0,c.__)("组件","jio"),items:[{name:"core/code",title:(0,c.__)("代码","jio"),icon:"fa fas fa-terminal"},{name:"core/separator",title:(0,c.__)("分隔线","jio"),icon:"fa fas fa-minus"},{name:"core/table",title:(0,c.__)("表格","jio"),icon:"fa fas fa-table"}]};return e.canPay&&r.items.push({name:"jio/paid-fragment",title:(0,c.__)("付费内容","jio"),icon:"fa fas fa-lock"}),[t,a,r]}(D),[D]),H=(0,a.useCallback)(e=>{y(!1),S.current=!0,m(t=>{const a=[...t];return 1!==a.length||"core/paragraph"!==a[0].name||a[0].attributes?.content?[...a,(0,r.createBlock)(e.name,e.attributes||{})]:[(0,r.createBlock)(e.name,e.attributes||{})]})},[]);return(0,t.createElement)("div",{className:"jio-creator","data-status":x.status||"","data-blocks":V}," ",(0,t.createElement)("header",{className:"jio-creator__bar"},(0,t.createElement)("a",{className:"jio-creator__back",href:x.urls?.center||"/"},(0,t.createElement)("i",{className:"fa fas fa-angle-left","aria-hidden":"true"}),(0,t.createElement)("span",null,(0,c.__)("返回","jio"))),(0,t.createElement)("div",{className:"jio-creator__brand"},"Jio Creator Studio"),(0,t.createElement)("div",{className:"jio-creator__actions"},(0,t.createElement)(C,{value:d}),(0,t.createElement)("button",{type:"button",className:"jio-creator__ghost",onClick:()=>{W()}},(0,c.__)("预览","jio")),(0,t.createElement)("button",{type:"button",className:"jio-creator__primary",onClick:()=>f(!0)},U?(0,c.__)("提交改稿","jio"):(0,c.__)("发布","jio")))),g&&(0,t.createElement)("div",{className:"jio-creator__notice",role:"status"},(0,t.createElement)("span",null,(0,c.__)("发现本地未同步的草稿。","jio")),(0,t.createElement)("button",{type:"button",onClick:q},(0,c.__)("恢复","jio")),(0,t.createElement)("button",{type:"button",onClick:()=>h(null)},(0,c.__)("忽略","jio"))),E&&(0,t.createElement)("div",{className:`jio-creator__notice is-${E.tone}`,role:"status"},(0,t.createElement)("span",null,E.text),(0,t.createElement)("button",{type:"button",onClick:()=>j(null),"aria-label":(0,c.__)("关闭","jio")},(0,t.createElement)("i",{className:"fa fas fa-times","aria-hidden":"true"}))),U&&(0,t.createElement)("p",{className:"jio-creator__hint"},(0,c.__)("这篇改稿不会立即覆盖线上文章；审核通过后才会替换。","jio")),(0,t.createElement)("main",{className:"jio-creator__canvas"},(0,t.createElement)(v,{featured:e.featured,canEdit:!!D.canUploadImage,onOpen:()=>f(!0),onClear:()=>A({featured:{type:"",data:{}}})}),(0,t.createElement)("label",{className:"jio-creator__title"},(0,t.createElement)("span",{className:"screen-reader-text"},(0,c.__)("文章标题","jio")),(0,t.createElement)("textarea",{value:e.title,onChange:e=>A({title:e.target.value}),rows:1,placeholder:R.titlePlaceholder||(0,c.__)("请输入标题","jio"),maxLength:4*(Number(R.titleMax)||30)})),(0,t.createElement)("label",{className:"jio-creator__excerpt"},(0,t.createElement)("span",null,(0,c.__)("摘要（可选）","jio")),(0,t.createElement)("textarea",{value:e.excerpt,onChange:e=>A({excerpt:e.target.value}),rows:2,placeholder:(0,c.__)("一句话概括这篇文章","jio")})),(0,t.createElement)(N,{author:x.author||{}}),(0,t.createElement)("div",{className:"jio-creator__editor"},(0,t.createElement)(i.BlockEditorProvider,{value:s,onInput:B,onChange:B,settings:{hasFixedToolbar:!1,supportsLayout:!1,mediaUpload:window.jioCreatorMediaUpload}},(0,t.createElement)(i.BlockTools,null,(0,t.createElement)(i.BlockList,null))),(0,t.createElement)("button",{type:"button",className:"jio-creator__insert",onClick:()=>y(!0),"aria-haspopup":"dialog","aria-expanded":b},(0,t.createElement)("i",{className:"fa fas fa-plus","aria-hidden":"true"}),(0,t.createElement)("span",null,(0,c.__)("添加内容","jio")))),(0,t.createElement)("footer",{className:"jio-creator__footer"},(0,t.createElement)("span",null,(0,c.__)("字数","jio"),"：",F),(0,t.createElement)("span",null,(0,c.__)("约","jio")," ",Math.max(1,Math.round(F/400))," ",(0,c.__)("分钟阅读","jio")))),b&&(0,t.createElement)(k,{groups:G,onInsert:H,onClose:()=>y(!1)}),_&&(0,t.createElement)(w,{draft:e,setDraft:A,capabilities:D,limits:R,taxonomy:{categories:x.categories&&x.categories.items||[],tags:!!x.tags?.enabled,customDefs:x.customDefs||[]},isPublishedEdit:U,onClose:()=>f(!1),onSaveDraft:()=>{z(!1)},onSubmit:e=>{K(e)},privateStorage:!!x.privateStorage,privateUploads:x.privateUploads||[],captcha:!!x.captcha?.enabled,saving:"saving"===d.state||"submitting"===d.state}))}function R(){const e=document.getElementById("jio-creator-studio");e&&(function(e){if(!e||"function"!=typeof _().use)return;if(window.__jioApiFetchNonceInstalled)return;window.__jioApiFetchNonceInstalled=!0;const t=_().createNonceMiddleware;"function"!=typeof t?_().use((t,a)=>(t.headers={...t.headers||{},"X-WP-Nonce":e},a(t))):_().use(t(e))}(L),function(e,t){const a=e?.blocks?.mediaUploadUrl;if(!a)return;const r=Number(e?.media?.maxBytes||0),n=!1!==e?.capabilities?.canUploadImage;window.jioCreatorMediaUpload=e=>{const{file:o,onError:i,onSuccess:l}=e||{};if(!o||"object"==typeof o&&!(o instanceof File))return void i?.("无效的文件");if(!n)return void i?.("当前账号不能上传图片");if(r>0&&o.size>r)return void i?.("图片大小超过限制");const c=new FormData;c.append("file",o),fetch(a,{method:"POST",credentials:"same-origin",headers:{"X-WP-Nonce":t},body:c}).then(e=>e.json().then(t=>{if(!e.ok)throw new Error(t&&t.message||"上传失败");return t})).then(e=>{l?.({id:Number(e.attachment_id||e.id||0),url:String(e.url||""),alt:"",caption:"",title:String(e.title||e.name||""),width:Number(e.width||0),height:Number(e.height||0),sizes:e.sizes||{},mime:String(e.mime||"")})}).catch(e=>{i?.(e?.message||"上传失败")})}}(x,L),window.__jioImageWidthInstalled||(window.__jioImageWidthInstalled=!0,(0,f.addFilter)("editor.BlockEdit","jio/creator-studio/image-width",(0,b.createHigherOrderComponent)(j,"withJioImageWidth"))),e.classList.add("is-ready"),(0,a.createRoot)(e).render((0,t.createElement)(D,null)))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",R):R()})(); \ No newline at end of file diff --git a/assets/creator-studio/package-lock.json b/assets/creator-studio/package-lock.json index 5ef92cda..8f49b491 100644 --- a/assets/creator-studio/package-lock.json +++ b/assets/creator-studio/package-lock.json @@ -14,9 +14,11 @@ "@wordpress/block-editor": "11.8.0", "@wordpress/block-library": "^8.8.0", "@wordpress/blocks": "12.8.0", - "@wordpress/components": "23.8.0", + "@wordpress/components": "^23.8.0", + "@wordpress/compose": "^6.8.0", "@wordpress/data": "9.5.0", "@wordpress/element": "5.8.0", + "@wordpress/hooks": "^3.31.0", "@wordpress/i18n": "4.31.0", "@wordpress/scripts": "26.4.0", "@wordpress/wordcount": "3.31.0", @@ -4834,6 +4836,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/a11y/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/a11y/node_modules/@wordpress/i18n": { "version": "4.58.0", "resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-4.58.0.tgz", @@ -5069,6 +5084,34 @@ "dev": true, "license": "MIT" }, + "node_modules/@wordpress/block-editor/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/block-editor/node_modules/@wordpress/data": { "version": "9.28.0", "resolved": "https://registry.npmjs.org/@wordpress/data/-/data-9.28.0.tgz", @@ -5132,6 +5175,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/block-editor/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/block-editor/node_modules/@wordpress/i18n": { "version": "4.58.0", "resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-4.58.0.tgz", @@ -5427,6 +5483,34 @@ "react-dom": "^18.0.0" } }, + "node_modules/@wordpress/commands/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/commands/node_modules/@wordpress/data": { "version": "9.28.0", "resolved": "https://registry.npmjs.org/@wordpress/data/-/data-9.28.0.tgz", @@ -5477,6 +5561,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/commands/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/commands/node_modules/@wordpress/i18n": { "version": "4.58.0", "resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-4.58.0.tgz", @@ -5661,23 +5758,22 @@ "license": "0BSD" }, "node_modules/@wordpress/compose": { - "version": "6.35.0", - "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", - "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "version": "6.8.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.8.0.tgz", + "integrity": "sha512-E83cseBNGMhUMBT8IziDS0nn0zAJaJCxA0142NuSn88lLA+3Lihz9kV2djpyZz4kWGl9n2XLvoOtdHxpjJYC+A==", "dev": true, "license": "GPL-2.0-or-later", "dependencies": { "@babel/runtime": "^7.16.0", "@types/mousetrap": "^1.6.8", - "@wordpress/deprecated": "^3.58.0", - "@wordpress/dom": "^3.58.0", - "@wordpress/element": "^5.35.0", - "@wordpress/is-shallow-equal": "^4.58.0", - "@wordpress/keycodes": "^3.58.0", - "@wordpress/priority-queue": "^2.58.0", - "@wordpress/undo-manager": "^0.18.0", + "@wordpress/deprecated": "^3.31.0", + "@wordpress/dom": "^3.31.0", + "@wordpress/element": "^5.8.0", + "@wordpress/is-shallow-equal": "^4.31.0", + "@wordpress/keycodes": "^3.31.0", + "@wordpress/priority-queue": "^2.31.0", "change-case": "^4.1.2", - "clipboard": "^2.0.11", + "clipboard": "^2.0.8", "mousetrap": "^1.6.5", "use-memo-one": "^1.1.1" }, @@ -5688,26 +5784,6 @@ "react": "^18.0.0" } }, - "node_modules/@wordpress/compose/node_modules/@wordpress/element": { - "version": "5.35.0", - "resolved": "https://registry.npmjs.org/@wordpress/element/-/element-5.35.0.tgz", - "integrity": "sha512-puswpGcIdS+0A2g28uHriMkZqqRCmzFczue5Tk99VNtzBdehyk7Ae+DZ4xw5yT6GqYai8NTqv6MRwCB78uh5Mw==", - "dev": true, - "license": "GPL-2.0-or-later", - "dependencies": { - "@babel/runtime": "^7.16.0", - "@types/react": "^18.2.79", - "@types/react-dom": "^18.2.25", - "@wordpress/escape-html": "^2.58.0", - "change-case": "^4.1.2", - "is-plain-object": "^5.0.0", - "react": "^18.3.0", - "react-dom": "^18.3.0" - }, - "engines": { - "node": ">=12" - } - }, "node_modules/@wordpress/core-data": { "version": "6.35.0", "resolved": "https://registry.npmjs.org/@wordpress/core-data/-/core-data-6.35.0.tgz", @@ -5941,6 +6017,34 @@ "react-dom": "^18.0.0" } }, + "node_modules/@wordpress/core-data/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/core-data/node_modules/@wordpress/data": { "version": "9.28.0", "resolved": "https://registry.npmjs.org/@wordpress/data/-/data-9.28.0.tgz", @@ -5991,6 +6095,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/core-data/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/core-data/node_modules/@wordpress/i18n": { "version": "4.58.0", "resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-4.58.0.tgz", @@ -6141,6 +6258,34 @@ "react": "^18.0.0" } }, + "node_modules/@wordpress/data/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/data/node_modules/@wordpress/element": { "version": "5.35.0", "resolved": "https://registry.npmjs.org/@wordpress/element/-/element-5.35.0.tgz", @@ -6221,6 +6366,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/deprecated/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/dom": { "version": "3.58.0", "resolved": "https://registry.npmjs.org/@wordpress/dom/-/dom-3.58.0.tgz", @@ -6325,9 +6483,9 @@ } }, "node_modules/@wordpress/hooks": { - "version": "3.58.0", - "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", - "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "version": "3.31.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.31.0.tgz", + "integrity": "sha512-dtXTk6miFaqAQmtjuO1Ox11sdkJNMl/Wv402VlPI8Z3QBUyEAH+FMGoHbAwpy3AGHJJb5pFYSRQBNAgZMGZLIw==", "dev": true, "license": "GPL-2.0-or-later", "dependencies": { @@ -6475,6 +6633,34 @@ "react": "^18.0.0" } }, + "node_modules/@wordpress/keyboard-shortcuts/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/keyboard-shortcuts/node_modules/@wordpress/data": { "version": "9.28.0", "resolved": "https://registry.npmjs.org/@wordpress/data/-/data-9.28.0.tgz", @@ -6552,6 +6738,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/keycodes/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/keycodes/node_modules/@wordpress/i18n": { "version": "4.58.0", "resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-4.58.0.tgz", @@ -6729,6 +6928,34 @@ "react-dom": "^18.0.0" } }, + "node_modules/@wordpress/preferences/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/preferences/node_modules/@wordpress/data": { "version": "9.28.0", "resolved": "https://registry.npmjs.org/@wordpress/data/-/data-9.28.0.tgz", @@ -6779,6 +7006,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/preferences/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/preferences/node_modules/@wordpress/i18n": { "version": "4.58.0", "resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-4.58.0.tgz", @@ -7164,6 +7404,34 @@ "react-dom": "^18.0.0" } }, + "node_modules/@wordpress/reusable-blocks/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/reusable-blocks/node_modules/@wordpress/data": { "version": "9.28.0", "resolved": "https://registry.npmjs.org/@wordpress/data/-/data-9.28.0.tgz", @@ -7214,6 +7482,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/reusable-blocks/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/reusable-blocks/node_modules/@wordpress/i18n": { "version": "4.58.0", "resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-4.58.0.tgz", @@ -7359,6 +7640,34 @@ "react": "^18.0.0" } }, + "node_modules/@wordpress/rich-text/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/rich-text/node_modules/@wordpress/data": { "version": "9.28.0", "resolved": "https://registry.npmjs.org/@wordpress/data/-/data-9.28.0.tgz", @@ -7409,6 +7718,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/rich-text/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/rich-text/node_modules/@wordpress/i18n": { "version": "4.58.0", "resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-4.58.0.tgz", @@ -7837,6 +8159,34 @@ "react-dom": "^18.0.0" } }, + "node_modules/@wordpress/server-side-render/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/server-side-render/node_modules/@wordpress/data": { "version": "9.28.0", "resolved": "https://registry.npmjs.org/@wordpress/data/-/data-9.28.0.tgz", @@ -7887,6 +8237,19 @@ "node": ">=12" } }, + "node_modules/@wordpress/server-side-render/node_modules/@wordpress/hooks": { + "version": "3.58.0", + "resolved": "https://registry.npmjs.org/@wordpress/hooks/-/hooks-3.58.0.tgz", + "integrity": "sha512-9LB0ZHnZRQlORttux9t/xbAskF+dk2ujqzPGsVzc92mSKpQP3K2a5Wy74fUnInguB1vLUNHT6nrNdkVom5qX1Q==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@wordpress/server-side-render/node_modules/@wordpress/i18n": { "version": "4.58.0", "resolved": "https://registry.npmjs.org/@wordpress/i18n/-/i18n-4.58.0.tgz", @@ -8095,6 +8458,34 @@ "react": "^18.0.0" } }, + "node_modules/@wordpress/viewport/node_modules/@wordpress/compose": { + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-6.35.0.tgz", + "integrity": "sha512-PfruhCxxxJokDQHc2YBgerEiHV7BIxQk9g5vU4/f9X/0PBQWUTuxOzSFcAba03vnjfAgtPTSMp50T50hcJwXfA==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@babel/runtime": "^7.16.0", + "@types/mousetrap": "^1.6.8", + "@wordpress/deprecated": "^3.58.0", + "@wordpress/dom": "^3.58.0", + "@wordpress/element": "^5.35.0", + "@wordpress/is-shallow-equal": "^4.58.0", + "@wordpress/keycodes": "^3.58.0", + "@wordpress/priority-queue": "^2.58.0", + "@wordpress/undo-manager": "^0.18.0", + "change-case": "^4.1.2", + "clipboard": "^2.0.11", + "mousetrap": "^1.6.5", + "use-memo-one": "^1.1.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/viewport/node_modules/@wordpress/data": { "version": "9.28.0", "resolved": "https://registry.npmjs.org/@wordpress/data/-/data-9.28.0.tgz", diff --git a/assets/creator-studio/package.json b/assets/creator-studio/package.json index 768b29e1..e8e9b694 100644 --- a/assets/creator-studio/package.json +++ b/assets/creator-studio/package.json @@ -13,9 +13,11 @@ "@wordpress/block-editor": "11.8.0", "@wordpress/block-library": "^8.8.0", "@wordpress/blocks": "12.8.0", - "@wordpress/components": "23.8.0", + "@wordpress/components": "^23.8.0", + "@wordpress/compose": "^6.8.0", "@wordpress/data": "9.5.0", "@wordpress/element": "5.8.0", + "@wordpress/hooks": "^3.31.0", "@wordpress/i18n": "4.31.0", "@wordpress/scripts": "26.4.0", "@wordpress/wordcount": "3.31.0", diff --git a/assets/creator-studio/scripts/preview.cjs b/assets/creator-studio/scripts/preview.cjs index 0b176a9a..073142c3 100644 --- a/assets/creator-studio/scripts/preview.cjs +++ b/assets/creator-studio/scripts/preview.cjs @@ -67,6 +67,7 @@ const mockBootstrap = { isLoggedIn: true, }, limits: { titleMin: 5, titleMax: 30, titlePlaceholder: '请输入标题', contentPlaceholder: '开始写作…' }, + author: { name: '预览作者', avatar: '', meta: '' }, privateUploads: [], privateStorage: false, media: { maxBytes: 5242880, batch: 6 }, diff --git a/assets/creator-studio/src/components/author-row.tsx b/assets/creator-studio/src/components/author-row.tsx new file mode 100644 index 00000000..92fc2f43 --- /dev/null +++ b/assets/creator-studio/src/components/author-row.tsx @@ -0,0 +1,40 @@ +/** + * 作者行：标题下方的头像 + 昵称（公众号式）。 + * + * 数据来自服务端 bootstrap，前端只负责展示；没有作者信息时整行不渲染， + * 避免出现空头像占位。 + * + * @package Jio + */ + +import { __ } from '@wordpress/i18n'; + +type Author = { + name?: string; + avatar?: string; + meta?: string; +}; + +export function AuthorRow({ author }: { author: Author }) { + const name = typeof author?.name === 'string' ? author.name.trim() : ''; + if (name === '') { + return null; + } + const avatar = typeof author?.avatar === 'string' ? author.avatar : ''; + const meta = typeof author?.meta === 'string' ? author.meta : ''; + + return ( +
+ {avatar !== '' ? ( + + ) : ( + + )} + {name} + {meta !== '' && {meta}} + {__('原创内容', 'jio')} +
+ ); +} diff --git a/assets/creator-studio/src/extensions/image-width.tsx b/assets/creator-studio/src/extensions/image-width.tsx new file mode 100644 index 00000000..03ff528d --- /dev/null +++ b/assets/creator-studio/src/extensions/image-width.tsx @@ -0,0 +1,73 @@ +/** + * 图片宽度预设（公众号式四档）。 + * + * 通过 block filter 给 core/image 追加「半屏 / 中等 / 通栏 / 全宽」四档宽度， + * 选中图片时出现在区块工具条里。宽度存进图片区块的 className，序列化到 + * post_content 后由前台样式生效，不需要自定义区块或额外元数据。 + * + * @package Jio + */ + +import { addFilter } from '@wordpress/hooks'; +import { createHigherOrderComponent } from '@wordpress/compose'; +import { BlockControls } from '@wordpress/block-editor'; +import { ToolbarGroup } from '@wordpress/components'; +import { __ } from '@wordpress/i18n'; +const WIDTH_CLASSES = [ + { key: 'half', label: __('半屏', 'jio'), className: 'jio-img-w--half' }, + { key: 'medium', label: __('中等', 'jio'), className: 'jio-img-w--medium' }, + { key: 'wide', label: __('通栏', 'jio'), className: 'jio-img-w--wide' }, + { key: 'full', label: __('全宽', 'jio'), className: 'jio-img-w--full' }, +]; + +function currentPreset(className: string): string { + const found = WIDTH_CLASSES.find((w) => (className || '').split(/\s+/).includes(w.className)); + return found ? found.key : 'wide'; +} + +function withImageWidthControls(BlockEdit: any) { + return (props: any) => { + if (props.name !== 'core/image') { + return ; + } + + const className = String(props.attributes?.className || ''); + const active = currentPreset(className); + + const setPreset = (preset: (typeof WIDTH_CLASSES)[number]) => { + const rest = className + .split(/\s+/) + .filter((c) => c && !WIDTH_CLASSES.some((w) => w.className === c)); + props.setAttributes({ className: [...rest, preset.className].join(' ') }); + }; + + return ( + <> + + + ({ + title: preset.label, + // 用文字而不是图标，四档宽度靠标签更易分辨。 + children: preset.label, + isActive: active === preset.key, + onClick: () => setPreset(preset), + }))} + /> + + + ); + }; +} + +export function installImageWidthPresets(): void { + if ((window as any).__jioImageWidthInstalled) { + return; + } + (window as any).__jioImageWidthInstalled = true; + addFilter( + 'editor.BlockEdit', + 'jio/creator-studio/image-width', + createHigherOrderComponent(withImageWidthControls, 'withJioImageWidth') + ); +} diff --git a/assets/creator-studio/src/index.tsx b/assets/creator-studio/src/index.tsx index 830a2626..2a63552f 100644 --- a/assets/creator-studio/src/index.tsx +++ b/assets/creator-studio/src/index.tsx @@ -19,8 +19,10 @@ import { __ } from '@wordpress/i18n'; import { apiPost } from './services/api'; import { installApiFetchNonce } from './services/api-fetch'; import { installMediaUploadBridge } from './services/media'; +import { installImageWidthPresets } from './extensions/image-width'; import { PublishDrawer } from './panels/publish-drawer'; import { CoverStrip } from './components/cover-strip'; +import { AuthorRow } from './components/author-row'; import { InsertPanel, type InsertItem } from './panels/insert-panel'; import { buildInsertGroups } from './utils/insert-items'; import { SaveState, type SaveStateValue } from './components/save-state'; @@ -420,6 +422,8 @@ function Studio(): JSX.Element { /> + +
); } diff --git a/assets/creator-studio/src/styles/studio.scss b/assets/creator-studio/src/styles/studio.scss index 96dbef3b..3ce24794 100644 --- a/assets/creator-studio/src/styles/studio.scss +++ b/assets/creator-studio/src/styles/studio.scss @@ -456,6 +456,102 @@ $warn: #b4573f; } } +/* ---------- 图片宽度四档 ---------- */ + +.jio-creator__editor, +.jio-page-submit .entry-content { + .wp-block-image { + margin-left: auto; + margin-right: auto; + + img { + display: block; + width: 100%; + height: auto; + border-radius: 6px; + } + } + + /* 半屏：围绕正文左侧，右侧留给说明文字。 */ + .wp-block-image.jio-img-w--half { + width: 50%; + margin-left: 0; + margin-right: auto; + + @media (max-width: 767px) { + width: 100%; + margin-left: auto; + } + } + + .wp-block-image.jio-img-w--medium { + width: 72%; + } + + .wp-block-image.jio-img-w--wide { + width: 100%; + } + + /* 全宽：突破正文行宽，但受容器 padding 约束避免横向滚动。 */ + .wp-block-image.jio-img-w--full { + width: calc(100% + clamp(24px, 6vw, 64px)); + max-width: none; + margin-left: calc(clamp(24px, 6vw, 64px) / -2); + + @media (max-width: 767px) { + width: 100%; + margin-left: 0; + } + } +} + +/* ---------- 作者行 ---------- */ + +.jio-creator__author { + display: flex; + align-items: center; + gap: 8px; + margin: 2px 0 20px; + color: #8c9a94; + font-size: 12px; +} + +.jio-creator__author-avatar { + width: 24px; + height: 24px; + flex: 0 0 auto; + border-radius: 50%; + object-fit: cover; +} + +.jio-creator__author-avatar.is-placeholder { + display: inline-flex; + align-items: center; + justify-content: center; + background: #e3ece7; + color: #4a5f57; + font-size: 11px; + font-weight: 600; +} + +.jio-creator__author-name { + color: #4a5f57; + font-weight: 500; +} + +.jio-creator__author-meta { + padding: 1px 6px; + border-radius: 4px; + background: #eef5f2; + color: #3c7d6c; + font-size: 11px; +} + +.jio-creator__author-hint { + margin-left: auto; + color: #b0bcb7; +} + /* ---------- 常驻插入按钮 ---------- */ .jio-creator__insert { diff --git a/src/Core/CreatorRest.php b/src/Core/CreatorRest.php index 15380e7e..1a35c680 100644 --- a/src/Core/CreatorRest.php +++ b/src/Core/CreatorRest.php @@ -153,6 +153,8 @@ final class CreatorRest { 'titlePlaceholder' => (string) $settings['title_placeholder'], 'contentPlaceholder' => (string) $settings['content_placeholder'], ], + // 作者行数据由服务端给出，前端不自行拼装昵称/头像。 + 'author' => $this->author_payload($editable, $user_id), 'privateUploads' => $this->private_upload_rows($user_id, $post_id), 'privateStorage' => PrivateAssets::is_available(), 'media' => [ @@ -573,6 +575,37 @@ final class CreatorRest { ]; } + /** + * 作者行数据：昵称、头像与身份说明。 + * + * @return array{name:string,avatar:string,meta:string} + */ + private function author_payload(?\WP_Post $editable, int $user_id): array { + $author_id = $editable instanceof \WP_Post ? (int) $editable->post_author : $user_id; + $user = $author_id > 0 ? get_userdata($author_id) : null; + if (!$user) { + return ['name' => '', 'avatar' => '', 'meta' => '']; + } + + $avatar = function_exists('jio_get_avatar_url') ? (string) jio_get_avatar_url($author_id, ['size' => 64]) : ''; + if ($avatar === '' && function_exists('get_avatar_url')) { + $avatar = (string) get_avatar_url($author_id, ['size' => 64]); + } + + $meta = ''; + if ($author_id !== $user_id) { + $meta = __('原作者', 'jio'); + } elseif (function_exists('jio_get_user_vip_level') && (int) jio_get_user_vip_level($user_id) > 0) { + $meta = sprintf(__('VIP%s', 'jio'), (string) max(1, min(2, (int) jio_get_user_vip_level($user_id)))); + } + + return [ + 'name' => (string) $user->display_name, + 'avatar' => $avatar, + 'meta' => $meta, + ]; + } + /** * @param array $post_meta * @return array