@codernote/record-tree 1.0.9 → 1.1.0

package/README.md

@@ -26,6 +26,9 @@ import { RecordTree } from "@codernote/record-tree";
   {/* 必需，要编辑的note笔记 */}
   :note="note"
 
+  {/* 是否只读模式，默认false */}
+  :readOnly="false"
+
   {/* 是否展示标签及切换标签功能, 默认true */}
   :tagVisible="true"
 

package/dist/index.js

@@ -1,58 +1,591 @@
-(function(){"use strict";try{if(typeof document<"u"){var M=document.createElement("style");M.appendChild(document.createTextNode(".popper{width:auto;background-color:#fafafa;color:#212121;text-align:center;padding:2px;display:inline-block;border-radius:3px;position:absolute;font-size:14px;font-weight:400;border:1px #ebebeb solid;z-index:200000;box-shadow:#3a3a3a 0 0 6px}.popper .popper__arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px}.popper[x-placement^=top]{margin-bottom:5px}.popper[x-placement^=top] .popper__arrow{border-width:5px 5px 0 5px;border-color:#fafafa transparent transparent transparent;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.popper[x-placement^=bottom]{margin-top:5px}.popper[x-placement^=bottom] .popper__arrow{border-width:0 5px 5px 5px;border-color:transparent transparent #fafafa transparent;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.popper[x-placement^=right]{margin-left:5px}.popper[x-placement^=right] .popper__arrow{border-width:5px 5px 5px 0;border-color:transparent #fafafa transparent transparent;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.popper[x-placement^=left]{margin-right:5px}.popper[x-placement^=left] .popper__arrow{border-width:5px 0 5px 5px;border-color:transparent transparent transparent #fafafa;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}[data-v-7f00d874] .popper{transform:translate3d(0,22px,0)!important}.record-tree-popper-content{display:flex;flex-wrap:wrap;padding:10px;box-shadow:0 2px 12px #1d1c1c1f;border:1px solid rgba(29,28,28,.12);border-radius:5px;overflow:hidden;background:#fff;z-index:9999}.record-tree-popper-content-item{padding:8px 10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.record-tree ul{margin:0;padding:0}.record-tree-svg{display:inline-block;border-radius:9999px;color:#fff;cursor:pointer}.record-tree-title-bar{position:relative;display:flex;margin-bottom:3px}.record-tree-title{padding-left:25px;font-weight:700;outline:none;font-size:1.125rem;line-height:1.5;width:100%}.record-tree-popper-reference{display:flex;position:absolute;top:0px;left:0px;text-align:center;border-radius:9999px;color:#fff}.record-tree-mobile-options{position:fixed;bottom:0px;left:0px;width:100%;display:flex;justify-content:space-between;padding:5px 0;background:rgb(236,236,236)}.record-tree-option-left{display:flex;padding-left:10px}.record-tree-option-right{padding-right:10px}.record-tree-option-item{margin:0 5px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lzx-waiting-move{box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a}.record-tree-empty-icon{display:inline-block;border-radius:9999px}.record-tree-icon{display:inline-block;width:18px;height:18px;margin:0;padding:0!important;line-height:100%;font-size:0;background-position:center;background-repeat:no-repeat;background-size:14px;cursor:pointer}.record-tree-upload-loading{position:absolute;left:0;top:0;bottom:0;right:0;font-size:12px;font-weight:400;color:#666}.record-tree-upload-loading p{display:flex;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}.record-tree-icon-loading{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzA2ODY0NzA3OTc0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ0MTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTc0Mi4yOTQ1NSAzMzQuMjc3MzQ3bC01Mi41NzU4OTctNTIuNTc1ODk3Yy0xMC4wNjk5OC0xMC4wNjk5OC0xMC4wNjk5OC0yNi40MDE5NDggMC0zNi40NzE5MjlsMTAwLjcxNzgwMy0xMDAuNzE3ODAzYzEwLjA2OTk4LTEwLjA2OTk4IDI2LjQwMTk0OC0xMC4wNjk5OCAzNi40NzE5MjkgMGw1Mi41NzU4OTcgNTIuNTc1ODk3YzEwLjA2OTk4IDEwLjA2OTk4IDEwLjA2OTk4IDI2LjQwMTk0OCAwIDM2LjQ3MTkyOWwtMTAwLjcxNzgwMyAxMDAuNzE3ODAzYy0xMC4wNzM5OCAxMC4wNzM5OC0yNi40MDE5NDggMTAuMDczOTgtMzYuNDcxOTI5IDB6IiBmaWxsPSIjQ0VFOEZBIiBwLWlkPSI0NDE3Ij48L3BhdGg+PHBhdGggZD0iTTc2MC41Mjg1MTUgMzcxLjMwNTI3NWMtMTQuNzU5OTcxIDAtMjguNjM1OTQ0LTUuNzQ3OTg5LTM5LjA3NTkyNC0xNi4xODM5NjlsLTUyLjU3NTg5Ny01Mi41NzU4OTdjLTEwLjQzNTk4LTEwLjQzNTk4LTE2LjE4NTk2OC0yNC4zMTU5NTMtMTYuMTg1OTY5LTM5LjA3NTkyNCAwLTE0Ljc2MTk3MSA1Ljc0OTk4OS0yOC42NDE5NDQgMTYuMTg5OTY5LTM5LjA4MTkyM2wxMDAuNzEzODAzLTEwMC43MTM4MDRjMTAuNDM5OTgtMTAuNDM1OTggMjQuMzE1OTUzLTE2LjE4Mzk2OCAzOS4wNzc5MjQtMTYuMTgzOTY4IDE0Ljc1OTk3MSAwIDI4LjYzNTk0NCA1Ljc0Nzk4OSAzOS4wNzU5MjMgMTYuMTc5OTY4bDUyLjU3NTg5OCA1Mi41Nzk4OThjMTAuNDM1OTggMTAuNDMzOTggMTYuMTg1OTY4IDI0LjMxMTk1MyAxNi4xODU5NjggMzkuMDc1OTIzIDAgMTQuNzU5OTcxLTUuNzQ5OTg5IDI4LjYzNzk0NC0xNi4xODk5NjggMzkuMDc3OTI0bC0xMDAuNzEzODA0IDEwMC43MTM4MDNjLTEwLjQzNTk4IDEwLjQzOTk4LTI0LjMxMzk1MyAxNi4xODc5NjgtMzkuMDc3OTIzIDE2LjE4Nzk2OXogbS00Ny4zNjU5MDgtMTA3LjgzNzc5bDQ3LjM2NTkwOCA0Ny4zNjc5MDggOTUuNTA1ODEzLTk1LjUwOTgxNC00Ny4zNjE5MDctNDcuMzY3OTA3LTk1LjUwOTgxNCA5NS41MDk4MTN6IiBmaWxsPSIjMkQ1MjdDIiBwLWlkPSI0NDE4Ij48L3BhdGg+PHBhdGggZD0iTTE5Ny4wODc2MTUgODc5LjQ4NDI4MmwtNTIuNTc1ODk3LTUyLjU3NTg5N2MtMTAuMDY5OTgtMTAuMDY5OTgtMTAuMDY5OTgtMjYuNDAxOTQ4IDAtMzYuNDcxOTI5bDEwMC43MTc4MDMtMTAwLjcxNzgwM2MxMC4wNjk5OC0xMC4wNjk5OCAyNi40MDE5NDgtMTAuMDY5OTggMzYuNDcxOTI5IDBsNTIuNTc1ODk3IDUyLjU3NTg5N2MxMC4wNjk5OCAxMC4wNjk5OCAxMC4wNjk5OCAyNi40MDE5NDggMCAzNi40NzE5MjlsLTEwMC43MTc4MDMgMTAwLjcxNzgwM2MtMTAuMDY5OTggMTAuMDY5OTgtMjYuMzk3OTQ4IDEwLjA2OTk4LTM2LjQ3MTkyOSAweiIgZmlsbD0iI0NFRThGQSIgcC1pZD0iNDQxOSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTUuMzI1NTc5IDkxNi41MTAyMWMtMTQuNzU5OTcxIDAtMjguNjM1OTQ0LTUuNzQ3OTg5LTM5LjA3NTkyMy0xNi4xODM5NjhsLTUyLjU3NTg5OC01Mi41Nzk4OThjLTEwLjQzNTk4LTEwLjQzMzk4LTE2LjE4NTk2OC0yNC4zMTE5NTMtMTYuMTg1OTY4LTM5LjA3NTkyMyAwLTE0Ljc1OTk3MSA1Ljc0OTk4OS0yOC42Mzc5NDQgMTYuMTg5OTY4LTM5LjA3NzkyNGwxMDAuNzEzODA0LTEwMC43MTM4MDNjMTAuNDM1OTgtMTAuNDM1OTggMjQuMzE1OTUzLTE2LjE4NTk2OCAzOS4wNzc5MjMtMTYuMTg1OTY5IDE0Ljc1OTk3MSAwIDI4LjYzNTk0NCA1Ljc0Nzk4OSAzOS4wNzU5MjQgMTYuMTgzOTY5bDUyLjU3NTg5NyA1Mi41NzU4OTdjMTAuNDM1OTggMTAuNDM1OTggMTYuMTg1OTY4IDI0LjMxNTk1MyAxNi4xODU5NjkgMzkuMDc3OTI0IDAgMTQuNzU5OTcxLTUuNzQ5OTg5IDI4LjYzNzk0NC0xNi4xODk5NjkgMzkuMDc3OTIzbC0xMDAuNzEzODAzIDEwMC43MTM4MDRjLTEwLjQ0MTk4IDEwLjQzNzk4LTI0LjMxNzk1MyAxNi4xODc5NjgtMzkuMDc3OTI0IDE2LjE4Nzk2OHogbS00Ny4zNjU5MDctMTA3LjgzOTc4OWw0Ny4zNjE5MDcgNDcuMzY3OTA3IDk1LjUwOTgxNC05NS41MDk4MTMtNDcuMzY1OTA4LTQ3LjM2NzkwOC05NS41MDU4MTMgOTUuNTA5ODE0eiIgZmlsbD0iIzJENTI3QyIgcC1pZD0iNDQyMCI+PC9wYXRoPjxwYXRoIGQ9Ik02ODkuNzE2NjUzIDc0Mi4yOTQ1NWw1Mi41NzU4OTctNTIuNTc1ODk3YzEwLjA2OTk4LTEwLjA2OTk4IDI2LjQwMTk0OC0xMC4wNjk5OCAzNi40NzE5MjkgMGwxMDAuNzE3ODAzIDEwMC43MTc4MDNjMTAuMDY5OTggMTAuMDY5OTggMTAuMDY5OTggMjYuNDAxOTQ4IDAgMzYuNDcxOTI5bC01Mi41NzU4OTcgNTIuNTc1ODk3Yy0xMC4wNjk5OCAxMC4wNjk5OC0yNi40MDE5NDggMTAuMDY5OTgtMzYuNDcxOTI5IDBsLTEwMC43MTc4MDMtMTAwLjcxNzgwM2MtMTAuMDY5OTgtMTAuMDczOTgtMTAuMDY5OTgtMjYuNDAxOTQ4IDAtMzYuNDcxOTI5eiIgZmlsbD0iI0NFRThGQSIgcC1pZD0iNDQyMSI+PC9wYXRoPjxwYXRoIGQ9Ik04MDguNjcyNDIxIDkxNi41MTAyMWMtMTQuNzYzOTcxIDAtMjguNjM3OTQ0LTUuNzQ5OTg5LTM5LjA3NzkyNC0xNi4xODU5NjhsLTEwMC43MTc4MDMtMTAwLjcxNzgwNGMtMTAuNDM1OTgtMTAuNDM5OTgtMTYuMTg1OTY4LTI0LjMxNTk1My0xNi4xODU5NjktMzkuMDc3OTIzczUuNzQ5OTg5LTI4LjY0MTk0NCAxNi4xODk5NjktMzkuMDgxOTI0bDUyLjU2OTg5Ny01Mi41Njk4OTdjMTAuNDQxOTgtMTAuNDM5OTggMjQuMzE3OTUzLTE2LjE4NTk2OCAzOS4wNzc5MjQtMTYuMTg1OTY5IDE0Ljc2Mzk3MSAwIDI4LjY0MTk0NCA1Ljc0OTk4OSAzOS4wNzc5MjMgMTYuMTg1OTY5bDEwMC43MTc4MDQgMTAwLjcxMzgwM2MxMC40MzU5OCAxMC40Mzk5OCAxNi4xODU5NjggMjQuMzE1OTUzIDE2LjE4NTk2OCAzOS4wNzc5MjRzLTUuNzQ5OTg5IDI4LjY0MTk0NC0xNi4xODk5NjggMzkuMDgxOTIzbC01Mi41Njk4OTggNTIuNTY5ODk4Yy0xMC40NDE5OCAxMC40NDM5OC0yNC4zMTc5NTMgMTYuMTg5OTY4LTM5LjA3NzkyMyAxNi4xODk5Njh6IG0tOTUuNTA5ODE0LTE1NS45ODE2OTVsOTUuNTA5ODE0IDk1LjUwOTgxMyA0Ny4zNjE5MDctNDcuMzY3OTA3LTk1LjUwNTgxMy05NS41MDk4MTQtNDcuMzY1OTA4IDQ3LjM2NzkwOHoiIGZpbGw9IiMyRDUyN0MiIHAtaWQ9IjQ0MjIiPjwvcGF0aD48cGF0aCBkPSJNMTQ0LjUxMzcxOCAxOTcuMDg3NjE1bDUyLjU3NTg5Ny01Mi41NzU4OTdjMTAuMDY5OTgtMTAuMDY5OTggMjYuNDAxOTQ4LTEwLjA2OTk4IDM2LjQ3MTkyOSAwbDEwMC43MTc4MDMgMTAwLjcxNzgwM2MxMC4wNjk5OCAxMC4wNjk5OCAxMC4wNjk5OCAyNi40MDE5NDggMCAzNi40NzE5MjlsLTUyLjU3NTg5NyA1Mi41NzU4OTdjLTEwLjA2OTk4IDEwLjA2OTk4LTI2LjQwMTk0OCAxMC4wNjk5OC0zNi40NzE5MjkgMGwtMTAwLjcxNzgwMy0xMDAuNzEzODAzYy0xMC4wNjk5OC0xMC4wNzM5OC0xMC4wNjk5OC0yNi40MDE5NDggMC0zNi40NzU5Mjl6IiBmaWxsPSIjQ0VFOEZBIiBwLWlkPSI0NDIzIj48L3BhdGg+PHBhdGggZD0iTTI2My40Njk0ODUgMzcxLjMwNTI3NWMtMTQuNzYxOTcxIDAtMjguNjQxOTQ0LTUuNzQ5OTg5LTM5LjA3NzkyMy0xNi4xODU5NjlsLTEwMC43MTc4MDQtMTAwLjcxMzgwM2MtMTAuNDM1OTgtMTAuNDM5OTgtMTYuMTg1OTY4LTI0LjMxNTk1My0xNi4xODU5NjgtMzkuMDc3OTI0IDAtMTQuNzYxOTcxIDUuNzQ5OTg5LTI4LjY0MTk0NCAxNi4xODk5NjgtMzkuMDgxOTIzbDUyLjU2OTg5OC01Mi41Njk4OThjMTAuNDQxOTgtMTAuNDM5OTggMjQuMzE3OTUzLTE2LjE4NTk2OCAzOS4wNzc5MjMtMTYuMTg1OTY4IDE0Ljc2MTk3MSAwIDI4LjYzNzk0NCA1Ljc0Nzk4OSAzOS4wNzc5MjQgMTYuMTgzOTY4bDEwMC43MTc4MDMgMTAwLjcxNzgwNGMxMC40MzU5OCAxMC40Mzk5OCAxNi4xODU5NjggMjQuMzE1OTUzIDE2LjE4NTk2OSAzOS4wNzc5MjMgMCAxNC43NTk5NzEtNS43NDk5ODkgMjguNjM3OTQ0LTE2LjE4OTk2OSAzOS4wNzc5MjRsLTUyLjU2OTg5NyA1Mi41Njk4OTdjLTEwLjQ0NTk4IDEwLjQzOTk4LTI0LjMyMTk1MiAxNi4xODc5NjgtMzkuMDc3OTI0IDE2LjE4Nzk2OXogbS05NS41MDk4MTMtMTU1Ljk3OTY5Nmw5NS41MDU4MTMgOTUuNTA5ODE0IDQ3LjM2NTkwOC00Ny4zNjU5MDgtOTUuNTA1ODE0LTk1LjUxMTgxMy00Ny4zNjU5MDcgNDcuMzY3OTA3ek04OTQuNzY4MjUyIDYwNC40MzY4MTloLTY4LjQ2Nzg2NmMtMzAuNDcxOTQgMC01NS4yNjM4OTItMjQuNzkxOTUyLTU1LjI2Mzg5Mi01NS4yNjE4OTJ2LTc0LjM1Mzg1NGMwLTMwLjQ3MTk0IDI0Ljc5MTk1Mi01NS4yNjE4OTIgNTUuMjYzODkyLTU1LjI2MTg5MmgxNDIuNDMzNzIyYzMwLjQ3MTk0IDAgNTUuMjYzODkyIDI0Ljc5MTk1MiA1NS4yNjM4OTIgNTUuMjYxODkydjc0LjM1Mzg1NGMwIDE2LjI3Nzk2OC0xMy4xOTc5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MiAyOS40NzE5NDNzLTI5LjQ3MTk0Mi0xMy4xOTU5NzQtMjkuNDcxOTQzLTI5LjQ3MTk0M3YtNzAuNjY5ODYyaC0xMzUuMDcxNzM2djY2Ljk4Nzg3aDY0Ljc4Nzg3M2MxNi4yNzM5NjggMCAyOS40NzE5NDIgMTMuMTk1OTc0IDI5LjQ3MTk0MyAyOS40NzE5NDIgMCAxNi4yNzk5NjgtMTMuMTk3OTc0IDI5LjQ3MTk0Mi0yOS40NzM5NDMgMjkuNDcxOTQyek0xOTcuNjk3NjE0IDYwNC40MzY4MTlINTUuMjYzODkyQzI0Ljc5MTk1MiA2MDQuNDM2ODE5IDAgNTc5LjY0NDg2OCAwIDU0OS4xNzY5Mjd2LTc0LjM1Mzg1NGMwLTE2LjI3Nzk2OCAxMy4xOTc5NzQtMjkuNDcxOTQyIDI5LjQ3MTk0Mi0yOS40NzE5NDNzMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQzdjcwLjY2OTg2MmgxMzUuMDcxNzM2di02Ni45ODc4N0gxMjguNTMzNzQ5Yy0xNi4yNzM5NjggMC0yOS40NzE5NDItMTMuMTk1OTc0LTI5LjQ3MTk0Mi0yOS40NzE5NDIgMC0xNi4yNzc5NjggMTMuMTk3OTc0LTI5LjQ3MTk0MiAyOS40NzE5NDItMjkuNDcxOTQyaDY5LjE2Mzg2NWMzMC40NzE5NCAwIDU1LjI2Mzg5MiAyNC43OTE5NTIgNTUuMjYzODkyIDU1LjI2MTg5MnY3NC4zNTM4NTRjMCAzMC40Njc5NC0yNC43OTE5NTIgNTUuMjU5ODkyLTU1LjI2Mzg5MiA1NS4yNTk4OTJ6TTU0OS4xNzY5MjcgMTAyMy45OThINDc0LjgxOTA3M2MtMTYuMjczOTY4IDAtMjkuNDcxOTQyLTEzLjE5Mzk3NC0yOS40NzE5NDMtMjkuNDcxOTQyczEzLjE5Nzk3NC0yOS40NzE5NDIgMjkuNDcxOTQzLTI5LjQ3MTk0M2g3MC42NzM4NjJ2LTEzNS4wNzE3MzZoLTY2Ljk4Nzg3djY2LjE3Nzg3MWMwIDE2LjI3Nzk2OC0xMy4xOTc5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MiAyOS40NzE5NDJzLTI5LjQ3MTk0Mi0xMy4xOTM5NzQtMjkuNDcxOTQyLTI5LjQ3MTk0MlY4MjYuMjk4Mzg2YzAtMzAuNDcxOTQgMjQuNzg5OTUyLTU1LjI2MTg5MiA1NS4yNjE4OTItNTUuMjYxODkyaDc0LjM1Nzg1NGMzMC40NzE5NCAwIDU1LjI2MTg5MiAyNC43OTE5NTIgNTUuMjYxODkyIDU1LjI2MTg5MnYxNDIuNDM1NzIyQzYwNC40MzY4MTkgOTk5LjIwNjA0OCA1NzkuNjQ4ODY4IDEwMjMuOTk4IDU0OS4xNzY5MjcgMTAyMy45OTh6TTU0OS4xNzY5MjcgMjUyLjk2MTUwNkg0NzQuODE5MDczYy0zMC40NzE5NCAwLTU1LjI2MTg5Mi0yNC43OTE5NTItNTUuMjYxODkyLTU1LjI2MTg5MlY1NS4yNTk4OTJDNDE5LjU1NzE4MSAyNC43ODk5NTIgNDQ0LjM0NzEzMiAwIDQ3NC44MTkwNzMgMGg3NC4zNTc4NTRjMTYuMjczOTY4IDAgMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQycy0xMy4xOTc5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MyAyOS40NzE5NDNoLTcwLjY3Mzg2MnYxMzUuMDcxNzM2aDY2Ljk4Nzg3VjEyOS41ODk3NDdjMC0xNi4yNzc5NjggMTMuMTk3OTc0LTI5LjQ3MTk0MiAyOS40NzE5NDItMjkuNDcxOTQzczI5LjQ3MTk0MiAxMy4xOTU5NzQgMjkuNDcxOTQyIDI5LjQ3MTk0M3Y2OC4xMDc4NjdjMC4wMDIgMzAuNDcxOTQtMjQuNzg1OTUyIDU1LjI2Mzg5Mi01NS4yNTc4OTIgNTUuMjYzODkyek0zOTIuMDkxMjM0IDU0MS40NzA5NDJoLTM3LjIzNTkyN2MtMTYuMjczOTY4IDAtMjkuNDcxOTQyLTEzLjE5NTk3NC0yOS40NzE5NDMtMjkuNDcxOTQyIDAtMTYuMjc3OTY4IDEzLjE5Nzk3NC0yOS40NzE5NDIgMjkuNDcxOTQzLTI5LjQ3MTk0MmgzNy4yMzU5MjdjMTYuMjczOTY4IDAgMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQyIDAuMDAyIDE2LjI3Nzk2OC0xMy4xOTM5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MyAyOS40NzE5NDJ6TTUzMC42MTY5NjQgNTQxLjQ3MDk0Mkg0OTMuMzc5MDM2Yy0xNi4yNzM5NjggMC0yOS40NzE5NDItMTMuMTk1OTc0LTI5LjQ3MTk0Mi0yOS40NzE5NDIgMC0xNi4yNzc5NjggMTMuMTk3OTc0LTI5LjQ3MTk0MiAyOS40NzE5NDItMjkuNDcxOTQyaDM3LjIzNzkyOGMxNi4yNzM5NjggMCAyOS40NzE5NDIgMTMuMTk1OTc0IDI5LjQ3MTk0MiAyOS40NzE5NDIgMCAxNi4yNzc5NjgtMTMuMTkzOTc0IDI5LjQ3MTk0Mi0yOS40NzE5NDIgMjkuNDcxOTQyek02NjkuMTM4NjkzIDU0MS40NzA5NDJoLTM3LjIzNTkyN2MtMTYuMjczOTY4IDAtMjkuNDcxOTQyLTEzLjE5NTk3NC0yOS40NzE5NDMtMjkuNDcxOTQyIDAtMTYuMjc3OTY4IDEzLjE5Nzk3NC0yOS40NzE5NDIgMjkuNDcxOTQzLTI5LjQ3MTk0MmgzNy4yMzU5MjdjMTYuMjczOTY4IDAgMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQyIDAuMDAyIDE2LjI3Nzk2OC0xMy4xOTM5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MyAyOS40NzE5NDJ6IiBmaWxsPSIjMkQ1MjdDIiBwLWlkPSI0NDI0Ij48L3BhdGg+PC9zdmc+);animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}")),document.head.appendChild(M)}}catch(T){console.error("vite-plugin-css-injected-by-js",T)}})();
-import _ from "@codernote/tree-editor";
-import v from "vue-inline-svg";
-import m from "vue-popperjs";
-import { byNameFindIcon as b, oss as C, icons as y } from "@codernote/utils";
-function p(t, e, o, r, n, l, c, f) {
-  var i = typeof t == "function" ? t.options : t;
-  e && (i.render = e, i.staticRenderFns = o, i._compiled = !0), r && (i.functional = !0), l && (i._scopeId = "data-v-" + l);
-  var s;
-  if (c ? (s = function(a) {
-    a = a || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !a && typeof __VUE_SSR_CONTEXT__ < "u" && (a = __VUE_SSR_CONTEXT__), n && n.call(this, a), a && a._registeredComponents && a._registeredComponents.add(c);
-  }, i._ssrRegister = s) : n && (s = f ? function() {
-    n.call(
+(function(){"use strict";try{if(typeof document<"u"){var M=document.createElement("style");M.appendChild(document.createTextNode('.node-div[data-v-d4b555c8]{display:flex;align-items:center}.node-text[data-v-d4b555c8]{margin-left:10px;flex:1;border:none;outline:none}.node-icon[data-v-d4b555c8]{position:absolute;top:4px;left:-18px;width:17px;height:17px;border-radius:10px;background-color:#fff;cursor:pointer}.node-icon[data-v-d4b555c8]:after{content:"";position:absolute;top:5px;left:5px;width:7px;height:7px;border-radius:10px;background-color:#eee}.node-icon[data-v-d4b555c8]:hover{background-color:#ccc}.node-media[data-v-d4b555c8]{position:relative;align-self:center;justify-self:center;display:inline-block;outline:none}.node-media:hover .node-del[data-v-d4b555c8]{display:block}.node-image img[data-v-d4b555c8]{width:auto;max-height:80px;outline:none}.node-audio[data-v-d4b555c8],.node-video[data-v-d4b555c8]{width:300px}.node-audio audio[data-v-d4b555c8]{width:300px;height:80px}.node-audio video[data-v-d4b555c8]{width:300px;height:80px}.node-del[data-v-d4b555c8]{cursor:pointer;display:none;width:15px;height:15px;position:absolute;top:-3px;right:-3px;background-color:#e6f7ff;background-size:100% 100%;border-radius:50%}.node-del[data-v-d4b555c8]:before,.node-del[data-v-d4b555c8]:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:15px;background-color:#595959}.node-del[data-v-d4b555c8]:before{transform:translate(-50%,-50%) rotate(45deg)}.node-del[data-v-d4b555c8]:after{transform:translate(-50%,-50%) rotate(-45deg)}.node-ul[data-v-b5580425]{background-color:#fff;margin:0;padding:0;list-style:none}.node-li[data-v-b5580425]{padding:0;list-style:none;margin:0 0 0 12px;line-height:1.5;position:relative}[data-v-b5580425] .drag-over-top:before{content:"";width:100%;height:1px;background-color:#ccc;position:absolute}[data-v-b5580425] .drag-over-center{background-color:#ccc}[data-v-b5580425] .drag-over-bottom:after{content:"";width:100%;height:1px;background-color:#ccc;position:absolute;bottom:0}.collapsed>ul[data-v-b5580425]{display:none}.tree-title[data-v-b5580425]{padding-left:25px;font-weight:700;outline:none;font-size:1.125rem;line-height:1.5;width:100%}[data-v-b5580425] .node-li.has-child.collapsed .node-icon:after{background-color:#aaa}.popper{width:auto;background-color:#fafafa;color:#212121;text-align:center;padding:2px;display:inline-block;border-radius:3px;position:absolute;font-size:14px;font-weight:400;border:1px #ebebeb solid;z-index:200000;box-shadow:#3a3a3a 0 0 6px}.popper .popper__arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px}.popper[x-placement^=top]{margin-bottom:5px}.popper[x-placement^=top] .popper__arrow{border-width:5px 5px 0 5px;border-color:#fafafa transparent transparent transparent;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.popper[x-placement^=bottom]{margin-top:5px}.popper[x-placement^=bottom] .popper__arrow{border-width:0 5px 5px 5px;border-color:transparent transparent #fafafa transparent;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.popper[x-placement^=right]{margin-left:5px}.popper[x-placement^=right] .popper__arrow{border-width:5px 5px 5px 0;border-color:transparent #fafafa transparent transparent;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.popper[x-placement^=left]{margin-right:5px}.popper[x-placement^=left] .popper__arrow{border-width:5px 0 5px 5px;border-color:transparent transparent transparent #fafafa;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}[data-v-7f00d874] .popper{transform:translate3d(0,22px,0)!important}.record-tree-popper-content{display:flex;flex-wrap:wrap;padding:10px;box-shadow:0 2px 12px #1d1c1c1f;border:1px solid rgba(29,28,28,.12);border-radius:5px;overflow:hidden;background:#fff;z-index:9999}.record-tree-popper-content-item{padding:8px 10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.record-tree ul{margin:0;padding:0}.record-tree-svg{display:inline-block;border-radius:9999px;color:#fff;cursor:pointer}.record-tree-title-bar{position:relative;display:flex;margin-bottom:3px}.record-tree-title{padding-left:25px;font-weight:700;outline:none;font-size:1.125rem;line-height:1.5;width:100%}.record-tree-popper-reference{display:flex;position:absolute;top:0px;left:0px;text-align:center;border-radius:9999px;color:#fff}.record-tree-mobile-options{position:fixed;bottom:0px;left:0px;width:100%;display:flex;justify-content:space-between;padding:5px 0;background:rgb(236,236,236)}.record-tree-option-left{display:flex;padding-left:10px}.record-tree-option-right{padding-right:10px}.record-tree-option-item{margin:0 5px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lzx-waiting-move{box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a}.record-tree-empty-icon{display:inline-block;border-radius:9999px}.record-tree-icon{display:inline-block;width:18px;height:18px;margin:0;padding:0!important;line-height:100%;font-size:0;background-position:center;background-repeat:no-repeat;background-size:14px;cursor:pointer}.record-tree-upload-loading{position:absolute;left:0;top:0;bottom:0;right:0;font-size:12px;font-weight:400;color:#666}.record-tree-upload-loading p{display:flex;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}.record-tree-icon-loading{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzA2ODY0NzA3OTc0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ0MTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTc0Mi4yOTQ1NSAzMzQuMjc3MzQ3bC01Mi41NzU4OTctNTIuNTc1ODk3Yy0xMC4wNjk5OC0xMC4wNjk5OC0xMC4wNjk5OC0yNi40MDE5NDggMC0zNi40NzE5MjlsMTAwLjcxNzgwMy0xMDAuNzE3ODAzYzEwLjA2OTk4LTEwLjA2OTk4IDI2LjQwMTk0OC0xMC4wNjk5OCAzNi40NzE5MjkgMGw1Mi41NzU4OTcgNTIuNTc1ODk3YzEwLjA2OTk4IDEwLjA2OTk4IDEwLjA2OTk4IDI2LjQwMTk0OCAwIDM2LjQ3MTkyOWwtMTAwLjcxNzgwMyAxMDAuNzE3ODAzYy0xMC4wNzM5OCAxMC4wNzM5OC0yNi40MDE5NDggMTAuMDczOTgtMzYuNDcxOTI5IDB6IiBmaWxsPSIjQ0VFOEZBIiBwLWlkPSI0NDE3Ij48L3BhdGg+PHBhdGggZD0iTTc2MC41Mjg1MTUgMzcxLjMwNTI3NWMtMTQuNzU5OTcxIDAtMjguNjM1OTQ0LTUuNzQ3OTg5LTM5LjA3NTkyNC0xNi4xODM5NjlsLTUyLjU3NTg5Ny01Mi41NzU4OTdjLTEwLjQzNTk4LTEwLjQzNTk4LTE2LjE4NTk2OC0yNC4zMTU5NTMtMTYuMTg1OTY5LTM5LjA3NTkyNCAwLTE0Ljc2MTk3MSA1Ljc0OTk4OS0yOC42NDE5NDQgMTYuMTg5OTY5LTM5LjA4MTkyM2wxMDAuNzEzODAzLTEwMC43MTM4MDRjMTAuNDM5OTgtMTAuNDM1OTggMjQuMzE1OTUzLTE2LjE4Mzk2OCAzOS4wNzc5MjQtMTYuMTgzOTY4IDE0Ljc1OTk3MSAwIDI4LjYzNTk0NCA1Ljc0Nzk4OSAzOS4wNzU5MjMgMTYuMTc5OTY4bDUyLjU3NTg5OCA1Mi41Nzk4OThjMTAuNDM1OTggMTAuNDMzOTggMTYuMTg1OTY4IDI0LjMxMTk1MyAxNi4xODU5NjggMzkuMDc1OTIzIDAgMTQuNzU5OTcxLTUuNzQ5OTg5IDI4LjYzNzk0NC0xNi4xODk5NjggMzkuMDc3OTI0bC0xMDAuNzEzODA0IDEwMC43MTM4MDNjLTEwLjQzNTk4IDEwLjQzOTk4LTI0LjMxMzk1MyAxNi4xODc5NjgtMzkuMDc3OTIzIDE2LjE4Nzk2OXogbS00Ny4zNjU5MDgtMTA3LjgzNzc5bDQ3LjM2NTkwOCA0Ny4zNjc5MDggOTUuNTA1ODEzLTk1LjUwOTgxNC00Ny4zNjE5MDctNDcuMzY3OTA3LTk1LjUwOTgxNCA5NS41MDk4MTN6IiBmaWxsPSIjMkQ1MjdDIiBwLWlkPSI0NDE4Ij48L3BhdGg+PHBhdGggZD0iTTE5Ny4wODc2MTUgODc5LjQ4NDI4MmwtNTIuNTc1ODk3LTUyLjU3NTg5N2MtMTAuMDY5OTgtMTAuMDY5OTgtMTAuMDY5OTgtMjYuNDAxOTQ4IDAtMzYuNDcxOTI5bDEwMC43MTc4MDMtMTAwLjcxNzgwM2MxMC4wNjk5OC0xMC4wNjk5OCAyNi40MDE5NDgtMTAuMDY5OTggMzYuNDcxOTI5IDBsNTIuNTc1ODk3IDUyLjU3NTg5N2MxMC4wNjk5OCAxMC4wNjk5OCAxMC4wNjk5OCAyNi40MDE5NDggMCAzNi40NzE5MjlsLTEwMC43MTc4MDMgMTAwLjcxNzgwM2MtMTAuMDY5OTggMTAuMDY5OTgtMjYuMzk3OTQ4IDEwLjA2OTk4LTM2LjQ3MTkyOSAweiIgZmlsbD0iI0NFRThGQSIgcC1pZD0iNDQxOSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTUuMzI1NTc5IDkxNi41MTAyMWMtMTQuNzU5OTcxIDAtMjguNjM1OTQ0LTUuNzQ3OTg5LTM5LjA3NTkyMy0xNi4xODM5NjhsLTUyLjU3NTg5OC01Mi41Nzk4OThjLTEwLjQzNTk4LTEwLjQzMzk4LTE2LjE4NTk2OC0yNC4zMTE5NTMtMTYuMTg1OTY4LTM5LjA3NTkyMyAwLTE0Ljc1OTk3MSA1Ljc0OTk4OS0yOC42Mzc5NDQgMTYuMTg5OTY4LTM5LjA3NzkyNGwxMDAuNzEzODA0LTEwMC43MTM4MDNjMTAuNDM1OTgtMTAuNDM1OTggMjQuMzE1OTUzLTE2LjE4NTk2OCAzOS4wNzc5MjMtMTYuMTg1OTY5IDE0Ljc1OTk3MSAwIDI4LjYzNTk0NCA1Ljc0Nzk4OSAzOS4wNzU5MjQgMTYuMTgzOTY5bDUyLjU3NTg5NyA1Mi41NzU4OTdjMTAuNDM1OTggMTAuNDM1OTggMTYuMTg1OTY4IDI0LjMxNTk1MyAxNi4xODU5NjkgMzkuMDc3OTI0IDAgMTQuNzU5OTcxLTUuNzQ5OTg5IDI4LjYzNzk0NC0xNi4xODk5NjkgMzkuMDc3OTIzbC0xMDAuNzEzODAzIDEwMC43MTM4MDRjLTEwLjQ0MTk4IDEwLjQzNzk4LTI0LjMxNzk1MyAxNi4xODc5NjgtMzkuMDc3OTI0IDE2LjE4Nzk2OHogbS00Ny4zNjU5MDctMTA3LjgzOTc4OWw0Ny4zNjE5MDcgNDcuMzY3OTA3IDk1LjUwOTgxNC05NS41MDk4MTMtNDcuMzY1OTA4LTQ3LjM2NzkwOC05NS41MDU4MTMgOTUuNTA5ODE0eiIgZmlsbD0iIzJENTI3QyIgcC1pZD0iNDQyMCI+PC9wYXRoPjxwYXRoIGQ9Ik02ODkuNzE2NjUzIDc0Mi4yOTQ1NWw1Mi41NzU4OTctNTIuNTc1ODk3YzEwLjA2OTk4LTEwLjA2OTk4IDI2LjQwMTk0OC0xMC4wNjk5OCAzNi40NzE5MjkgMGwxMDAuNzE3ODAzIDEwMC43MTc4MDNjMTAuMDY5OTggMTAuMDY5OTggMTAuMDY5OTggMjYuNDAxOTQ4IDAgMzYuNDcxOTI5bC01Mi41NzU4OTcgNTIuNTc1ODk3Yy0xMC4wNjk5OCAxMC4wNjk5OC0yNi40MDE5NDggMTAuMDY5OTgtMzYuNDcxOTI5IDBsLTEwMC43MTc4MDMtMTAwLjcxNzgwM2MtMTAuMDY5OTgtMTAuMDczOTgtMTAuMDY5OTgtMjYuNDAxOTQ4IDAtMzYuNDcxOTI5eiIgZmlsbD0iI0NFRThGQSIgcC1pZD0iNDQyMSI+PC9wYXRoPjxwYXRoIGQ9Ik04MDguNjcyNDIxIDkxNi41MTAyMWMtMTQuNzYzOTcxIDAtMjguNjM3OTQ0LTUuNzQ5OTg5LTM5LjA3NzkyNC0xNi4xODU5NjhsLTEwMC43MTc4MDMtMTAwLjcxNzgwNGMtMTAuNDM1OTgtMTAuNDM5OTgtMTYuMTg1OTY4LTI0LjMxNTk1My0xNi4xODU5NjktMzkuMDc3OTIzczUuNzQ5OTg5LTI4LjY0MTk0NCAxNi4xODk5NjktMzkuMDgxOTI0bDUyLjU2OTg5Ny01Mi41Njk4OTdjMTAuNDQxOTgtMTAuNDM5OTggMjQuMzE3OTUzLTE2LjE4NTk2OCAzOS4wNzc5MjQtMTYuMTg1OTY5IDE0Ljc2Mzk3MSAwIDI4LjY0MTk0NCA1Ljc0OTk4OSAzOS4wNzc5MjMgMTYuMTg1OTY5bDEwMC43MTc4MDQgMTAwLjcxMzgwM2MxMC40MzU5OCAxMC40Mzk5OCAxNi4xODU5NjggMjQuMzE1OTUzIDE2LjE4NTk2OCAzOS4wNzc5MjRzLTUuNzQ5OTg5IDI4LjY0MTk0NC0xNi4xODk5NjggMzkuMDgxOTIzbC01Mi41Njk4OTggNTIuNTY5ODk4Yy0xMC40NDE5OCAxMC40NDM5OC0yNC4zMTc5NTMgMTYuMTg5OTY4LTM5LjA3NzkyMyAxNi4xODk5Njh6IG0tOTUuNTA5ODE0LTE1NS45ODE2OTVsOTUuNTA5ODE0IDk1LjUwOTgxMyA0Ny4zNjE5MDctNDcuMzY3OTA3LTk1LjUwNTgxMy05NS41MDk4MTQtNDcuMzY1OTA4IDQ3LjM2NzkwOHoiIGZpbGw9IiMyRDUyN0MiIHAtaWQ9IjQ0MjIiPjwvcGF0aD48cGF0aCBkPSJNMTQ0LjUxMzcxOCAxOTcuMDg3NjE1bDUyLjU3NTg5Ny01Mi41NzU4OTdjMTAuMDY5OTgtMTAuMDY5OTggMjYuNDAxOTQ4LTEwLjA2OTk4IDM2LjQ3MTkyOSAwbDEwMC43MTc4MDMgMTAwLjcxNzgwM2MxMC4wNjk5OCAxMC4wNjk5OCAxMC4wNjk5OCAyNi40MDE5NDggMCAzNi40NzE5MjlsLTUyLjU3NTg5NyA1Mi41NzU4OTdjLTEwLjA2OTk4IDEwLjA2OTk4LTI2LjQwMTk0OCAxMC4wNjk5OC0zNi40NzE5MjkgMGwtMTAwLjcxNzgwMy0xMDAuNzEzODAzYy0xMC4wNjk5OC0xMC4wNzM5OC0xMC4wNjk5OC0yNi40MDE5NDggMC0zNi40NzU5Mjl6IiBmaWxsPSIjQ0VFOEZBIiBwLWlkPSI0NDIzIj48L3BhdGg+PHBhdGggZD0iTTI2My40Njk0ODUgMzcxLjMwNTI3NWMtMTQuNzYxOTcxIDAtMjguNjQxOTQ0LTUuNzQ5OTg5LTM5LjA3NzkyMy0xNi4xODU5NjlsLTEwMC43MTc4MDQtMTAwLjcxMzgwM2MtMTAuNDM1OTgtMTAuNDM5OTgtMTYuMTg1OTY4LTI0LjMxNTk1My0xNi4xODU5NjgtMzkuMDc3OTI0IDAtMTQuNzYxOTcxIDUuNzQ5OTg5LTI4LjY0MTk0NCAxNi4xODk5NjgtMzkuMDgxOTIzbDUyLjU2OTg5OC01Mi41Njk4OThjMTAuNDQxOTgtMTAuNDM5OTggMjQuMzE3OTUzLTE2LjE4NTk2OCAzOS4wNzc5MjMtMTYuMTg1OTY4IDE0Ljc2MTk3MSAwIDI4LjYzNzk0NCA1Ljc0Nzk4OSAzOS4wNzc5MjQgMTYuMTgzOTY4bDEwMC43MTc4MDMgMTAwLjcxNzgwNGMxMC40MzU5OCAxMC40Mzk5OCAxNi4xODU5NjggMjQuMzE1OTUzIDE2LjE4NTk2OSAzOS4wNzc5MjMgMCAxNC43NTk5NzEtNS43NDk5ODkgMjguNjM3OTQ0LTE2LjE4OTk2OSAzOS4wNzc5MjRsLTUyLjU2OTg5NyA1Mi41Njk4OTdjLTEwLjQ0NTk4IDEwLjQzOTk4LTI0LjMyMTk1MiAxNi4xODc5NjgtMzkuMDc3OTI0IDE2LjE4Nzk2OXogbS05NS41MDk4MTMtMTU1Ljk3OTY5Nmw5NS41MDU4MTMgOTUuNTA5ODE0IDQ3LjM2NTkwOC00Ny4zNjU5MDgtOTUuNTA1ODE0LTk1LjUxMTgxMy00Ny4zNjU5MDcgNDcuMzY3OTA3ek04OTQuNzY4MjUyIDYwNC40MzY4MTloLTY4LjQ2Nzg2NmMtMzAuNDcxOTQgMC01NS4yNjM4OTItMjQuNzkxOTUyLTU1LjI2Mzg5Mi01NS4yNjE4OTJ2LTc0LjM1Mzg1NGMwLTMwLjQ3MTk0IDI0Ljc5MTk1Mi01NS4yNjE4OTIgNTUuMjYzODkyLTU1LjI2MTg5MmgxNDIuNDMzNzIyYzMwLjQ3MTk0IDAgNTUuMjYzODkyIDI0Ljc5MTk1MiA1NS4yNjM4OTIgNTUuMjYxODkydjc0LjM1Mzg1NGMwIDE2LjI3Nzk2OC0xMy4xOTc5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MiAyOS40NzE5NDNzLTI5LjQ3MTk0Mi0xMy4xOTU5NzQtMjkuNDcxOTQzLTI5LjQ3MTk0M3YtNzAuNjY5ODYyaC0xMzUuMDcxNzM2djY2Ljk4Nzg3aDY0Ljc4Nzg3M2MxNi4yNzM5NjggMCAyOS40NzE5NDIgMTMuMTk1OTc0IDI5LjQ3MTk0MyAyOS40NzE5NDIgMCAxNi4yNzk5NjgtMTMuMTk3OTc0IDI5LjQ3MTk0Mi0yOS40NzM5NDMgMjkuNDcxOTQyek0xOTcuNjk3NjE0IDYwNC40MzY4MTlINTUuMjYzODkyQzI0Ljc5MTk1MiA2MDQuNDM2ODE5IDAgNTc5LjY0NDg2OCAwIDU0OS4xNzY5Mjd2LTc0LjM1Mzg1NGMwLTE2LjI3Nzk2OCAxMy4xOTc5NzQtMjkuNDcxOTQyIDI5LjQ3MTk0Mi0yOS40NzE5NDNzMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQzdjcwLjY2OTg2MmgxMzUuMDcxNzM2di02Ni45ODc4N0gxMjguNTMzNzQ5Yy0xNi4yNzM5NjggMC0yOS40NzE5NDItMTMuMTk1OTc0LTI5LjQ3MTk0Mi0yOS40NzE5NDIgMC0xNi4yNzc5NjggMTMuMTk3OTc0LTI5LjQ3MTk0MiAyOS40NzE5NDItMjkuNDcxOTQyaDY5LjE2Mzg2NWMzMC40NzE5NCAwIDU1LjI2Mzg5MiAyNC43OTE5NTIgNTUuMjYzODkyIDU1LjI2MTg5MnY3NC4zNTM4NTRjMCAzMC40Njc5NC0yNC43OTE5NTIgNTUuMjU5ODkyLTU1LjI2Mzg5MiA1NS4yNTk4OTJ6TTU0OS4xNzY5MjcgMTAyMy45OThINDc0LjgxOTA3M2MtMTYuMjczOTY4IDAtMjkuNDcxOTQyLTEzLjE5Mzk3NC0yOS40NzE5NDMtMjkuNDcxOTQyczEzLjE5Nzk3NC0yOS40NzE5NDIgMjkuNDcxOTQzLTI5LjQ3MTk0M2g3MC42NzM4NjJ2LTEzNS4wNzE3MzZoLTY2Ljk4Nzg3djY2LjE3Nzg3MWMwIDE2LjI3Nzk2OC0xMy4xOTc5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MiAyOS40NzE5NDJzLTI5LjQ3MTk0Mi0xMy4xOTM5NzQtMjkuNDcxOTQyLTI5LjQ3MTk0MlY4MjYuMjk4Mzg2YzAtMzAuNDcxOTQgMjQuNzg5OTUyLTU1LjI2MTg5MiA1NS4yNjE4OTItNTUuMjYxODkyaDc0LjM1Nzg1NGMzMC40NzE5NCAwIDU1LjI2MTg5MiAyNC43OTE5NTIgNTUuMjYxODkyIDU1LjI2MTg5MnYxNDIuNDM1NzIyQzYwNC40MzY4MTkgOTk5LjIwNjA0OCA1NzkuNjQ4ODY4IDEwMjMuOTk4IDU0OS4xNzY5MjcgMTAyMy45OTh6TTU0OS4xNzY5MjcgMjUyLjk2MTUwNkg0NzQuODE5MDczYy0zMC40NzE5NCAwLTU1LjI2MTg5Mi0yNC43OTE5NTItNTUuMjYxODkyLTU1LjI2MTg5MlY1NS4yNTk4OTJDNDE5LjU1NzE4MSAyNC43ODk5NTIgNDQ0LjM0NzEzMiAwIDQ3NC44MTkwNzMgMGg3NC4zNTc4NTRjMTYuMjczOTY4IDAgMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQycy0xMy4xOTc5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MyAyOS40NzE5NDNoLTcwLjY3Mzg2MnYxMzUuMDcxNzM2aDY2Ljk4Nzg3VjEyOS41ODk3NDdjMC0xNi4yNzc5NjggMTMuMTk3OTc0LTI5LjQ3MTk0MiAyOS40NzE5NDItMjkuNDcxOTQzczI5LjQ3MTk0MiAxMy4xOTU5NzQgMjkuNDcxOTQyIDI5LjQ3MTk0M3Y2OC4xMDc4NjdjMC4wMDIgMzAuNDcxOTQtMjQuNzg1OTUyIDU1LjI2Mzg5Mi01NS4yNTc4OTIgNTUuMjYzODkyek0zOTIuMDkxMjM0IDU0MS40NzA5NDJoLTM3LjIzNTkyN2MtMTYuMjczOTY4IDAtMjkuNDcxOTQyLTEzLjE5NTk3NC0yOS40NzE5NDMtMjkuNDcxOTQyIDAtMTYuMjc3OTY4IDEzLjE5Nzk3NC0yOS40NzE5NDIgMjkuNDcxOTQzLTI5LjQ3MTk0MmgzNy4yMzU5MjdjMTYuMjczOTY4IDAgMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQyIDAuMDAyIDE2LjI3Nzk2OC0xMy4xOTM5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MyAyOS40NzE5NDJ6TTUzMC42MTY5NjQgNTQxLjQ3MDk0Mkg0OTMuMzc5MDM2Yy0xNi4yNzM5NjggMC0yOS40NzE5NDItMTMuMTk1OTc0LTI5LjQ3MTk0Mi0yOS40NzE5NDIgMC0xNi4yNzc5NjggMTMuMTk3OTc0LTI5LjQ3MTk0MiAyOS40NzE5NDItMjkuNDcxOTQyaDM3LjIzNzkyOGMxNi4yNzM5NjggMCAyOS40NzE5NDIgMTMuMTk1OTc0IDI5LjQ3MTk0MiAyOS40NzE5NDIgMCAxNi4yNzc5NjgtMTMuMTkzOTc0IDI5LjQ3MTk0Mi0yOS40NzE5NDIgMjkuNDcxOTQyek02NjkuMTM4NjkzIDU0MS40NzA5NDJoLTM3LjIzNTkyN2MtMTYuMjczOTY4IDAtMjkuNDcxOTQyLTEzLjE5NTk3NC0yOS40NzE5NDMtMjkuNDcxOTQyIDAtMTYuMjc3OTY4IDEzLjE5Nzk3NC0yOS40NzE5NDIgMjkuNDcxOTQzLTI5LjQ3MTk0MmgzNy4yMzU5MjdjMTYuMjczOTY4IDAgMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQyIDAuMDAyIDE2LjI3Nzk2OC0xMy4xOTM5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MyAyOS40NzE5NDJ6IiBmaWxsPSIjMkQ1MjdDIiBwLWlkPSI0NDI0Ij48L3BhdGg+PC9zdmc+);animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}')),document.head.appendChild(M)}}catch(T){console.error("vite-plugin-css-injected-by-js",T)}})();
+import { uuid as p, byNameFindIcon as T, oss as w, icons as E } from "@codernote/utils";
+import k from "vue-inline-svg";
+import D from "vue-popperjs";
+class $ {
+  constructor() {
+    this.events = {};
+  }
+  set(e, n) {
+    this[e] = n;
+  }
+  get(e) {
+    return this[e];
+  }
+  remove(e) {
+    delete this[e];
+  }
+  on(e, n) {
+    this.events[e] = n;
+  }
+  trigger(e) {
+    this.events[e] && (this.events[e](), delete this.events[e]);
+  }
+}
+const h = new $();
+function f() {
+  let t = window.getSelection();
+  if (t.rangeCount > 0)
+    return t.getRangeAt(0).startOffset;
+}
+function u(t, e = 0, n = !1) {
+  if (!t || !t.isContentEditable) {
+    console.error("Element is not contenteditable");
+    return;
+  }
+  const s = window.getSelection(), i = document.createRange();
+  s.removeAllRanges();
+  try {
+    let o = t;
+    if (t.childNodes.length > 0 ? o = t.childNodes[0] : (n || e > 0) && (o = document.createTextNode(""), t.appendChild(o)), n)
+      i.selectNodeContents(o), i.collapse(!1);
+    else {
+      const r = Math.min(e, o.length || 0);
+      i.setStart(o, r), i.collapse(!0);
+    }
+    s.addRange(i);
+  } catch (o) {
+    console.error("Error setting focus position:", o);
+  }
+}
+function b(t) {
+  let e = t.target.getBoundingClientRect(), n = t.clientY, s = e.top + e.height / 3, i = e.top + e.height / 3 * 2;
+  return n < s ? "top" : n < i ? "center" : "bottom";
+}
+function y(t) {
+  return /<(img|audio|video)/.test(t.text) || t.type;
+}
+function N(t) {
+  const n = new DOMParser().parseFromString(t, "text/html"), s = n.querySelector("img"), i = n.querySelector("video"), o = n.querySelector("audio");
+  return s ? {
+    type: "image",
+    content: s.src
+  } : i ? {
+    type: "video",
+    content: i.src
+  } : o ? {
+    type: "audio",
+    content: o.src
+  } : null;
+}
+function C(t, e) {
+  var n;
+  return (n = e.children) != null && n.length ? e.children.some(
+    (s) => s.uuid === t.uuid || C(t, s)
+  ) : !1;
+}
+function m(t, e, n, s, i, o, r, l) {
+  var a = typeof t == "function" ? t.options : t;
+  e && (a.render = e, a.staticRenderFns = n, a._compiled = !0), s && (a.functional = !0), o && (a._scopeId = "data-v-" + o);
+  var d;
+  if (r ? (d = function(c) {
+    c = c || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !c && typeof __VUE_SSR_CONTEXT__ < "u" && (c = __VUE_SSR_CONTEXT__), i && i.call(this, c), c && c._registeredComponents && c._registeredComponents.add(r);
+  }, a._ssrRegister = d) : i && (d = l ? function() {
+    i.call(
       this,
-      (i.functional ? this.parent : this).$root.$options.shadowRoot
+      (a.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : n), s)
-    if (i.functional) {
-      i._injectStyles = s;
-      var h = i.render;
-      i.render = function(g, u) {
-        return s.call(u), h(g, u);
+  } : i), d)
+    if (a.functional) {
+      a._injectStyles = d;
+      var _ = a.render;
+      a.render = function(x, v) {
+        return d.call(v), _(x, v);
       };
     } else {
-      var d = i.beforeCreate;
-      i.beforeCreate = d ? [].concat(d, s) : [s];
+      var g = a.beforeCreate;
+      a.beforeCreate = g ? [].concat(g, d) : [d];
     }
   return {
     exports: t,
-    options: i
+    options: a
   };
 }
-const T = {
+const S = {
+  props: {
+    node: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    readOnly: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data: function() {
+    return {
+      disableInput: !0
+    };
+  },
+  computed: {
+    isMedia() {
+      return y(this.node);
+    }
+  },
+  methods: {
+    formatReadOnly(t) {
+      return (t || "").replace("contenteditable", "temp");
+    },
+    handleCompositionStart() {
+      this.disableInput = !1, clearTimeout(this.blurHdl);
+    },
+    handleCompositionEnd() {
+      this.disableInput = !0;
+    },
+    handleKeyup(t) {
+      const e = this.node;
+      if (this.isMedia)
+        return t.preventDefault(), !1;
+      if (this.disableInput || t.which === 32) {
+        const s = f(), i = e.text !== t.target.innerHTML;
+        e.text = t.target.innerHTML, this.$nextTick(() => {
+          u(t.target, s);
+        }), i && this.update();
+      }
+    },
+    handleKeydown(t) {
+      switch (t.key) {
+        case "Backspace":
+          this.handleBackspace(t);
+          break;
+        case "ArrowUp":
+          this.handleArrowUp(t);
+          break;
+        case "ArrowDown":
+          this.handleArrowDown(t);
+          break;
+        case "ArrowLeft":
+          this.handleArrowLeft(t);
+          break;
+        case "ArrowRight":
+          this.handleArrowRight(t);
+          break;
+        case "Tab":
+          this.handleTab(t);
+          break;
+        case "Enter":
+          this.handleEnter(t);
+          break;
+        default:
+          if (this.isMedia)
+            return t.preventDefault(), !1;
+          break;
+      }
+    },
+    handleBackspace(t) {
+      var n;
+      const e = this.node;
+      if (this.isMedia)
+        t.preventDefault(), this.$emit("toPrevFocus", e, !0), this.remove();
+      else {
+        const s = window.getSelection();
+        let i = s.focusOffset - 1;
+        if (t.target && s && i < 0) {
+          if (t.preventDefault(), (n = e.children) != null && n.length)
+            return;
+          this.$emit("toPrevFocus", e, !0), this.$emit("remove", e);
+        }
+      }
+    },
+    handleTab(t) {
+      this.$emit("tab", t, this.node);
+    },
+    handleEnter(t) {
+      const e = this.node;
+      if (t.preventDefault(), t.ctrlKey) {
+        this.$emit("collapse", e, !1);
+        const n = {
+          text: "",
+          uuid: p()
+        };
+        e.children ? e.children.unshift(n) : e.children = [n], this.update(), this.$nextTick(() => {
+          this.$emit("toFocus", n);
+        });
+      } else
+        this.disableInput && this.$emit("enter", e);
+    },
+    handleDbClick(t) {
+      t.preventDefault();
+      const e = window.getSelection();
+      e.removeAllRanges();
+      const n = document.createRange();
+      n.setStart(t.target.childNodes[0], 0), n.setEnd(t.target.childNodes[0], t.target.innerText.length), e.addRange(n);
+    },
+    handleArrowLeft(t) {
+      const e = this.node;
+      t.preventDefault();
+      const n = t.target, s = window.getSelection();
+      if (n && s) {
+        const i = s.focusOffset - 1;
+        i < 0 ? this.$emit("toPrevFocus", e, !0) : this.$nextTick(() => {
+          u(n, i);
+        });
+      }
+    },
+    handleArrowRight(t) {
+      const e = this.node;
+      t.preventDefault();
+      const n = t.target, s = window.getSelection();
+      if (n && s) {
+        const i = s.focusOffset + 1, o = n.innerText.length;
+        s.focusOffset === 0 && e.type ? u(n, i, !0) : i > o ? this.$emit("toNextFocus", e, !0, !0) : u(n, i);
+      }
+    },
+    handleArrowDown(t) {
+      const e = this.node;
+      t.preventDefault(), this.$emit("toNextFocus", e, !1, !0);
+    },
+    handleArrowUp(t) {
+      const e = this.node;
+      t.preventDefault(), this.$emit("toPrevFocus", e);
+    },
+    remove() {
+      this.$emit("remove", this.node);
+    },
+    update() {
+      this.$emit("change", this.node);
+    }
+  }
+};
+var P = function() {
+  var e = this, n = e._self._c;
+  return n("div", { ref: "row", staticClass: "node-div" }, [n("span", { staticClass: "node-icon", on: { click: function(s) {
+    return s.stopPropagation(), e.$emit("collapse", e.node);
+  } } }), e.node.type ? n("div", { staticClass: "node-text", attrs: { contenteditable: !e.readOnly }, on: { compositionstart: function(s) {
+    return s.stopPropagation(), e.handleCompositionStart.apply(null, arguments);
+  }, compositionend: function(s) {
+    return s.stopPropagation(), e.handleCompositionEnd.apply(null, arguments);
+  }, keydown: function(s) {
+    return s.stopPropagation(), e.handleKeydown.apply(null, arguments);
+  }, dblclick: function(s) {
+    return s.stopPropagation(), e.handleDbClick.apply(null, arguments);
+  } } }, [n("div", { class: `node-media node-${e.node.type}`, attrs: { contenteditable: !e.readOnly } }, [e.node.type === "image" ? n("img", { attrs: { src: e.node.content, width: "80", height: "80" } }) : e._e(), e.node.type === "audio" ? n("audio", { attrs: { src: e.node.content, controls: "", width: "300", height: "80" } }) : e._e(), e.node.type === "video" ? n("video", { attrs: { src: e.node.content, controls: "", width: "300", height: "80" } }) : e._e(), e.readOnly ? e._e() : n("div", { staticClass: "node-del", on: { click: function(s) {
+    return s.stopPropagation(), e.remove.apply(null, arguments);
+  } } })])]) : n("div", { staticClass: "node-text", attrs: { contenteditable: !e.readOnly }, domProps: { innerHTML: e._s(e.readOnly ? e.formatReadOnly(e.node.text) : e.node.text) }, on: { compositionstart: function(s) {
+    return s.stopPropagation(), e.handleCompositionStart.apply(null, arguments);
+  }, compositionend: function(s) {
+    return s.stopPropagation(), e.handleCompositionEnd.apply(null, arguments);
+  }, keyup: function(s) {
+    return s.stopPropagation(), e.handleKeyup.apply(null, arguments);
+  }, keydown: function(s) {
+    return s.stopPropagation(), e.handleKeydown.apply(null, arguments);
+  }, dblclick: function(s) {
+    return s.stopPropagation(), e.handleDbClick.apply(null, arguments);
+  } } })]);
+}, F = [], O = /* @__PURE__ */ m(
+  S,
+  P,
+  F,
+  !1,
+  null,
+  "d4b555c8",
+  null,
+  null
+);
+const I = O.exports;
+const R = {
+  name: "tree-editor",
+  components: { Node: I },
+  props: {
+    nodes: {
+      type: Array,
+      default: function() {
+        return [];
+      }
+    },
+    readOnly: {
+      type: Boolean,
+      default: !1
+    },
+    allowEmpty: {
+      type: Boolean,
+      default: !1
+    },
+    enableDbEnter: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data: function() {
+    return {
+      status: {},
+      timeout: null
+    };
+  },
+  watch: {
+    nodes: {
+      handler() {
+        this.precheck();
+      },
+      immediate: !0
+    }
+  },
+  methods: {
+    handleDragStart(t, e) {
+      t.dataTransfer.setData("dragNode", JSON.stringify(e)), h.on("dragEnd", () => {
+        const n = this.nodes.filter((s) => s !== e);
+        this.update(n);
+      }), h.set("dragId", e.uuid);
+    },
+    handleDragLeave() {
+      this.clearDragClass();
+    },
+    handleDragOver(t, e) {
+      const n = t.currentTarget, s = h.get("dragId") ? document.getElementById(h.get("dragId")) : null;
+      if (!n || h.get("dragId") === e.uuid || s != null && s.querySelector(`[id="${e.uuid}"]`)) {
+        t.dataTransfer.dropEffect = "none";
+        return;
+      }
+      this.clearDragClass();
+      const i = b(t);
+      i === "top" ? n.classList.add("drag-over-top") : i === "center" ? n.classList.add("drag-over-center") : n.classList.add("drag-over-bottom");
+    },
+    handleDrop(t, e) {
+      t.stopPropagation();
+      const n = t.dataTransfer.files;
+      if (this.clearDragClass(), n.length)
+        this.addFiles(n, e);
+      else {
+        let s = t.dataTransfer.getData("dragNode");
+        const i = b(t);
+        try {
+          s = JSON.parse(s);
+        } catch {
+        }
+        if (e.uuid === s.uuid || C(e, s))
+          return;
+        let o = [...this.nodes];
+        if (o.find((r) => r.uuid === s.uuid) ? o = o.filter((r) => r.uuid !== s.uuid) : h.trigger("dragEnd"), h.remove("dragId"), i === "center" && (this.status[e.uuid].collapsed = !1, e.children ? e.children.push(s) : e.children = [s], this.$nextTick(() => {
+          this.update(o);
+        })), i === "top") {
+          const r = o.findIndex((l) => l === e);
+          o.splice(r, 0, s), this.update(o);
+        }
+        if (i === "bottom") {
+          const r = o.findIndex((l) => l === e);
+          o.splice(r + 1, 0, s), this.update(o);
+        }
+      }
+    },
+    handlePaste(t, e) {
+      const n = t.clipboardData.files;
+      n.length != 0 && (this.addFiles(n, e), t.preventDefault());
+    },
+    clearDragClass() {
+      ["drag-over-top", "drag-over-center", "drag-over-bottom"].forEach(
+        (t) => {
+          document.querySelectorAll(`.${t}`).forEach((e) => e.classList.remove(t));
+        }
+      );
+    },
+    handleTab(t, e) {
+      var o;
+      t.preventDefault();
+      const n = [...this.nodes], s = n.findIndex((r) => r === e), i = f();
+      if (t.shiftKey)
+        this.$emit("transfer", e);
+      else if (s > 0) {
+        const r = this.nodes[s - 1];
+        (o = this.status[r.uuid]) != null && o.collapsed && (this.status[r.uuid].collapsed = !1), r.children ? r.children.push(e) : r.children = [e], n.splice(s, 1), this.update(n);
+      } else
+        t.target.focus();
+      this.$nextTick(() => {
+        u(this.getTextElement(e), i);
+      });
+    },
+    handleRemove(t) {
+      const e = this.nodes.filter((n) => n.uuid !== t.uuid);
+      if (!this.allowEmpty && this.nodes.length === 1) {
+        const n = {
+          text: "",
+          uuid: p()
+        };
+        e.push(n), setTimeout(() => {
+          this.toFocus(n);
+        }, 200);
+      }
+      this.update(e);
+    },
+    handleTransfer(t, e) {
+      const n = [...this.nodes], s = n.findIndex((o) => o === t), i = t.children.findIndex((o) => o === e);
+      t.children.splice(i, 1), n.splice(s + 1, 0, e), this.update(n);
+    },
+    handleEnter(t) {
+      this.enableDbEnter ? this.timeout ? (clearTimeout(this.timeout), this.timeout = null, this.$emit("dbEnter")) : this.timeout = setTimeout(() => {
+        clearTimeout(this.timeout), this.timeout = null, this.keyEnter(t);
+      }, 180) : this.keyEnter(t);
+    },
+    keyEnter(t) {
+      const e = y(t), n = this.nodes.findIndex((r) => r.uuid === t.uuid), s = f(), i = [...this.nodes], o = { text: "", uuid: p() };
+      if (e)
+        i.splice(n + 1, 0, o);
+      else {
+        let r = t.text.replace(/&nbsp;?/g, " ");
+        t.text = r.slice(0, s), o.text = r.slice(s, r.length), i.splice(n + 1, 0, o);
+      }
+      this.update(i), this.$nextTick(() => {
+        const r = this.getTextElement(o);
+        r == null || r.focus();
+      });
+    },
+    handleChangeChildren(t, e) {
+      t.children = e, this.update();
+    },
+    toPrevFocus(t, e = !1) {
+      var i;
+      const n = f(), s = this.nodes.findIndex((o) => o === t);
+      if (s === 0)
+        this.$emit("focusPrev", e);
+      else {
+        const o = this.nodes[s - 1], r = ((i = o.children) == null ? void 0 : i.length) && !this.status[o.uuid].collapsed, l = this.getTextElement(this.nodes[s - 1], r);
+        u(
+          l,
+          e ? l.innerText.length : n,
+          e
+        );
+      }
+    },
+    toNextFocus(t, e = !1, n = !1) {
+      var o;
+      const s = f(), i = this.nodes.findIndex((r) => r === t);
+      if (n && ((o = t.children) != null && o.length) && !this.status[t.uuid].collapsed) {
+        const r = this.getTextElement(t.children[0]);
+        u(r, e ? 0 : s);
+      } else if (i + 1 >= this.nodes.length)
+        this.$emit("focusNext", !0);
+      else {
+        const r = this.getTextElement(this.nodes[i + 1]);
+        u(r, e ? 0 : s);
+      }
+    },
+    toFocus(t, e = !1) {
+      let n = f();
+      const s = this.getTextElement(t);
+      u(s, n, e);
+    },
+    addFiles(t, e, n = 0) {
+      if (t) {
+        const i = Array.from(t).filter((r) => {
+          const l = r.type;
+          return l.startsWith("video") || l.startsWith("audio") || l.startsWith("image");
+        }).slice(0, 5), o = (r) => {
+          const l = [...this.nodes];
+          let a = l.findIndex((d) => d === e);
+          r.forEach((d, _) => {
+            const g = d.type.split("/")[0], c = d.url;
+            !e.text && !e.content && _ === 0 ? (e.type = g, e.content = c) : l.splice(a + 1 + n, 0, {
+              type: g,
+              content: c,
+              uuid: p()
+            }), a++;
+          }), console.log("update.."), this.update(l);
+        };
+        this.$emit("fileUpload", i, o);
+      }
+    },
+    handleCollapse(t, e) {
+      typeof e == "boolean" ? this.status[t.uuid].collapsed = e : this.status[t.uuid].collapsed = !this.status[t.uuid].collapsed;
+    },
+    getElement(t) {
+      return t && t.uuid ? document.getElementById(t.uuid) : null;
+    },
+    getTextElement(t, e = !1) {
+      const n = this.getElement(t);
+      if (e) {
+        const s = n.querySelectorAll(".node-text");
+        return s[s.length - 1];
+      }
+      return n == null ? void 0 : n.querySelector(".node-text");
+    },
+    head(t = !1) {
+      const e = this.getTextElement(this.nodes[0]);
+      return t && e && e.focus(), e;
+    },
+    // 前置数据处理，旧数据兼容
+    precheck() {
+      let t = !1;
+      this.nodes.forEach((e) => {
+        if (e.uuid || (e.uuid = p(), t = !0), y(e) && !e.type) {
+          const n = N(e.text);
+          n && (e.type = n.type, e.content = n.content), t = !0;
+        }
+      }), t ? this.update() : this.ensureStatus(this.nodes);
+    },
+    ensureStatus(t) {
+      t.forEach((e) => {
+        this.status[e.uuid] || (this.$set ? this.$set(this.status, e.uuid, { collapsed: !1 }) : this.status[e.uuid] = { collapsed: !1 });
+      });
+    },
+    handleNodeChange(t) {
+      const e = this.nodes.map((n) => n.uuid === t.uuid ? t : n);
+      this.update(e);
+    },
+    update(t = this.nodes) {
+      console.log("==update nodes list=="), this.ensureStatus(t), this.$emit("change", [...t]);
+    }
+  }
+};
+var A = function() {
+  var e = this, n = e._self._c;
+  return e.readOnly ? n("ul", { staticClass: "node-ul readOnly" }, e._l(e.nodes, function(s) {
+    return n("li", { key: s.uuid, class: {
+      "node-li": !0,
+      collapsed: e.status[s.uuid] ? e.status[s.uuid].collapsed : !1,
+      "has-child": !!(s.children || []).length
+    }, attrs: { id: `${s.uuid}` } }, [n("Node", { attrs: { node: s, readOnly: "" }, on: { collapse: e.handleCollapse } }), (s.children || []).length ? n("tree-editor", { attrs: { nodes: s.children } }) : e._e()], 1);
+  }), 0) : n("ul", { staticClass: "node-ul" }, e._l(e.nodes, function(s) {
+    return n("li", { key: s.uuid, ref: "elements", refInFor: !0, class: {
+      "node-li": !0,
+      collapsed: e.status[s.uuid] ? e.status[s.uuid].collapsed : !1,
+      "has-child": !!(s.children || []).length
+    }, attrs: { id: `${s.uuid}`, draggable: "true" }, on: { dragstart: function(i) {
+      return i.stopPropagation(), e.handleDragStart(i, s);
+    }, dragover: function(i) {
+      return i.stopPropagation(), i.preventDefault(), e.handleDragOver(i, s);
+    }, drop: function(i) {
+      return i.stopPropagation(), e.handleDrop(i, s);
+    }, dragleave: function(i) {
+      return i.stopPropagation(), e.handleDragLeave(i, s);
+    }, paste: function(i) {
+      return i.stopPropagation(), i.preventDefault(), e.handlePaste(i, s);
+    } } }, [n("Node", { attrs: { node: s }, on: { change: e.handleNodeChange, toPrevFocus: e.toPrevFocus, toNextFocus: e.toNextFocus, toFocus: e.toFocus, collapse: e.handleCollapse, enter: e.handleEnter, tab: e.handleTab, remove: e.handleRemove } }), (s.children || []).length ? n("tree-editor", { attrs: { nodes: s.children, allowEmpty: !0 }, on: { change: (i) => e.handleChangeChildren(s, i), focusPrev: (i) => e.toFocus(s, i), focusNext: (i) => e.toNextFocus(s, i), transfer: (i) => e.handleTransfer(s, i), fileUpload: (...i) => e.$emit("fileUpload", ...i) } }) : e._e()], 1);
+  }), 0);
+}, L = [], B = /* @__PURE__ */ m(
+  R,
+  A,
+  L,
+  !1,
+  null,
+  "b5580425",
+  null,
+  null
+);
+const U = B.exports;
+const K = {
   components: {
-    Popper: m
+    Popper: D
   }
 };
-var w = function() {
-  var e = this, o = e._self._c;
-  return o("Popper", { attrs: { trigger: "hover", options: {
+var M = function() {
+  var e = this, n = e._self._c;
+  return n("Popper", { attrs: { trigger: "hover", options: {
     placement: "bottom",
     modifiers: { offset: { offset: "0px, 22px" } }
-  } } }, [e._t("default"), o("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._t("trigger")], 2)], 2);
-}, E = [], k = /* @__PURE__ */ p(
-  T,
-  w,
-  E,
+  } } }, [e._t("default"), n("span", { attrs: { slot: "reference" }, slot: "reference" }, [e._t("trigger")], 2)], 2);
+}, z = [], H = /* @__PURE__ */ m(
+  K,
+  M,
+  z,
   !1,
   null,
   "7f00d874",
   null,
   null
 );
-const S = k.exports;
-const N = {
+const q = H.exports;
+const W = {
   show: !0,
   // tag总开关，false时取消tag所有功能
   tagSize: 20,
@@ -65,11 +598,12 @@ const N = {
   // 图标定位left值
   tagT: "3px"
   // 图标定位top值
-}, D = {
+}, J = {
   name: "recordTree",
   components: {
-    InlineSvg: v,
-    Picker: S
+    InlineSvg: k,
+    Picker: q,
+    TreeEditor: U
   },
   props: {
     note: {
@@ -78,6 +612,10 @@ const N = {
         return { title: "" };
       }
     },
+    readOnly: {
+      type: Boolean,
+      default: !1
+    },
     // 图标相关配置
     tags: {
       type: Array,
@@ -105,68 +643,53 @@ const N = {
   },
   data() {
     return {
-      treeEditor: null,
       uploadLoading: !1,
       timeout: null,
-      tagConfig: { ...N }
+      tagConfig: { ...W },
+      curNodes: [{ text: "", uuid: p() }],
+      noteId: null
     };
   },
-  async created() {
-    this.loadNote();
-  },
   computed: {
     curTag() {
       var e;
       if (this.note.tag)
         return this.note.tag;
       const t = this.tags.find(
-        (o) => o.created_at === this.note.tag_id
+        (n) => n.created_at === this.note.tag_id
       );
       return {
         ...t,
-        icon: (e = b(t.icon)) == null ? void 0 : e.value
+        icon: t ? (e = T(t.icon)) == null ? void 0 : e.value : ""
       };
-    },
-    curNodes() {
-      const t = this.note.content || '[{"text":""}]';
-      try {
-        return JSON.parse(t);
-      } catch {
-        return [
-          {
-            text: t
-          }
-        ];
-      }
     }
   },
   watch: {
-    note(t, e) {
-      t.id !== e.id && this.loadNote();
-    }
-  },
-  mounted() {
-    this.treeEditor = new _("root_tree"), this.$nextTick(() => {
-      this.treeEditor.on("fileUpload", (t, e) => {
-        this.uploadLoading = !0, C.uploadFile(t, (o, r) => {
-          if (this.uploadLoading = !1, r && e) {
-            const n = r.filter((l) => l.code === 0).map((l) => l.data);
-            e(n);
+    note: {
+      handler(t) {
+        if (this.note.content && (!this.noteId || this.noteId !== this.note.id || this.note.content !== (t == null ? void 0 : t.content)))
+          try {
+            this.noteId = this.note.id, this.curNodes = JSON.parse(this.note.content), this.curNodes.length || this.curNodes.push({
+              text: "",
+              uuid: p()
+            });
+          } catch {
           }
-        });
-      }), this.treeEditor.on("dataChanged", (t) => {
-        this.treeChange({
-          ...this.note,
-          content: JSON.stringify(t)
-        });
-      }), this.enableDbEnter && this.treeEditor.on("dbEnter", () => {
-        this.$emit("dbEnter");
-      }), this.treeEditor.loadTree(this.curNodes);
-    });
+      },
+      immediate: !0
+    }
   },
   methods: {
-    loadNote() {
-      this.treeEditor && this.treeEditor.loadTree(this.curNodes, 1);
+    handleFileUpload(t, e) {
+      this.uploadLoading = !0, w.uploadFile(t, (n, s) => {
+        if (s) {
+          if (e) {
+            const i = s.filter((o) => o.code === 0).map((o) => o.data);
+            e(i);
+          }
+          this.uploadLoading = !1;
+        }
+      });
     },
     treeChange(t) {
       "content" in this.note && (this.note.content != t.content || this.note.title != t.title) && this.$emit("change", {
@@ -179,7 +702,7 @@ const N = {
     },
     // 根据svg的icon名找到svg实体
     getSvgUrl(t) {
-      const e = y.find((o) => o.name === t.icon);
+      const e = E.find((n) => n.name === t.icon);
       return (e == null ? void 0 : e.value) || "";
     },
     // 选择tag图标
@@ -207,8 +730,8 @@ const N = {
     // 标题enter输入
     handleTitleEnter(t) {
       t.preventDefault(), this.enableDbEnter ? this.timeout ? (clearTimeout(this.timeout), this.timeout = null, this.titleBlur(t), this.$emit("dbEnter")) : this.timeout = setTimeout(() => {
-        this.timeout = null, this.treeEditor.head(!0);
-      }, 180) : this.treeEditor.head(!0);
+        this.timeout = null, this.focusContent();
+      }, 180) : this.focusContent();
     },
     handleDragoverTitle(t) {
       t.preventDefault(), t.dataTransfer.dropEffect = "none";
@@ -216,15 +739,22 @@ const N = {
     handleTitlePaste(t) {
       if (t.clipboardData) {
         const e = t.clipboardData.items;
-        Array.from(e).some((r) => r.kind === "file") && (t.preventDefault(), this.treeEditor.addFiles(
-          {
-            target: this.treeEditor.head(!0)
-          },
+        Array.from(e).some((s) => s.kind === "file") && (t.preventDefault(), this.$refs.treeEditor.addFiles(
           t.clipboardData.files,
+          this.curNodes[0],
           -1
         ));
       }
     },
+    handleChangeNodes(t) {
+      this.curNodes = t, this.treeChange({
+        ...this.note,
+        content: JSON.stringify(t)
+      });
+    },
+    focusContent() {
+      return this.$refs.treeEditor.head(!0);
+    },
     // 移动端=====================
     setToParent() {
       let t = new KeyboardEvent("keydown", {
@@ -267,50 +797,49 @@ const N = {
     }
   }
 };
-var $ = function() {
-  var e = this, o = e._self._c;
-  return o("div", { staticClass: "record-tree", on: { mouseenter: e.hideHoverNote } }, [e._t("default"), o("div", { staticClass: "record-tree-title-bar" }, [e.tagVisible ? o("Picker", { scopedSlots: e._u([{ key: "default", fn: function() {
-    return [o("div", { staticClass: "record-tree-popper-content", style: { width: e.tagConfig.popW, height: e.tagConfig.popH } }, e._l(e.tags, function(r, n) {
-      return o("span", { key: n, staticClass: "record-tree-popper-content-item", on: { click: function(l) {
-        return e.tagSelect(r);
-      } } }, [e.getSvgUrl(r) ? o("inline-svg", { staticClass: "record-tree-svg", style: { backgroundColor: r.color }, attrs: { src: e.getSvgUrl(r), width: e.tagConfig.tagSize, height: e.tagConfig.tagSize } }) : o("span", { staticClass: "record-tree-empty-icon", style: {
+var V = function() {
+  var e = this, n = e._self._c;
+  return n("div", { staticClass: "record-tree", on: { mouseenter: e.hideHoverNote } }, [e._t("default"), n("div", { staticClass: "record-tree-title-bar" }, [e.tagVisible ? n("Picker", { scopedSlots: e._u([e.readOnly ? null : { key: "default", fn: function() {
+    return [n("div", { staticClass: "record-tree-popper-content", style: { width: e.tagConfig.popW, height: e.tagConfig.popH } }, e._l(e.tags, function(s, i) {
+      return n("span", { key: i, staticClass: "record-tree-popper-content-item", on: { click: function(o) {
+        return e.tagSelect(s);
+      } } }, [e.getSvgUrl(s) ? n("inline-svg", { staticClass: "record-tree-svg", style: { backgroundColor: s.color }, attrs: { src: e.getSvgUrl(s), width: e.tagConfig.tagSize, height: e.tagConfig.tagSize } }) : n("span", { staticClass: "record-tree-empty-icon", style: {
         width: e.tagConfig.tagSize + "px",
         height: e.tagConfig.tagSize + "px",
-        backgroundColor: r.color
+        backgroundColor: s.color
       } })], 1);
     }), 0)];
   }, proxy: !0 }, { key: "trigger", fn: function() {
-    return [o("span", { staticClass: "record-tree-popper-reference", style: {
+    return [n("span", { staticClass: "record-tree-popper-reference", style: {
       backgroundColor: e.curTag.color,
       top: e.tagConfig.tagT,
       left: e.tagConfig.tagL
-    } }, [e.curTag.icon ? o("inline-svg", { staticClass: "record-tree-svg", attrs: { src: e.curTag.icon, width: e.tagConfig.tagSize, height: e.tagConfig.tagSize } }) : o("span", { staticClass: "record-tree-svg", style: {
+    } }, [e.curTag.icon ? n("inline-svg", { staticClass: "record-tree-svg", attrs: { src: e.curTag.icon, width: e.tagConfig.tagSize, height: e.tagConfig.tagSize } }) : n("span", { staticClass: "record-tree-svg", style: {
       width: e.tagConfig.tagSize + "px",
       height: e.tagConfig.tagSize + "px",
       backgroundColor: e.curTag.color
     } })], 1)];
-  }, proxy: !0 }], null, !1, 707000491) }) : e._e(), o("div", { staticClass: "record-tree-title", attrs: { contenteditable: "true", id: "tree_title" }, domProps: { innerHTML: e._s(e.note.title) }, on: { blur: e.titleBlur, click: function(r) {
-    r.stopPropagation();
-  }, keydown: function(r) {
-    return !r.type.indexOf("key") && e._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : (r.preventDefault(), e.handleTitleEnter.apply(null, arguments));
-  }, paste: e.handleTitlePaste, dragover: e.handleDragoverTitle } })], 1), e._m(0), e.isMobile ? o("div", { staticClass: "record-tree-mobile-options" }, [o("div", { staticClass: "record-tree-option-left" }, [o("div", { staticClass: "record-tree-option-item", on: { click: e.setToParent } }, [e._v("向前")]), o("div", { staticClass: "record-tree-option-item", on: { click: e.setToChild } }, [e._v("向后")]), o("div", { staticClass: "record-tree-option-item", on: { click: e.setToUp } }, [e._v("向上")]), o("div", { staticClass: "record-tree-option-item", on: { click: e.setToDown } }, [e._v("向下")])]), o("div", { staticClass: "record-tree-option-right" }, [e.showComplete ? o("div", { staticClass: "record-tree-option-item", on: { click: e.complete } }, [e._v(" 完成 ")]) : e._e()])]) : e._e(), e.uploadLoading ? o("div", { staticClass: "record-tree-upload-loading" }, [e._m(1)]) : e._e()], 2);
-}, x = [function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticStyle: { "padding-left": "25px" } }, [e("div", { attrs: { id: "root_tree" } })]);
-}, function() {
+  }, proxy: !0 }], null, !0) }) : e._e(), n("div", { staticClass: "record-tree-title", attrs: { contenteditable: !e.readOnly, id: "tree_title" }, domProps: { innerHTML: e._s(e.note.title) }, on: { blur: e.titleBlur, click: function(s) {
+    s.stopPropagation();
+  }, keydown: function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.handleTitleEnter.apply(null, arguments));
+  }, paste: e.handleTitlePaste, dragover: e.handleDragoverTitle } })], 1), n("div", { staticStyle: { "padding-left": "25px" } }, [n("div", { attrs: { id: "root_tree" } }, [n("TreeEditor", { ref: "treeEditor", attrs: { nodes: e.curNodes, readOnly: e.readOnly, enableDbEnter: e.enableDbEnter }, on: { change: e.handleChangeNodes, fileUpload: e.handleFileUpload, dbEnter: function(s) {
+    return e.$emit("dbEnter");
+  } } })], 1)]), e.isMobile ? n("div", { staticClass: "record-tree-mobile-options" }, [n("div", { staticClass: "record-tree-option-left" }, [n("div", { staticClass: "record-tree-option-item", on: { click: e.setToParent } }, [e._v("向前")]), n("div", { staticClass: "record-tree-option-item", on: { click: e.setToChild } }, [e._v("向后")]), n("div", { staticClass: "record-tree-option-item", on: { click: e.setToUp } }, [e._v("向上")]), n("div", { staticClass: "record-tree-option-item", on: { click: e.setToDown } }, [e._v("向下")])]), n("div", { staticClass: "record-tree-option-right" }, [e.showComplete ? n("div", { staticClass: "record-tree-option-item", on: { click: e.complete } }, [e._v(" 完成 ")]) : e._e()])]) : e._e(), e.uploadLoading ? n("div", { staticClass: "record-tree-upload-loading" }, [e._m(0)]) : e._e()], 2);
+}, G = [function() {
   var t = this, e = t._self._c;
   return e("p", [e("span", { staticClass: "record-tree-icon record-tree-icon-loading" }), e("b", [t._v("正在上传资源，请稍后...")])]);
-}], P = /* @__PURE__ */ p(
-  D,
-  $,
-  x,
+}], X = /* @__PURE__ */ m(
+  J,
+  V,
+  G,
   !1,
   null,
   null,
   null,
   null
 );
-const L = P.exports;
+const Z = X.exports;
 export {
-  L as RecordTree
+  Z as RecordTree
 };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@codernote/record-tree",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {
     "vue-inline-svg": "^2.1.3",
     "vue-popperjs": "^2.3.0",
-    "@codernote/tree-editor": "1.0.7",
-    "@codernote/utils": "1.0.5"
+    "@codernote/tree-editor": "1.0.8",
+    "@codernote/utils": "1.1.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue2": "^2.3.1",