@codernote/record-tree 0.0.1

package/README.md

@@ -0,0 +1 @@
+# 记录软件 - 记录树

package/dist/record-tree.js

@@ -0,0 +1,316 @@
+(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}.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}.popper-content-item{padding:8px 10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.inline-svg{display:inline-block;border-radius:9999px;color:#fff;cursor:pointer}body.is-full-screen .tree-editor{margin-top:0!important}.tree-title-div{position:relative;display:flex;margin-bottom:3px}.tree-title{padding-left:25px;font-weight:700;outline:none;font-size:1.125rem;line-height:1.5;width:100%}.popper-reference{display:flex;position:absolute;top:0px;left:0px;text-align:center;border-radius:9999px;color:#fff}.tree-div{padding-left:25px}.mobile-options{position:fixed;bottom:0px;left:0px;width:100%;display:flex;justify-content:space-between;padding:5px 0;background:rgb(236,236,236)}.option-left{display:flex;padding-left:10px}.option-right{padding-right:10px}.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}.empty-icon{display:inline-block;border-radius:9999px}.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}.tree-upload-loading{position:absolute;left:0;top:0;bottom:0;right:0}.tree-upload-loading p{display:flex;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}.tree-upload-loading{font-size:12px;font-weight:400;color:#666}.icon.icon-loading{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzA2ODY0NzA3OTc0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ0MTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTc0Mi4yOTQ1NSAzMzQuMjc3MzQ3bC01Mi41NzU4OTctNTIuNTc1ODk3Yy0xMC4wNjk5OC0xMC4wNjk5OC0xMC4wNjk5OC0yNi40MDE5NDggMC0zNi40NzE5MjlsMTAwLjcxNzgwMy0xMDAuNzE3ODAzYzEwLjA2OTk4LTEwLjA2OTk4IDI2LjQwMTk0OC0xMC4wNjk5OCAzNi40NzE5MjkgMGw1Mi41NzU4OTcgNTIuNTc1ODk3YzEwLjA2OTk4IDEwLjA2OTk4IDEwLjA2OTk4IDI2LjQwMTk0OCAwIDM2LjQ3MTkyOWwtMTAwLjcxNzgwMyAxMDAuNzE3ODAzYy0xMC4wNzM5OCAxMC4wNzM5OC0yNi40MDE5NDggMTAuMDczOTgtMzYuNDcxOTI5IDB6IiBmaWxsPSIjQ0VFOEZBIiBwLWlkPSI0NDE3Ij48L3BhdGg+PHBhdGggZD0iTTc2MC41Mjg1MTUgMzcxLjMwNTI3NWMtMTQuNzU5OTcxIDAtMjguNjM1OTQ0LTUuNzQ3OTg5LTM5LjA3NTkyNC0xNi4xODM5NjlsLTUyLjU3NTg5Ny01Mi41NzU4OTdjLTEwLjQzNTk4LTEwLjQzNTk4LTE2LjE4NTk2OC0yNC4zMTU5NTMtMTYuMTg1OTY5LTM5LjA3NTkyNCAwLTE0Ljc2MTk3MSA1Ljc0OTk4OS0yOC42NDE5NDQgMTYuMTg5OTY5LTM5LjA4MTkyM2wxMDAuNzEzODAzLTEwMC43MTM4MDRjMTAuNDM5OTgtMTAuNDM1OTggMjQuMzE1OTUzLTE2LjE4Mzk2OCAzOS4wNzc5MjQtMTYuMTgzOTY4IDE0Ljc1OTk3MSAwIDI4LjYzNTk0NCA1Ljc0Nzk4OSAzOS4wNzU5MjMgMTYuMTc5OTY4bDUyLjU3NTg5OCA1Mi41Nzk4OThjMTAuNDM1OTggMTAuNDMzOTggMTYuMTg1OTY4IDI0LjMxMTk1MyAxNi4xODU5NjggMzkuMDc1OTIzIDAgMTQuNzU5OTcxLTUuNzQ5OTg5IDI4LjYzNzk0NC0xNi4xODk5NjggMzkuMDc3OTI0bC0xMDAuNzEzODA0IDEwMC43MTM4MDNjLTEwLjQzNTk4IDEwLjQzOTk4LTI0LjMxMzk1MyAxNi4xODc5NjgtMzkuMDc3OTIzIDE2LjE4Nzk2OXogbS00Ny4zNjU5MDgtMTA3LjgzNzc5bDQ3LjM2NTkwOCA0Ny4zNjc5MDggOTUuNTA1ODEzLTk1LjUwOTgxNC00Ny4zNjE5MDctNDcuMzY3OTA3LTk1LjUwOTgxNCA5NS41MDk4MTN6IiBmaWxsPSIjMkQ1MjdDIiBwLWlkPSI0NDE4Ij48L3BhdGg+PHBhdGggZD0iTTE5Ny4wODc2MTUgODc5LjQ4NDI4MmwtNTIuNTc1ODk3LTUyLjU3NTg5N2MtMTAuMDY5OTgtMTAuMDY5OTgtMTAuMDY5OTgtMjYuNDAxOTQ4IDAtMzYuNDcxOTI5bDEwMC43MTc4MDMtMTAwLjcxNzgwM2MxMC4wNjk5OC0xMC4wNjk5OCAyNi40MDE5NDgtMTAuMDY5OTggMzYuNDcxOTI5IDBsNTIuNTc1ODk3IDUyLjU3NTg5N2MxMC4wNjk5OCAxMC4wNjk5OCAxMC4wNjk5OCAyNi40MDE5NDggMCAzNi40NzE5MjlsLTEwMC43MTc4MDMgMTAwLjcxNzgwM2MtMTAuMDY5OTggMTAuMDY5OTgtMjYuMzk3OTQ4IDEwLjA2OTk4LTM2LjQ3MTkyOSAweiIgZmlsbD0iI0NFRThGQSIgcC1pZD0iNDQxOSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTUuMzI1NTc5IDkxNi41MTAyMWMtMTQuNzU5OTcxIDAtMjguNjM1OTQ0LTUuNzQ3OTg5LTM5LjA3NTkyMy0xNi4xODM5NjhsLTUyLjU3NTg5OC01Mi41Nzk4OThjLTEwLjQzNTk4LTEwLjQzMzk4LTE2LjE4NTk2OC0yNC4zMTE5NTMtMTYuMTg1OTY4LTM5LjA3NTkyMyAwLTE0Ljc1OTk3MSA1Ljc0OTk4OS0yOC42Mzc5NDQgMTYuMTg5OTY4LTM5LjA3NzkyNGwxMDAuNzEzODA0LTEwMC43MTM4MDNjMTAuNDM1OTgtMTAuNDM1OTggMjQuMzE1OTUzLTE2LjE4NTk2OCAzOS4wNzc5MjMtMTYuMTg1OTY5IDE0Ljc1OTk3MSAwIDI4LjYzNTk0NCA1Ljc0Nzk4OSAzOS4wNzU5MjQgMTYuMTgzOTY5bDUyLjU3NTg5NyA1Mi41NzU4OTdjMTAuNDM1OTggMTAuNDM1OTggMTYuMTg1OTY4IDI0LjMxNTk1MyAxNi4xODU5NjkgMzkuMDc3OTI0IDAgMTQuNzU5OTcxLTUuNzQ5OTg5IDI4LjYzNzk0NC0xNi4xODk5NjkgMzkuMDc3OTIzbC0xMDAuNzEzODAzIDEwMC43MTM4MDRjLTEwLjQ0MTk4IDEwLjQzNzk4LTI0LjMxNzk1MyAxNi4xODc5NjgtMzkuMDc3OTI0IDE2LjE4Nzk2OHogbS00Ny4zNjU5MDctMTA3LjgzOTc4OWw0Ny4zNjE5MDcgNDcuMzY3OTA3IDk1LjUwOTgxNC05NS41MDk4MTMtNDcuMzY1OTA4LTQ3LjM2NzkwOC05NS41MDU4MTMgOTUuNTA5ODE0eiIgZmlsbD0iIzJENTI3QyIgcC1pZD0iNDQyMCI+PC9wYXRoPjxwYXRoIGQ9Ik02ODkuNzE2NjUzIDc0Mi4yOTQ1NWw1Mi41NzU4OTctNTIuNTc1ODk3YzEwLjA2OTk4LTEwLjA2OTk4IDI2LjQwMTk0OC0xMC4wNjk5OCAzNi40NzE5MjkgMGwxMDAuNzE3ODAzIDEwMC43MTc4MDNjMTAuMDY5OTggMTAuMDY5OTggMTAuMDY5OTggMjYuNDAxOTQ4IDAgMzYuNDcxOTI5bC01Mi41NzU4OTcgNTIuNTc1ODk3Yy0xMC4wNjk5OCAxMC4wNjk5OC0yNi40MDE5NDggMTAuMDY5OTgtMzYuNDcxOTI5IDBsLTEwMC43MTc4MDMtMTAwLjcxNzgwM2MtMTAuMDY5OTgtMTAuMDczOTgtMTAuMDY5OTgtMjYuNDAxOTQ4IDAtMzYuNDcxOTI5eiIgZmlsbD0iI0NFRThGQSIgcC1pZD0iNDQyMSI+PC9wYXRoPjxwYXRoIGQ9Ik04MDguNjcyNDIxIDkxNi41MTAyMWMtMTQuNzYzOTcxIDAtMjguNjM3OTQ0LTUuNzQ5OTg5LTM5LjA3NzkyNC0xNi4xODU5NjhsLTEwMC43MTc4MDMtMTAwLjcxNzgwNGMtMTAuNDM1OTgtMTAuNDM5OTgtMTYuMTg1OTY4LTI0LjMxNTk1My0xNi4xODU5NjktMzkuMDc3OTIzczUuNzQ5OTg5LTI4LjY0MTk0NCAxNi4xODk5NjktMzkuMDgxOTI0bDUyLjU2OTg5Ny01Mi41Njk4OTdjMTAuNDQxOTgtMTAuNDM5OTggMjQuMzE3OTUzLTE2LjE4NTk2OCAzOS4wNzc5MjQtMTYuMTg1OTY5IDE0Ljc2Mzk3MSAwIDI4LjY0MTk0NCA1Ljc0OTk4OSAzOS4wNzc5MjMgMTYuMTg1OTY5bDEwMC43MTc4MDQgMTAwLjcxMzgwM2MxMC40MzU5OCAxMC40Mzk5OCAxNi4xODU5NjggMjQuMzE1OTUzIDE2LjE4NTk2OCAzOS4wNzc5MjRzLTUuNzQ5OTg5IDI4LjY0MTk0NC0xNi4xODk5NjggMzkuMDgxOTIzbC01Mi41Njk4OTggNTIuNTY5ODk4Yy0xMC40NDE5OCAxMC40NDM5OC0yNC4zMTc5NTMgMTYuMTg5OTY4LTM5LjA3NzkyMyAxNi4xODk5Njh6IG0tOTUuNTA5ODE0LTE1NS45ODE2OTVsOTUuNTA5ODE0IDk1LjUwOTgxMyA0Ny4zNjE5MDctNDcuMzY3OTA3LTk1LjUwNTgxMy05NS41MDk4MTQtNDcuMzY1OTA4IDQ3LjM2NzkwOHoiIGZpbGw9IiMyRDUyN0MiIHAtaWQ9IjQ0MjIiPjwvcGF0aD48cGF0aCBkPSJNMTQ0LjUxMzcxOCAxOTcuMDg3NjE1bDUyLjU3NTg5Ny01Mi41NzU4OTdjMTAuMDY5OTgtMTAuMDY5OTggMjYuNDAxOTQ4LTEwLjA2OTk4IDM2LjQ3MTkyOSAwbDEwMC43MTc4MDMgMTAwLjcxNzgwM2MxMC4wNjk5OCAxMC4wNjk5OCAxMC4wNjk5OCAyNi40MDE5NDggMCAzNi40NzE5MjlsLTUyLjU3NTg5NyA1Mi41NzU4OTdjLTEwLjA2OTk4IDEwLjA2OTk4LTI2LjQwMTk0OCAxMC4wNjk5OC0zNi40NzE5MjkgMGwtMTAwLjcxNzgwMy0xMDAuNzEzODAzYy0xMC4wNjk5OC0xMC4wNzM5OC0xMC4wNjk5OC0yNi40MDE5NDggMC0zNi40NzU5Mjl6IiBmaWxsPSIjQ0VFOEZBIiBwLWlkPSI0NDIzIj48L3BhdGg+PHBhdGggZD0iTTI2My40Njk0ODUgMzcxLjMwNTI3NWMtMTQuNzYxOTcxIDAtMjguNjQxOTQ0LTUuNzQ5OTg5LTM5LjA3NzkyMy0xNi4xODU5NjlsLTEwMC43MTc4MDQtMTAwLjcxMzgwM2MtMTAuNDM1OTgtMTAuNDM5OTgtMTYuMTg1OTY4LTI0LjMxNTk1My0xNi4xODU5NjgtMzkuMDc3OTI0IDAtMTQuNzYxOTcxIDUuNzQ5OTg5LTI4LjY0MTk0NCAxNi4xODk5NjgtMzkuMDgxOTIzbDUyLjU2OTg5OC01Mi41Njk4OThjMTAuNDQxOTgtMTAuNDM5OTggMjQuMzE3OTUzLTE2LjE4NTk2OCAzOS4wNzc5MjMtMTYuMTg1OTY4IDE0Ljc2MTk3MSAwIDI4LjYzNzk0NCA1Ljc0Nzk4OSAzOS4wNzc5MjQgMTYuMTgzOTY4bDEwMC43MTc4MDMgMTAwLjcxNzgwNGMxMC40MzU5OCAxMC40Mzk5OCAxNi4xODU5NjggMjQuMzE1OTUzIDE2LjE4NTk2OSAzOS4wNzc5MjMgMCAxNC43NTk5NzEtNS43NDk5ODkgMjguNjM3OTQ0LTE2LjE4OTk2OSAzOS4wNzc5MjRsLTUyLjU2OTg5NyA1Mi41Njk4OTdjLTEwLjQ0NTk4IDEwLjQzOTk4LTI0LjMyMTk1MiAxNi4xODc5NjgtMzkuMDc3OTI0IDE2LjE4Nzk2OXogbS05NS41MDk4MTMtMTU1Ljk3OTY5Nmw5NS41MDU4MTMgOTUuNTA5ODE0IDQ3LjM2NTkwOC00Ny4zNjU5MDgtOTUuNTA1ODE0LTk1LjUxMTgxMy00Ny4zNjU5MDcgNDcuMzY3OTA3ek04OTQuNzY4MjUyIDYwNC40MzY4MTloLTY4LjQ2Nzg2NmMtMzAuNDcxOTQgMC01NS4yNjM4OTItMjQuNzkxOTUyLTU1LjI2Mzg5Mi01NS4yNjE4OTJ2LTc0LjM1Mzg1NGMwLTMwLjQ3MTk0IDI0Ljc5MTk1Mi01NS4yNjE4OTIgNTUuMjYzODkyLTU1LjI2MTg5MmgxNDIuNDMzNzIyYzMwLjQ3MTk0IDAgNTUuMjYzODkyIDI0Ljc5MTk1MiA1NS4yNjM4OTIgNTUuMjYxODkydjc0LjM1Mzg1NGMwIDE2LjI3Nzk2OC0xMy4xOTc5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MiAyOS40NzE5NDNzLTI5LjQ3MTk0Mi0xMy4xOTU5NzQtMjkuNDcxOTQzLTI5LjQ3MTk0M3YtNzAuNjY5ODYyaC0xMzUuMDcxNzM2djY2Ljk4Nzg3aDY0Ljc4Nzg3M2MxNi4yNzM5NjggMCAyOS40NzE5NDIgMTMuMTk1OTc0IDI5LjQ3MTk0MyAyOS40NzE5NDIgMCAxNi4yNzk5NjgtMTMuMTk3OTc0IDI5LjQ3MTk0Mi0yOS40NzM5NDMgMjkuNDcxOTQyek0xOTcuNjk3NjE0IDYwNC40MzY4MTlINTUuMjYzODkyQzI0Ljc5MTk1MiA2MDQuNDM2ODE5IDAgNTc5LjY0NDg2OCAwIDU0OS4xNzY5Mjd2LTc0LjM1Mzg1NGMwLTE2LjI3Nzk2OCAxMy4xOTc5NzQtMjkuNDcxOTQyIDI5LjQ3MTk0Mi0yOS40NzE5NDNzMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQzdjcwLjY2OTg2MmgxMzUuMDcxNzM2di02Ni45ODc4N0gxMjguNTMzNzQ5Yy0xNi4yNzM5NjggMC0yOS40NzE5NDItMTMuMTk1OTc0LTI5LjQ3MTk0Mi0yOS40NzE5NDIgMC0xNi4yNzc5NjggMTMuMTk3OTc0LTI5LjQ3MTk0MiAyOS40NzE5NDItMjkuNDcxOTQyaDY5LjE2Mzg2NWMzMC40NzE5NCAwIDU1LjI2Mzg5MiAyNC43OTE5NTIgNTUuMjYzODkyIDU1LjI2MTg5MnY3NC4zNTM4NTRjMCAzMC40Njc5NC0yNC43OTE5NTIgNTUuMjU5ODkyLTU1LjI2Mzg5MiA1NS4yNTk4OTJ6TTU0OS4xNzY5MjcgMTAyMy45OThINDc0LjgxOTA3M2MtMTYuMjczOTY4IDAtMjkuNDcxOTQyLTEzLjE5Mzk3NC0yOS40NzE5NDMtMjkuNDcxOTQyczEzLjE5Nzk3NC0yOS40NzE5NDIgMjkuNDcxOTQzLTI5LjQ3MTk0M2g3MC42NzM4NjJ2LTEzNS4wNzE3MzZoLTY2Ljk4Nzg3djY2LjE3Nzg3MWMwIDE2LjI3Nzk2OC0xMy4xOTc5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MiAyOS40NzE5NDJzLTI5LjQ3MTk0Mi0xMy4xOTM5NzQtMjkuNDcxOTQyLTI5LjQ3MTk0MlY4MjYuMjk4Mzg2YzAtMzAuNDcxOTQgMjQuNzg5OTUyLTU1LjI2MTg5MiA1NS4yNjE4OTItNTUuMjYxODkyaDc0LjM1Nzg1NGMzMC40NzE5NCAwIDU1LjI2MTg5MiAyNC43OTE5NTIgNTUuMjYxODkyIDU1LjI2MTg5MnYxNDIuNDM1NzIyQzYwNC40MzY4MTkgOTk5LjIwNjA0OCA1NzkuNjQ4ODY4IDEwMjMuOTk4IDU0OS4xNzY5MjcgMTAyMy45OTh6TTU0OS4xNzY5MjcgMjUyLjk2MTUwNkg0NzQuODE5MDczYy0zMC40NzE5NCAwLTU1LjI2MTg5Mi0yNC43OTE5NTItNTUuMjYxODkyLTU1LjI2MTg5MlY1NS4yNTk4OTJDNDE5LjU1NzE4MSAyNC43ODk5NTIgNDQ0LjM0NzEzMiAwIDQ3NC44MTkwNzMgMGg3NC4zNTc4NTRjMTYuMjczOTY4IDAgMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQycy0xMy4xOTc5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MyAyOS40NzE5NDNoLTcwLjY3Mzg2MnYxMzUuMDcxNzM2aDY2Ljk4Nzg3VjEyOS41ODk3NDdjMC0xNi4yNzc5NjggMTMuMTk3OTc0LTI5LjQ3MTk0MiAyOS40NzE5NDItMjkuNDcxOTQzczI5LjQ3MTk0MiAxMy4xOTU5NzQgMjkuNDcxOTQyIDI5LjQ3MTk0M3Y2OC4xMDc4NjdjMC4wMDIgMzAuNDcxOTQtMjQuNzg1OTUyIDU1LjI2Mzg5Mi01NS4yNTc4OTIgNTUuMjYzODkyek0zOTIuMDkxMjM0IDU0MS40NzA5NDJoLTM3LjIzNTkyN2MtMTYuMjczOTY4IDAtMjkuNDcxOTQyLTEzLjE5NTk3NC0yOS40NzE5NDMtMjkuNDcxOTQyIDAtMTYuMjc3OTY4IDEzLjE5Nzk3NC0yOS40NzE5NDIgMjkuNDcxOTQzLTI5LjQ3MTk0MmgzNy4yMzU5MjdjMTYuMjczOTY4IDAgMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQyIDAuMDAyIDE2LjI3Nzk2OC0xMy4xOTM5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MyAyOS40NzE5NDJ6TTUzMC42MTY5NjQgNTQxLjQ3MDk0Mkg0OTMuMzc5MDM2Yy0xNi4yNzM5NjggMC0yOS40NzE5NDItMTMuMTk1OTc0LTI5LjQ3MTk0Mi0yOS40NzE5NDIgMC0xNi4yNzc5NjggMTMuMTk3OTc0LTI5LjQ3MTk0MiAyOS40NzE5NDItMjkuNDcxOTQyaDM3LjIzNzkyOGMxNi4yNzM5NjggMCAyOS40NzE5NDIgMTMuMTk1OTc0IDI5LjQ3MTk0MiAyOS40NzE5NDIgMCAxNi4yNzc5NjgtMTMuMTkzOTc0IDI5LjQ3MTk0Mi0yOS40NzE5NDIgMjkuNDcxOTQyek02NjkuMTM4NjkzIDU0MS40NzA5NDJoLTM3LjIzNTkyN2MtMTYuMjczOTY4IDAtMjkuNDcxOTQyLTEzLjE5NTk3NC0yOS40NzE5NDMtMjkuNDcxOTQyIDAtMTYuMjc3OTY4IDEzLjE5Nzk3NC0yOS40NzE5NDIgMjkuNDcxOTQzLTI5LjQ3MTk0MmgzNy4yMzU5MjdjMTYuMjczOTY4IDAgMjkuNDcxOTQyIDEzLjE5NTk3NCAyOS40NzE5NDMgMjkuNDcxOTQyIDAuMDAyIDE2LjI3Nzk2OC0xMy4xOTM5NzQgMjkuNDcxOTQyLTI5LjQ3MTk0MyAyOS40NzE5NDJ6IiBmaWxsPSIjMkQ1MjdDIiBwLWlkPSI0NDI0Ij48L3BhdGg+PC9zdmc+)}")),document.head.appendChild(M)}}catch(T){console.error("vite-plugin-css-injected-by-js",T)}})();
+import _ from "@codernote/tree-editor";
+import v from "vue-popperjs";
+import { oss as b } from "@codernote/utils";
+function m(e, t, i, a, r, l, u, c) {
+  var s = typeof e == "function" ? e.options : e;
+  t && (s.render = t, s.staticRenderFns = i, s._compiled = !0), a && (s.functional = !0), l && (s._scopeId = "data-v-" + l);
+  var n;
+  if (u ? (n = function(o) {
+    o = o || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !o && typeof __VUE_SSR_CONTEXT__ < "u" && (o = __VUE_SSR_CONTEXT__), r && r.call(this, o), o && o._registeredComponents && o._registeredComponents.add(u);
+  }, s._ssrRegister = n) : r && (n = c ? function() {
+    r.call(
+      this,
+      (s.functional ? this.parent : this).$root.$options.shadowRoot
+    );
+  } : r), n)
+    if (s.functional) {
+      s._injectStyles = n;
+      var p = s.render;
+      s.render = function(g, f) {
+        return n.call(f), p(g, f);
+      };
+    } else {
+      var h = s.beforeCreate;
+      s.beforeCreate = h ? [].concat(h, n) : [n];
+    }
+  return {
+    exports: e,
+    options: s
+  };
+}
+let d = null;
+const C = {
+  name: "recordTree",
+  components: {
+    Popper: v
+  },
+  props: {
+    editNote: {
+      type: Object,
+      default: function() {
+        return { title: "" };
+      }
+    },
+    // 图标相关配置
+    tagConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    // 是否移动端
+    isMobile: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否显示完成按钮
+    showComplete: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否区分双击enter
+    isDbEnter: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      uploadLoading: !1,
+      curEditNote: {},
+      curNodes: [],
+      curTag: {},
+      // 传入图标有关的所有参数集合，外界根据需要传入
+      tagDefaultConfig: {
+        show: !0,
+        // tag总开关，false时取消tag所有功能
+        tags: [],
+        // 所有注册的图标
+        tagSize: 18,
+        // 图标大小
+        popW: "184px",
+        // 显示所有图标容器的宽度
+        popH: "auto",
+        // 显示所有图标容器的高度
+        tagL: "0px",
+        // 图标定位left值
+        tagT: "0px"
+        // 图标定位top值
+      },
+      tagObj: {},
+      curData: {},
+      nextDom: null,
+      // ->方向键寻找的下一个元素
+      touchTimer: null,
+      isTouching: !1,
+      showTag: !0,
+      delayData: {},
+      treeEditor: null
+    };
+  },
+  async created() {
+    this.curEditNote = JSON.parse(JSON.stringify(this.editNote)), this.curNodes = this.formatContent(this.curEditNote.content), this.tagObj = JSON.parse(
+      JSON.stringify({
+        ...this.tagDefaultConfig,
+        ...this.tagConfig
+      })
+    ), this.findTagConfig(this.curEditNote.tag_id), this.curData = JSON.parse(JSON.stringify(this.editNote));
+  },
+  watch: {
+    // 1.新增弹框tags获取（Record项目需要）
+    tagConfig: {
+      handler(e) {
+        e && (this.showTag = !1, this.tagObj.tags = e.tags, this.$nextTick(() => {
+          this.showTag = !0;
+        }));
+      },
+      deep: !0
+    }
+  },
+  mounted() {
+    let e = this;
+    this.treeEditor = new _("root_tree"), this.$nextTick(() => {
+      function t() {
+        e.treeChange(e.delayData);
+      }
+      this.treeEditor.on("fileUpload", (i, a) => {
+        this.uploadLoading = !0, b.uploadFile(i, (r, l) => {
+          if (this.uploadLoading = !1, l && a) {
+            const u = l.filter((c) => c.code === 0).map((c) => c.data);
+            a(u);
+          }
+        });
+      }), this.treeEditor.on("dataChanged", (i, a = !1) => {
+        Object.assign(e.curData, { line: 167, send: a }), e.delayData = {
+          ...e.curData,
+          content: JSON.stringify(i)
+        }, t();
+      }), this.treeEditor.loadTree(this.curNodes);
+    });
+  },
+  methods: {
+    treeChange(e) {
+      let t = !1;
+      this.curData.content != e.content && (t = !0, this.$set(this.curData, "content", e.content)), this.curData.title != e.title && (t = !0, this.$set(this.curData, "title", e.title));
+      let i = {
+        type: "tree",
+        data: e
+      };
+      (t || e.send) && this.$emit("treeChange", i);
+    },
+    refreshTree(e) {
+      this.curNodes = this.formatContent(e || '[{"text":""}]'), this.treeEditor.loadTree(this.curNodes, 1);
+    },
+    hideHoverNote() {
+      this.$emit("hideHoverNote");
+    },
+    // 根据svg的icon名找到svg实体
+    setSvgSrc(e) {
+      return "";
+    },
+    // 选择tag图标
+    tagSelect(e) {
+      this.curTag = e, this.findTagConfig(e.created_at), Object.assign(this.curData, {
+        line: 293,
+        send: !0
+      });
+      let t = {
+        type: "tag",
+        data: this.curData
+      };
+      this.$emit("treeChange", t);
+    },
+    findTagConfig(e) {
+      if (!this.tagObj.tags)
+        return;
+      let t = this.tagObj.tags.filter((i) => i.created_at === e);
+      t.length > 0 && (this.curTag = t[0], this.curData.tag_id = t[0].created_at);
+    },
+    titleClick(e) {
+      e.stopPropagation();
+    },
+    // 标题失去焦点
+    titleBlur() {
+      let e = document.querySelector("#tree_title").innerText;
+      if (this.curData.title !== e) {
+        this.curData.title = e, this.$set(this.curData, "title", e), Object.assign(this.curData, {
+          line: 328,
+          send: !0
+        });
+        let t = {
+          type: "title",
+          data: this.curData
+        };
+        this.$emit("treeChange", t);
+      }
+    },
+    // 标题enter输入
+    handleEnter(e) {
+      e.preventDefault(), this.isDbEnter ? d ? (clearTimeout(d), d = null, this.titleBlur(), this.$emit("dbEnter")) : d = setTimeout(() => {
+        d = null, this.keyEnter();
+      }, 180) : this.keyEnter();
+    },
+    handlePaste(e) {
+      if (e.clipboardData) {
+        const t = e.clipboardData.items;
+        Array.from(t).some((a) => a.kind === "file") && (e.preventDefault(), this.treeEditor.addFiles(
+          {
+            target: this.keyEnter()
+          },
+          e.clipboardData.files,
+          -1
+        ));
+      }
+    },
+    keyEnter() {
+      let e = document.querySelector("#outline_tree .node-text");
+      return e.focus(), document.querySelectorAll(".lzx-tree-focus").forEach((i) => {
+        i.classList.remove("lzx-tree-focus");
+      }), e.classList.add("lzx-tree-focus"), e;
+    },
+    // 移动端=====================
+    setToParent() {
+      let e = new KeyboardEvent("keydown", {
+        bubbles: !0,
+        cancelable: !0,
+        key: "Tab",
+        shiftKey: !0
+      });
+      window.getSelection().baseNode.parentNode.dispatchEvent(e);
+    },
+    setToChild() {
+      let e = new KeyboardEvent("keydown", {
+        bubbles: !0,
+        cancelable: !0,
+        key: "Tab",
+        shiftKey: !1
+      });
+      window.getSelection().baseNode.parentNode.dispatchEvent(e);
+    },
+    setToUp() {
+      let e = new KeyboardEvent("keydown", {
+        bubbles: !0,
+        cancelable: !0,
+        key: "ArrowUp",
+        shiftKey: !1
+      });
+      window.getSelection().baseNode.parentNode.dispatchEvent(e);
+    },
+    setToDown() {
+      let e = new KeyboardEvent("keydown", {
+        bubbles: !0,
+        cancelable: !0,
+        key: "ArrowDown",
+        shiftKey: !1
+      });
+      window.getSelection().baseNode.parentNode.dispatchEvent(e);
+    },
+    complete() {
+      this.$emit("complete", this.curEditNote);
+    },
+    formatContent(e) {
+      try {
+        return JSON.parse(e);
+      } catch {
+        return [
+          {
+            text: e
+          }
+        ];
+      }
+    }
+  }
+};
+var y = function() {
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "tree-editor", on: { mouseenter: t.hideHoverNote } }, [t._t("default"), i("div", { staticClass: "tree-title-div" }, [t.tagObj.show && t.showTag ? i("popper", { staticClass: "hover-popper", attrs: { trigger: "hover", options: {
+    placement: "bottom",
+    modifiers: { offset: { offset: "0px, 0px" } }
+  } } }, [i("div", { staticClass: "popper-content", style: { width: t.tagObj.popW, height: t.tagObj.popH } }, t._l(t.tagObj.tags, function(a, r) {
+    return i("span", { key: r, staticClass: "popper-content-item", on: { click: function(l) {
+      return t.tagSelect(a);
+    } } }, [t.setSvgSrc(a) ? i("inline-svg", { staticClass: "inline-svg", style: { backgroundColor: a.color }, attrs: { src: t.setSvgSrc(a), width: t.tagObj.tagSize, height: t.tagObj.tagSize } }) : i("span", { staticClass: "empty-icon", style: {
+      width: t.tagObj.tagSize + "px",
+      height: t.tagObj.tagSize + "px",
+      backgroundColor: a.color
+    } })], 1);
+  }), 0), i("span", { staticClass: "popper-reference", style: {
+    backgroundColor: t.curTag.color,
+    top: t.tagObj.tagT,
+    left: t.tagObj.tagL
+  }, attrs: { slot: "reference" }, slot: "reference" }, [t.setSvgSrc(t.curTag) ? i("inline-svg", { staticClass: "inline-svg", attrs: { src: t.setSvgSrc(t.curTag), width: t.tagObj.tagSize, height: t.tagObj.tagSize } }) : i("span", { staticClass: "inline-svg", style: {
+    width: t.tagObj.tagSize + "px",
+    height: t.tagObj.tagSize + "px",
+    backgroundColor: t.curTag.color
+  } })], 1)]) : t._e(), i("div", { staticClass: "tree-title", attrs: { contenteditable: "true", id: "tree_title" }, domProps: { innerHTML: t._s(t.editNote.title) }, on: { blur: t.titleBlur, click: t.titleClick, keydown: function(a) {
+    return !a.type.indexOf("key") && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : (a.preventDefault(), t.handleEnter.apply(null, arguments));
+  }, paste: t.handlePaste } })], 1), t._m(0), t.isMobile ? i("div", { staticClass: "mobile-options" }, [i("div", { staticClass: "option-left" }, [i("div", { staticClass: "option-item", on: { click: t.setToParent } }, [t._v("向前")]), i("div", { staticClass: "option-item", on: { click: t.setToChild } }, [t._v("向后")]), i("div", { staticClass: "option-item", on: { click: t.setToUp } }, [t._v("向上")]), i("div", { staticClass: "option-item", on: { click: t.setToDown } }, [t._v("向下")])]), i("div", { staticClass: "option-right" }, [t.showComplete ? i("div", { staticClass: "option-item", on: { click: t.complete } }, [t._v(" 完成 ")]) : t._e()])]) : t._e(), t.uploadLoading ? i("div", { staticClass: "tree-upload-loading" }, [t._m(1)]) : t._e()], 2);
+}, T = [function() {
+  var e = this, t = e._self._c;
+  return t("div", { attrs: { id: "outline_tree" } }, [t("div", { attrs: { id: "root_tree" } })]);
+}, function() {
+  var e = this, t = e._self._c;
+  return t("p", [t("span", { staticClass: "icon icon-loading animate-spin" }), t("b", [e._v("正在上传资源，请稍后...")])]);
+}], S = /* @__PURE__ */ m(
+  C,
+  y,
+  T,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const k = S.exports;
+export {
+  k as RecordTree
+};

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@codernote/record-tree",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "dependencies": {
+    "vue-popperjs": "^2.3.0",
+    "@codernote/utils": "1.0.1",
+    "@codernote/tree-editor": "1.0.1"
+  },
+  "devDependencies": {
+    "vue": "^2.7.14",
+    "@vitejs/plugin-vue2": "^2.3.1",
+    "vite-plugin-css-injected-by-js": "^3.4.0",
+    "autoprefixer": "^10.4.13",
+    "postcss": "^8.4.20",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0",
+    "vite-svg-loader": "^4.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "watch": "vite build --watch"
+  }
+}