cf 517 div2A

#include
using namespace std;
const int N=1e5+5;
int a[N];
int b[N];
int c[N];

int n;
int f;
int main()
{cin>>n;
for(int i=1;i<n;i++)
cin>>a[i];
for(int i=1;i<n;i++)
cin>>b[i];
for(int k=0;k<=3;k++)
{c[1]=k;
f=1;
for(int i=1;i<n;i++)
{c[i+1]=a[i]+b[i]-c[i];
if((c[i+1]&c[i])!=b[i]) {f=0;break;}
if((c[i+1]|c[i])!=a[i]) {f=0;break;}
}
if(f==1)
{cout<<“Yes”<<endl;
for(int i=1;i<=n;i++)
cout<<c[i]<<" ";
return 0;
}
}
cout<<“No”;
return 0;
}
<div class="next-virtual-tree-container"><div class="next-virtual-list-wrapper" style="position: relative; height: 1092px;"><div style="transform: translate(0px, 0px);"><ul role="tree" aria-multiselectable="false" class="next-tree next-label-block next-node-indent mr-change-file-tree"><li role="presentation" class="next-tree-node" id="tree_f327158de5da6cc3ccb8bf1e6efb8439ec18a473" level="1"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="true" aria-level="1" aria-posinset="1" aria-setsize="39" class="next-tree-node-inner" tabindex="0"><span class="next-tree-switcher next-noline"><i class="next-icon next-icon-arrow-down next-medium next-tree-switcher-icon next-tree-fold-icon"></i></span><div class="next-tree-node-label-wrapper" data-spm-anchor-id="a2cl9.codeup_devops2020_goldlog_projectCodeReviewDetail.0.i0.1a4b2f95Riq47i"><div class="next-tree-node-label next-tree-node-label-selectable"><i class="teamix-icon teamix-icon-folder-line teamix-medium" style="color: var(--color-text1-2, #6e6e6e);"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-folder-line"></use></svg></i><span class="label-content "><div class="teamix-title"><span>develop/api</span></div></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_645502b1c12dbd3e90161f42b35ac4842b2f1bc0" level="2"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="true" aria-level="2" aria-posinset="2" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noline"><i class="next-icon next-icon-arrow-down next-medium next-tree-switcher-icon next-tree-fold-icon"></i></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><i class="teamix-icon teamix-icon-folder-line teamix-medium" style="color: var(--color-text1-2, #6e6e6e);"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-folder-line"></use></svg></i><span class="label-content "><div class="teamix-title"><span>cc</span></div></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_26795b2da1ced4325633e17429a14a6d65b37997" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="3" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>agenda.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 79</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 47</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2bf30c75cda26b6da9a01bb778c3f18caff120b7" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="4" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>bot-asr.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 3</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 3</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_5415bbf49cd2dce85711212f52e33e311f53396b" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="5" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>cache.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 7</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 8</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2244b0780bfca45f4c922db59e053b3883112722" level="3"><div role="treeitem" aria-selected="true" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="6" aria-setsize="39" class="next-tree-node-inner next-selected" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content selected read"><div class="teamix-title"><span>call.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 225</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 24</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_c0db26d547a3e13a3e725335a3810f5427c6041f" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="7" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>cdr-ib.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 5</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 5</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_36daf1c4dc152afacb2964a0a4d980cbfeac4190" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="8" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>cdr-new-ib.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 45</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 19</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_622909527d2dc809366984c977e94ccd65d5bce3" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="9" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>cdr-new-ob.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 2</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 2</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2a6ecd488c46a3b580371de33343d8cfde3a411f" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="10" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>cdr-ob.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 1</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 4</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_b2f2e0948f378d82249b208abc74336d186b9015" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="11" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>cdr-webcall.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 10</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 5</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_c96ea8e19e39822d6b93792b6a1eca351192c195" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="12" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>cloud-number.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 57</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 17</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_9f0f11e837f94eae5e698e87f4007496a028b790" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="13" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>comment.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 1</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 1</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_de8eed9622827c92e2bef5b723b34973853f5d1e" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="14" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-client.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 299</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 79</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_70db9dfa2724ee83041e57034e35866fd984f490" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="15" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-enterprise-pause.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 38</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 16</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_06f31b7e5b2206a07381e9a4514e1ee7360dd606" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="16" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-exten.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 153</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 43</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_8668a164f3b579c32e2ff437e29a2d9b9e7facab" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="17" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>config-global.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 12</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_02ee093280570525c4acdbfe1cb0638cbc01854e" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="18" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>config-ivr.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 2</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 6</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_262552720b3a25db9c10d0cb5ac1bf5917a4fbde" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="19" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-number.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 70</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 41</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_b6eaed69a33cbb7bcc82256fbbf6fe8fb99d61f2" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="20" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-queue.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 135</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 52</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_e153e556cf95e0de8a4dc3c6b4dd5c771766c76c" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="21" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-restrict-tel.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 63</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 29</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_7b76e5a55474a067b0a786da41180f97dc45fb7f" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="22" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title teamix-title-tooltip-trigger"><span>enterprise-info.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 12</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 3</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_3b2284d33f54f511379b41f9ff4b798a4aa1ac69" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="23" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>intelligent.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 2</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 2</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_42245dcf3431cbc07b41363fe72e1b4b72b39521" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="24" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>investigation.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 8</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 7</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2b79fcb8c33ac0fd04019d6ddc898a0cfa489836" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="25" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>ivr-script.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 2</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 2</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_7aeb796e6c100399330afc26c134f13a6ab83255" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="26" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>log.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 17</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 8</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_d2f1e29c432a686aa88c4cb1fb143d5d4318693d" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="27" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>manage.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 101</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 21</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_5e970457d3b2936ae361e83bf05ab5ff9d2fefe2" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="28" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>monitor.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 44</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 28</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_d93cc6a762355686be58a79adb0678a8da962e60" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="29" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>record.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 1</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 1</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_71af7fbc40f41108388d6bad45a6d27f6b8b095c" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="30" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>report.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 225</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 119</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_00e44423e8a5374da656f4c501c5a95c417fc545" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="31" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>sms.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 119</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 54</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_e48fa19c604cb18d50fbd8c024fc8fee1ded3c33" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="32" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>sqc-asr.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 34</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 11</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_6ac9e8260de70a8375bf2d7aee6939aecb8743ca" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="33" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>sso-login.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 1</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 1</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_00b07295c64dbd5376df8d02bda47da65b4e8cc9" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="34" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>task-property.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 10</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 2</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_dffb54a48011883825c29fdcd90af450763763f9" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="35" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>voice-mail.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 9</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 3</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_8ad845fdbb2305336e6609d2f303542ebe2c245f" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="36" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>wm_rtc.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 38</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 13</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2d82ef1179abafdcd48e7f68df961e01b7166451" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="37" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>ws-login.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 12</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 3</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_8acab7cec62a3e33f169fa70f0bc95410c10f6d0" level="2"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="true" aria-level="2" aria-posinset="38" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noline"><i class="next-icon next-icon-arrow-down next-medium next-tree-switcher-icon next-tree-fold-icon"></i></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><i class="teamix-icon teamix-icon-folder-line teamix-medium" style="color: var(--color-text1-2, #6e6e6e);"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-folder-line"></use></svg></i><span class="label-content "><div class="teamix-title"><span>include</span></div></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_70f70460b38ad1cb9617bbfd726b33ee7aa2cfdb" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="39" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>preface-cc.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 4</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 1</span></span></span></div></div></div></li></ul></div></div></div> 这是我插件所控制pr页面中文件相关代码,是否存在这样一种情况,只有点击文件之后才会进行创建从而生成该文件的diff,
08-06
<template> <div class="editor-layout"> <!-- 固定头部 --> <header class="app-header"> <button class="back-btn" @click="handleBack"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M19 12H5M12 19l-7-7 7-7"/> </svg> </button> <h1 class="app-title">AI笔记编辑器</h1> <div class="header-right"> <button class="history-btn" @click="toggleHistory"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"></circle> <polyline points="12 6 12 12 16 14"></polyline> </svg> <span>历史记录</span> </button> <div class="user-avatar" @click="goToProfile"> <div class="avatar-placeholder"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path> <circle cx="12" cy="7" r="4"></circle> </svg> </div> </div> </div> </header> <!-- 固定工具栏 --> <div class="fixed-toolbar"> <Toolbar :editor="editorRef" :defaultConfig="toolbarConfig" /> </div> <!-- 编辑器区域 --> <div class="editor-container"> <Editor v-model="valueHtml" :defaultConfig="editorConfig" @onChange="handleChange" @onCreated="handleCreated" @onDestroyed="handleDestroyed" @onFocus="handleFocus" @onBlur="handleBlur" @customAlert="customAlert" @customPaste="customPaste" /> </div> <!-- 历史记录侧边栏 --> <div class="history-sidebar" :class="{ active: showHistory }"> <div class="sidebar-header"> <h2>历史记录</h2> <button class="close-btn" @click="toggleHistory"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> </button> </div> <div class="history-list"> <div v-for="(item, index) in historyItems" :key="index" class="history-item"> <div class="history-title">{{ item.title }}</div> <div class="history-date">{{ item.date }}</div> </div> </div> </div> <!-- 历史记录遮罩 --> <div v-if="showHistory" class="sidebar-mask" @click="toggleHistory"></div> </div> </template> <script setup> import { onBeforeUnmount, ref, shallowRef } from 'vue' import { Editor, Toolbar } from '@wangeditor/editor-for-vue' import '@wangeditor/editor/dist/css/style.css' // 编辑器实例 const editorRef = shallowRef() // 内容 HTML const valueHtml = ref('<h1>欢迎使用AI笔记编辑器</h1><p>这是一个功能强大的富文本编辑器,支持多种格式和功能。</p><p>尝试使用工具栏上的功能来编辑内容!</p>') // 编辑器配置 const editorConfig = { placeholder: '请输入内容...', MENU_CONF: { insertImage: { checkImage(src) { if (src.indexOf("http") !== 0) { return "图片网址必须以 http/https 开头"; } return true; }, }, } } // 工具栏配置 const toolbarConfig = { toolbarKeys: [ 'headerSelect', 'bold', 'italic', 'underline', 'through', 'color', 'bgColor', 'fontSize', 'fontFamily', 'lineHeight', 'bulletedList', 'numberedList', 'todo', 'justifyLeft', 'justifyRight', 'justifyCenter', 'insertLink', 'insertImage', 'insertTable', 'codeBlock', 'blockquote', 'divider', 'emotion', 'undo', 'redo' ] } // 历史记录相关状态 const showHistory = ref(false) const historyItems = ref([ { title: 'AI生成的学习笔记', date: '2023-10-15 14:30' }, { title: '项目会议记录', date: '2023-10-14 09:45' }, { title: '技术方案设计', date: '2023-10-12 16:20' }, { title: '读书笔记 - 人工智能导论', date: '2023-10-10 11:15' }, { title: '周计划安排', date: '2023-10-08 08:30' } ]) // 编辑器回调函数 const handleCreated = (editor) => { editorRef.value = editor console.log("编辑器已创建", editor) } const handleChange = (editor) => { console.log("内容变化:", editor.children) } const handleDestroyed = (editor) => { console.log('编辑器已销毁', editor) } const handleFocus = (editor) => { console.log('编辑器获得焦点', editor) } const handleBlur = (editor) => { console.log('编辑器失去焦点', editor) } const customAlert = (info, type) => { alert(`【系统提示】${type} - ${info}`) } const customPaste = (editor, event, callback) => { console.log('粘贴事件', event) callback(true) // 继续默认的粘贴行为 } // 及时销毁编辑器 onBeforeUnmount(() => { const editor = editorRef.value if (editor == null) return editor.destroy() }) // 头部按钮功能 const handleBack = () => { alert('返回操作') } const toggleHistory = () => { showHistory.value = !showHistory.value } const goToProfile = () => { alert('跳转到个人用户管理界面') } </script> <style> /* 基础样式重置 */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .editor-layout { position: relative; height: 100vh; overflow: hidden; background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%); } /* 固定头部样式 */ .app-header { position: fixed; top: 0; left: 0; right: 0; height: 60px; display: flex; align-items: center; padding: 0 20px; background: #ffffff; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); z-index: 1000; transition: all 0.3s ease; } .back-btn { width: 40px; height: 40px; border: none; background: none; cursor: pointer; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .back-btn:hover { background: #f0f5ff; transform: translateX(-2px); } .back-btn svg { width: 20px; height: 20px; color: #4a6cf7; } .app-title { flex: 1; text-align: center; font-size: 1.4rem; font-weight: 600; color: #1a1a1a; letter-spacing: 0.5px; } .header-right { display: flex; align-items: center; gap: 15px; } .history-btn { display: flex; align-items: center; gap: 6px; padding: 8px 15px; background: #f0f5ff; border: none; border-radius: 20px; color: #4a6cf7; font-weight: 500; font-size: 0.9rem; cursor: pointer; transition: all 0.2s ease; } .history-btn:hover { background: #e1e9ff; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(74, 108, 247, 0.2); } .history-btn svg { width: 18px; height: 18px; } .user-avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(118, 75, 162, 0.3); } .user-avatar:hover { transform: scale(1.05); box-shadow: 0 6px 15px rgba(118, 75, 162, 0.4); } .avatar-placeholder { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.2); } .avatar-placeholder svg { width: 18px; height: 18px; color: white; } /* 固定工具栏样式 */ .fixed-toolbar { position: fixed; top: 60px; /* 在头部下方 */ left: 0; right: 0; z-index: 999; background: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border-bottom: 1px solid #eaeef5; padding: 0 10px; } /* 编辑器容器样式 */ .editor-container { margin-top: 110px; /* 头部高度 + 工具栏高度 */ height: calc(100vh - 110px); overflow-y: auto; padding: 20px; background: white; border-radius: 12px; margin-left: 20px; margin-right: 20px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); } /* 历史记录侧边栏 */ .history-sidebar { position: fixed; top: 0; right: -400px; width: 380px; height: 100vh; background: white; z-index: 2000; box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1); transition: right 0.4s cubic-bezier(0.23, 1, 0.32, 1); display: flex; flex-direction: column; } .history-sidebar.active { right: 0; } .sidebar-header { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #eee; } .sidebar-header h2 { color: #333; font-weight: 600; } .close-btn { background: none; border: none; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .close-btn:hover { background: #f5f7fa; } .close-btn svg { width: 20px; height: 20px; color: #666; } .history-list { flex: 1; overflow-y: auto; padding: 15px; } .history-item { padding: 15px; border-radius: 8px; margin-bottom: 10px; background: #f9fbfd; transition: all 0.2s ease; cursor: pointer; border-left: 3px solid #4a6cf7; } .history-item:hover { background: #edf3ff; transform: translateX(5px); } .history-title { font-weight: 500; color: #1a1a1a; margin-bottom: 5px; } .history-date { font-size: 0.85rem; color: #666; } /* 历史记录遮罩 */ .sidebar-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 1500; backdrop-filter: blur(2px); } /* 响应式设计 */ @media (max-width: 768px) { .app-header { padding: 0 10px; } .app-title { font-size: 1.1rem; } .history-btn span { display: none; } .editor-container { margin-left: 10px; margin-right: 10px; padding: 15px; } .history-sidebar { width: 85%; } } /* 滚动条美化 */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } ::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } </style> 我是说这个编辑器调宽一点,然后滚轮是页面的
07-26
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值