@codernote/record-tree 2.2.2 → 2.2.3

package/dist/index.js

@@ -1,6 +1,6 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.node-complex[data-v-5b050bf4]{display:flex;flex-direction:row;align-self:center;justify-self:center;outline:none}.holder[data-v-5b050bf4]{width:0px;overflow:hidden;border-width:1px;border-style:solid;border-color:transparent;outline:none}.node-element[data-v-5b050bf4]{display:inline-block;position:relative;margin:5px 1px}.node-element:hover .node-del[data-v-5b050bf4]{display:block}.node-image img[data-v-5b050bf4]{outline:none}.node-audio[data-v-5b050bf4]{width:300px}.node-audio audio[data-v-5b050bf4]{width:300px;outline:none}.node-video video[data-v-5b050bf4]{outline:none}.node-del[data-v-5b050bf4]{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-5b050bf4]:before,.node-del[data-v-5b050bf4]:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:10px;background-color:#595959}.node-del[data-v-5b050bf4]:before{transform:translate(-50%,-50%) rotate(45deg)}.node-del[data-v-5b050bf4]:after{transform:translate(-50%,-50%) rotate(-45deg)}.node-file-wrap[data-v-5b050bf4]{width:260px;padding:10px 16px;display:flex;background:#f2f2f2;border-radius:5px;justify-content:center;align-items:center}.node-file-left[data-v-5b050bf4]{flex:1}.node-file-left h6[data-v-5b050bf4]{font-size:14px;font-weight:700;margin:0 0 5px;padding:0;white-space:nowrap}.node-file-left p[data-v-5b050bf4]{margin:0;padding:0;font-size:12px;color:#999}.node-file-right a[data-v-5b050bf4]{color:#52a770;font-size:14px}@keyframes blinkBorder-5b050bf4{0%,to{border-color:transparent}50%{border-color:#333}}.node-complex .holder[data-v-5b050bf4]:focus{animation:blinkBorder-5b050bf4 1s infinite}.fullscreen-handle[data-v-5b050bf4]{width:15px;height:15px;position:absolute;bottom:0;right:16px;cursor:pointer;background:#fff9}.resize-handle[data-v-5b050bf4]{width:15px;height:15px;position:absolute;bottom:0;right:0;cursor:se-resize;transform:rotate(90deg);background:#fff9}.resize-handle svg[data-v-5b050bf4]{cursor:se-resize}.ProseMirror{outline:none}.node-div[data-v-40df90a8]{display:flex;align-items:center;position:relative}.node-div>div[data-v-40df90a8]{flex:1}.node-icon[data-v-40df90a8]{position:relative;width:17px;height:17px;border-radius:10px;background-color:#fff;cursor:pointer;margin-left:5px;align-self:flex-start;top:3px}.node-icon[data-v-40df90a8]:after{content:"";position:absolute;top:5px;left:5px;width:7px;height:7px;border-radius:10px;background-color:#eee}.node-icon[data-v-40df90a8]:hover{background-color:#ccc}.node-ul[data-v-7cac94d3]{background-color:#fff;margin:0;padding:0;list-style:none}.node-li[data-v-7cac94d3]{padding:0;list-style:none;margin:0;line-height:1.5;position:relative;overflow:hidden}[data-v-7cac94d3] .sublevel .node-li{margin-left:15px}[data-v-7cac94d3] .drag-over-top:before{content:"";width:100%;height:1px;top:0;background-color:#eee;position:absolute}[data-v-7cac94d3] .drag-over-center{background-color:#eee}[data-v-7cac94d3] .drag-over-bottom:after{content:"";width:100%;height:1px;background-color:#eee;position:absolute;bottom:0}.collapsed>ul[data-v-7cac94d3]{display:none}[data-v-7cac94d3] .collapsed .node-icon:before{display:none}.tree-title[data-v-7cac94d3]{padding-left:25px;font-weight:700;outline:none;font-size:1.125rem;line-height:1.5;width:100%}[data-v-7cac94d3] .node-li.has-child.collapsed .node-icon:after{background-color:#aaa}[data-v-7cac94d3] .node-li.dragging .node-icon:before{display:none}[data-v-7cac94d3] .has-child>.node-div>.node-icon:before{content:"";position:absolute;top:20px;left:50%;height:9999px;width:1px;background-color:#f2f2f2}[data-v-7cac94d3] .has-child>.node-div>.node-icon:hover:before{background-color:#52a770}.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-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:18px;line-height:1.5;width:100%}.record-tree-popper-reference{display:flex;position:absolute;top:0;left:0;text-align:center;border-radius:9999px;color:#fff}.record-tree-empty-icon{display:inline-block;border-radius:9999px}.record-tree-title .node-text{margin-left:0!important}.popper{transform:translate3d(0,22px,0)!important}.record-audio[data-v-e8535564]{position:absolute;background:#fff;padding:20px;width:400px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:10px;z-index:999;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.record-audio .recwave[data-v-e8535564]{width:300px;height:40px}.record-audio .audio-item[data-v-e8535564]{margin-top:10px;display:flex;align-items:center}.record-audio .audio-item a[data-v-e8535564]{color:#52a770;margin-left:10px;font-size:12px;cursor:pointer}.record-audio .audio-text[data-v-e8535564]{background:#f5f5f5;margin-top:10px;padding:8px 12px;border-radius:5px}.record-audio .buttons[data-v-e8535564]{margin-top:10px;display:flex;align-items:center}.record-audio .buttons .btn[data-v-e8535564]{margin-right:10px;font-size:14px;width:80px;padding:6px 0;text-align:center;cursor:pointer;border-radius:20px}.record-audio .buttons .finish[data-v-e8535564]{color:#fff;background:#1677ff;border:1px solid #1677ff}.record-audio .buttons .disabled[data-v-e8535564]{background:#eee;cursor:default;border-color:#eee}.record-audio .buttons .cancel[data-v-e8535564]{border:1px solid #eee}.record-audio .buttons .oper[data-v-e8535564]{margin-right:10px}.record-audio .main[data-v-e8535564]{display:flex;align-items:center}.record-audio .duration[data-v-e8535564]{width:60px;margin-left:10px;color:#999;font-size:12px}.wrap[data-v-e8535564]{position:fixed;left:0;top:0;bottom:0;z-index:9999}.mask[data-v-e8535564]{position:absolute;left:0;top:0;right:0;bottom:0;background:#fffc}.record-audio-mobile[data-v-e8535564]{display:flex;width:100vw;position:absolute;background:#fff;padding:20px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;align-items:center}.record-audio-mobile .recwave[data-v-e8535564]{flex:1;height:30px}.record-audio-mobile .oper[data-v-e8535564]{margin-right:10px}.record-video[data-v-be255be7]{position:absolute;background:#fff;padding:20px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:10px;z-index:999;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.video-item[data-v-be255be7]{width:300px}.buttons[data-v-be255be7]{margin-top:10px;display:flex;align-items:center}.buttons .btn[data-v-be255be7]{margin-right:10px;font-size:14px;width:80px;padding:6px 0;text-align:center;cursor:pointer;border-radius:20px}.buttons .finish[data-v-be255be7]{color:#fff;background:#1677ff;border:1px solid #1677ff}.buttons .disabled[data-v-be255be7]{background:#eee;cursor:default;border-color:#eee}.buttons .cancel[data-v-be255be7]{border:1px solid #eee}.buttons .oper[data-v-be255be7]{margin-right:10px}.wrap[data-v-be255be7]{position:fixed;left:0;top:0;bottom:0;z-index:9999}.mask[data-v-be255be7]{position:absolute;left:0;top:0;right:0;bottom:0;background:#fffc}.record-video[data-v-d1a4de11]{position:absolute;background:#fff;padding:20px;left:50%;top:50%;width:452px;transform:translate(-50%,-50%);border-radius:10px;z-index:999;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.video-item[data-v-d1a4de11]{width:200px}.img-item[data-v-d1a4de11]{width:200px;height:150px;border:1px dashed #eee;margin-left:10px}.img-item img[data-v-d1a4de11]{width:200px}.record-content[data-v-d1a4de11]{display:flex}.buttons[data-v-d1a4de11]{margin-top:10px;display:flex;align-items:center}.buttons .btn[data-v-d1a4de11]{margin-right:10px;font-size:14px;width:80px;padding:6px 0;text-align:center;cursor:pointer;border-radius:20px}.buttons .finish[data-v-d1a4de11]{color:#fff;background:#1677ff;border:1px solid #1677ff}.buttons .disabled[data-v-d1a4de11]{background:#eee;cursor:default;border-color:#eee}.buttons .cancel[data-v-d1a4de11]{border:1px solid #eee}.buttons .oper[data-v-d1a4de11]{margin-right:10px}.wrap[data-v-d1a4de11]{position:fixed;left:0;top:0;bottom:0;z-index:9999}.mask[data-v-d1a4de11]{position:absolute;left:0;top:0;right:0;bottom:0;background:#fffc}.record-tree-mobile .record-tree{height:calc(100vh - 45px);overflow-y:scroll}.record-tree-mobile .record-tree-main{padding-left:0}.record-tree-mobile .record-tree-options{padding:12px 0;display:flex;position:fixed}.record-tree-mobile .record-tree-option-item{flex:1;max-width:32px}.record-tree-mobile .node-file-wrap{width:200px}.record-tree-mobile .node-file-right{display:none}.record-tree-mobile .node-image img{width:auto;max-height:80px}.record-tree-mobile .node-audio,.record-tree-mobile .node-video{width:200px}.record-tree-mobile .node-audio audio{width:200px;outline:none}.record-tree-mobile .node-video video{width:200px;outline:none}.record-tree-container{position:relative;height:100%}.record-tree-main{padding-left:15px;overflow:scroll;flex:1}.record-tree{position:relative;padding-bottom:40px;display:flex;flex-direction:column;overflow:hidden;height:100%}.record-tree-options{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;padding:5px 0;background:#fff;border-top:1px dotted #ddd}.record-tree-option-left{display:flex;flex:1;padding-left:10px}.record-tree-option-right{padding-right:10px;font-size:14px}.record-tree-option-item{margin:0 5px;cursor:pointer;display:flex;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}img:-webkit-full-screen{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain}img:fullscreen{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;-o-object-fit:contain;object-fit:contain}.record-tree .node-text{margin-left:5px;flex:1;border:none;outline:none;word-break:break-all}.record-tree .node-text a{color:#0076ff;cursor:pointer}.date-popover{display:block;padding:5px 10px;background:#333;border-radius:4px;position:fixed;z-index:9999;transform:translate(-50%,-120%);font-size:12px;color:#666;text-align:center;transition:opacity .3s;color:#fff}.date-popover:after{content:"";position:absolute;top:95%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent}.tiptap p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { detectDeviceType as Q0, truncateString as _r, formatBytes as mr, uuid as Ht, byNameFindIcon as pr, icons as br, parseMimeType as J0, getSize as er, oss as tr } from "@codernote/utils";
-import { reactive as wr, ref as zt, openBlock as Qe, createElementBlock as nt, withModifiers as kt, createElementVNode as Je, normalizeClass as Pt, createCommentVNode as Tt, unref as Ft, toDisplayString as o0, createVNode as Rt, nextTick as U0, watch as z0, onMounted as yr, onBeforeUnmount as gr, createBlock as Yt, resolveComponent as Bt, Fragment as R0, renderList as M0, createSlots as xr, withCtx as q0, normalizeStyle as Gt, pushScopeId as Sr, popScopeId as Tr } from "vue";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.node-complex[data-v-5b050bf4]{display:flex;flex-direction:row;align-self:center;justify-self:center;outline:none}.holder[data-v-5b050bf4]{width:0px;overflow:hidden;border-width:1px;border-style:solid;border-color:transparent;outline:none}.node-element[data-v-5b050bf4]{display:inline-block;position:relative;margin:5px 1px}.node-element:hover .node-del[data-v-5b050bf4]{display:block}.node-image img[data-v-5b050bf4]{outline:none}.node-audio[data-v-5b050bf4]{width:300px}.node-audio audio[data-v-5b050bf4]{width:300px;outline:none}.node-video video[data-v-5b050bf4]{outline:none}.node-del[data-v-5b050bf4]{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-5b050bf4]:before,.node-del[data-v-5b050bf4]:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:10px;background-color:#595959}.node-del[data-v-5b050bf4]:before{transform:translate(-50%,-50%) rotate(45deg)}.node-del[data-v-5b050bf4]:after{transform:translate(-50%,-50%) rotate(-45deg)}.node-file-wrap[data-v-5b050bf4]{width:260px;padding:10px 16px;display:flex;background:#f2f2f2;border-radius:5px;justify-content:center;align-items:center}.node-file-left[data-v-5b050bf4]{flex:1}.node-file-left h6[data-v-5b050bf4]{font-size:14px;font-weight:700;margin:0 0 5px;padding:0;white-space:nowrap}.node-file-left p[data-v-5b050bf4]{margin:0;padding:0;font-size:12px;color:#999}.node-file-right a[data-v-5b050bf4]{color:#52a770;font-size:14px}@keyframes blinkBorder-5b050bf4{0%,to{border-color:transparent}50%{border-color:#333}}.node-complex .holder[data-v-5b050bf4]:focus{animation:blinkBorder-5b050bf4 1s infinite}.fullscreen-handle[data-v-5b050bf4]{width:15px;height:15px;position:absolute;bottom:0;right:16px;cursor:pointer;background:#fff9}.resize-handle[data-v-5b050bf4]{width:15px;height:15px;position:absolute;bottom:0;right:0;cursor:se-resize;transform:rotate(90deg);background:#fff9}.resize-handle svg[data-v-5b050bf4]{cursor:se-resize}.ProseMirror{outline:none}.node-div[data-v-40df90a8]{display:flex;align-items:center;position:relative}.node-div>div[data-v-40df90a8]{flex:1}.node-icon[data-v-40df90a8]{position:relative;width:17px;height:17px;border-radius:10px;background-color:#fff;cursor:pointer;margin-left:5px;align-self:flex-start;top:3px}.node-icon[data-v-40df90a8]:after{content:"";position:absolute;top:5px;left:5px;width:7px;height:7px;border-radius:10px;background-color:#eee}.node-icon[data-v-40df90a8]:hover{background-color:#ccc}.node-ul[data-v-7cac94d3]{background-color:#fff;margin:0;padding:0;list-style:none}.node-li[data-v-7cac94d3]{padding:0;list-style:none;margin:0;line-height:1.5;position:relative;overflow:hidden}[data-v-7cac94d3] .sublevel .node-li{margin-left:15px}[data-v-7cac94d3] .drag-over-top:before{content:"";width:100%;height:1px;top:0;background-color:#eee;position:absolute}[data-v-7cac94d3] .drag-over-center{background-color:#eee}[data-v-7cac94d3] .drag-over-bottom:after{content:"";width:100%;height:1px;background-color:#eee;position:absolute;bottom:0}.collapsed>ul[data-v-7cac94d3]{display:none}[data-v-7cac94d3] .collapsed .node-icon:before{display:none}.tree-title[data-v-7cac94d3]{padding-left:25px;font-weight:700;outline:none;font-size:1.125rem;line-height:1.5;width:100%}[data-v-7cac94d3] .node-li.has-child.collapsed .node-icon:after{background-color:#aaa}[data-v-7cac94d3] .node-li.dragging .node-icon:before{display:none}[data-v-7cac94d3] .has-child>.node-div>.node-icon:before{content:"";position:absolute;top:20px;left:50%;height:9999px;width:1px;background-color:#f2f2f2}[data-v-7cac94d3] .has-child>.node-div>.node-icon:hover:before{background-color:#52a770}.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-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:18px;line-height:1.5;width:100%}.record-tree-popper-reference{display:flex;position:absolute;top:0;left:0;text-align:center;border-radius:9999px;color:#fff}.record-tree-empty-icon{display:inline-block;border-radius:9999px}.record-tree-title .node-text{margin-left:0!important}.popper{transform:translate3d(0,22px,0)!important}.record-audio[data-v-e8535564]{position:absolute;background:#fff;padding:20px;width:400px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:10px;z-index:999;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.record-audio .recwave[data-v-e8535564]{width:300px;height:40px}.record-audio .audio-item[data-v-e8535564]{margin-top:10px;display:flex;align-items:center}.record-audio .audio-item a[data-v-e8535564]{color:#52a770;margin-left:10px;font-size:12px;cursor:pointer}.record-audio .audio-text[data-v-e8535564]{background:#f5f5f5;margin-top:10px;padding:8px 12px;border-radius:5px}.record-audio .buttons[data-v-e8535564]{margin-top:10px;display:flex;align-items:center}.record-audio .buttons .btn[data-v-e8535564]{margin-right:10px;font-size:14px;width:80px;padding:6px 0;text-align:center;cursor:pointer;border-radius:20px}.record-audio .buttons .finish[data-v-e8535564]{color:#fff;background:#1677ff;border:1px solid #1677ff}.record-audio .buttons .disabled[data-v-e8535564]{background:#eee;cursor:default;border-color:#eee}.record-audio .buttons .cancel[data-v-e8535564]{border:1px solid #eee}.record-audio .buttons .oper[data-v-e8535564]{margin-right:10px}.record-audio .main[data-v-e8535564]{display:flex;align-items:center}.record-audio .duration[data-v-e8535564]{width:60px;margin-left:10px;color:#999;font-size:12px}.wrap[data-v-e8535564]{position:fixed;left:0;top:0;bottom:0;z-index:9999}.mask[data-v-e8535564]{position:absolute;left:0;top:0;right:0;bottom:0;background:#fffc}.record-audio-mobile[data-v-e8535564]{display:flex;width:100vw;position:absolute;background:#fff;padding:20px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;align-items:center}.record-audio-mobile .recwave[data-v-e8535564]{flex:1;height:30px}.record-audio-mobile .oper[data-v-e8535564]{margin-right:10px}.record-video[data-v-be255be7]{position:absolute;background:#fff;padding:20px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:10px;z-index:999;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.video-item[data-v-be255be7]{width:300px}.buttons[data-v-be255be7]{margin-top:10px;display:flex;align-items:center}.buttons .btn[data-v-be255be7]{margin-right:10px;font-size:14px;width:80px;padding:6px 0;text-align:center;cursor:pointer;border-radius:20px}.buttons .finish[data-v-be255be7]{color:#fff;background:#1677ff;border:1px solid #1677ff}.buttons .disabled[data-v-be255be7]{background:#eee;cursor:default;border-color:#eee}.buttons .cancel[data-v-be255be7]{border:1px solid #eee}.buttons .oper[data-v-be255be7]{margin-right:10px}.wrap[data-v-be255be7]{position:fixed;left:0;top:0;bottom:0;z-index:9999}.mask[data-v-be255be7]{position:absolute;left:0;top:0;right:0;bottom:0;background:#fffc}.record-video[data-v-d1a4de11]{position:absolute;background:#fff;padding:20px;left:50%;top:50%;width:452px;transform:translate(-50%,-50%);border-radius:10px;z-index:999;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.video-item[data-v-d1a4de11]{width:200px}.img-item[data-v-d1a4de11]{width:200px;height:150px;border:1px dashed #eee;margin-left:10px}.img-item img[data-v-d1a4de11]{width:200px}.record-content[data-v-d1a4de11]{display:flex}.buttons[data-v-d1a4de11]{margin-top:10px;display:flex;align-items:center}.buttons .btn[data-v-d1a4de11]{margin-right:10px;font-size:14px;width:80px;padding:6px 0;text-align:center;cursor:pointer;border-radius:20px}.buttons .finish[data-v-d1a4de11]{color:#fff;background:#1677ff;border:1px solid #1677ff}.buttons .disabled[data-v-d1a4de11]{background:#eee;cursor:default;border-color:#eee}.buttons .cancel[data-v-d1a4de11]{border:1px solid #eee}.buttons .oper[data-v-d1a4de11]{margin-right:10px}.wrap[data-v-d1a4de11]{position:fixed;left:0;top:0;bottom:0;z-index:9999}.mask[data-v-d1a4de11]{position:absolute;left:0;top:0;right:0;bottom:0;background:#fffc}.record-tree-mobile .record-tree{height:calc(100vh - 45px);overflow-y:scroll}.record-tree-mobile .record-tree-main{padding-left:0;padding-right:0}.record-tree-mobile .record-tree-options{padding:12px 0;display:flex;position:fixed}.record-tree-mobile .record-tree-option-item{flex:1;max-width:32px}.record-tree-mobile .node-file-wrap{width:200px}.record-tree-mobile .node-file-right{display:none}.record-tree-mobile .node-image img{width:auto;max-height:80px}.record-tree-mobile .node-audio,.record-tree-mobile .node-video{width:200px}.record-tree-mobile .node-audio audio{width:200px;outline:none}.record-tree-mobile .node-video video{width:200px;outline:none}.record-tree-container{position:relative;height:100%}.record-tree-main{padding-left:15px;padding-right:15px;overflow:scroll;flex:1}.record-tree{position:relative;padding-bottom:140px;display:flex;flex-direction:column;overflow:hidden;height:100%}.record-tree.record-tree-nobar{padding-bottom:0}.record-tree-options{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;padding:5px 0;background:#fff;border-top:1px dotted #ddd}.record-tree-option-left{display:flex;flex:1;padding-left:10px}.record-tree-option-right{padding-right:10px;font-size:14px}.record-tree-option-item{margin:0 5px;cursor:pointer;display:flex;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}img:-webkit-full-screen{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain}img:fullscreen{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;-o-object-fit:contain;object-fit:contain}.record-tree .node-text{margin-left:5px;flex:1;border:none;outline:none;word-break:break-all}.record-tree .node-text a{color:#0076ff;cursor:pointer}.date-popover{display:block;padding:5px 10px;background:#333;border-radius:4px;position:fixed;z-index:9999;transform:translate(-50%,-120%);font-size:12px;color:#666;text-align:center;transition:opacity .3s;color:#fff}.date-popover:after{content:"";position:absolute;top:95%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent}.tiptap p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { detectDeviceType as Q0, truncateString as _r, formatBytes as mr, uuid as Vt, byNameFindIcon as pr, icons as br, parseMimeType as J0, getSize as er, oss as tr } from "@codernote/utils";
+import { reactive as wr, ref as zt, openBlock as Qe, createElementBlock as nt, withModifiers as kt, createElementVNode as Je, normalizeClass as Ht, createCommentVNode as Tt, unref as Ft, toDisplayString as o0, createVNode as Rt, nextTick as U0, watch as z0, onMounted as yr, onBeforeUnmount as gr, createBlock as Yt, resolveComponent as Bt, Fragment as R0, renderList as M0, createSlots as xr, withCtx as q0, normalizeStyle as Gt, pushScopeId as Sr, popScopeId as Tr } from "vue";
 import Rr from "mitt";
 import Jt from "vue-inline-svg";
 import { useEditor as Mr, EditorContent as Cr } from "@tiptap/vue-3";
@@ -204,7 +204,7 @@ const Or = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
     }, [
       Je("div", {
         contenteditable: !1,
-        class: Pt(`node-complex node-${a.data.type}`)
+        class: Ht(`node-complex node-${a.data.type}`)
       }, [
         a.readOnly ? Tt("", !0) : (Qe(), nt("span", Xr)),
         Je("div", Kr, [
@@ -600,7 +600,7 @@ const nr = (a) => a.tagName.toLowerCase() === "mark", B0 = () => {
         this.$emit("collapse", s, !1);
         const x = {
           text: "",
-          uuid: Ht()
+          uuid: Vt()
         };
         s.children ? s.children.unshift(x) : s.children = [x], this.update(), this.$nextTick(() => {
           this.$emit("toFocus", x);
@@ -809,7 +809,7 @@ const ha = {
       if (!this.allowEmpty && this.nodes.length === 1) {
         const x = {
           text: "",
-          uuid: Ht()
+          uuid: Vt()
         };
         s.push(x), setTimeout(() => {
           this.toFocus(x);
@@ -831,7 +831,7 @@ const ha = {
       this.$emit("dbEnter");
     },
     keyEnter(a) {
-      const s = this.nodes.findIndex((Y) => Y.uuid === a.uuid), x = [...this.nodes], g = { text: "", uuid: Ht() };
+      const s = this.nodes.findIndex((Y) => Y.uuid === a.uuid), x = [...this.nodes], g = { text: "", uuid: Vt() };
       x.splice(s + 1, 0, g), this.update(x), this.$nextTick(() => {
         const Y = Nt(g);
         Y == null || Y.focus();
@@ -940,7 +940,7 @@ const ha = {
     precheck() {
       let a = !1;
       this.nodes.forEach((s) => {
-        if (s.uuid || (s.uuid = Ht(), a = !0), da(s) && !s.type) {
+        if (s.uuid || (s.uuid = Vt(), a = !0), da(s) && !s.type) {
           const x = fa(s.text);
           x && (s.type = x.type, s.content = x.content), a = !0;
         }
@@ -969,14 +969,14 @@ const ha = {
   }
 }, va = {
   key: 0,
-  class: /* @__PURE__ */ Pt({
+  class: /* @__PURE__ */ Ht({
     "node-ul": !0,
     readOnly: !0,
     sublevel: !0
   })
 }, _a = ["id"], ma = {
   key: 1,
-  class: /* @__PURE__ */ Pt({
+  class: /* @__PURE__ */ Ht({
     "node-ul": !0,
     sublevel: !0
   })
@@ -987,7 +987,7 @@ function ba(a, s, x, g, Y, m) {
     (Qe(!0), nt(R0, null, M0(m.filterNodes(x.nodes), (J) => (Qe(), nt("li", {
       key: J.uuid,
       id: `${J.uuid}`,
-      class: Pt({
+      class: Ht({
         "node-li": !0,
         collapsed: a.status[J.uuid] ? a.status[J.uuid].collapsed : !1,
         "has-child": !!(J.children || []).length
@@ -1011,7 +1011,7 @@ function ba(a, s, x, g, Y, m) {
       ref_for: !0,
       ref: "elements",
       draggable: "true",
-      class: Pt({
+      class: Ht({
         "node-li": !0,
         collapsed: a.status[J.uuid] ? a.status[J.uuid].collapsed : !1,
         "has-child": !!(J.children || []).length
@@ -2077,7 +2077,7 @@ var ur = { exports: {} };
 })(ur);
 var Oa = ur.exports;
 const Fa = /* @__PURE__ */ E0(Oa);
-let Vt, t0 = "", f0 = "", dr = null;
+let Pt, t0 = "", f0 = "", dr = null;
 function Na() {
   var a = "wss://iat-api.xfyun.cn/v2/iat", s = "iat-api.xfyun.cn", x = "4f2bbe08d7ee54da888cfd009514e89f", g = "NTc3MWNlNDNiZWFmMGM2Yzk0ZjRlZjdi", Y = (/* @__PURE__ */ new Date()).toGMTString(), m = "hmac-sha256", V = "host date request-line", B = `host: ${s}
 date: ${Y}
@@ -2097,11 +2097,11 @@ function Ha(a) {
       g = g + Y[m].cw[0].w;
     x.pgs ? (x.pgs === "apd" && (t0 = f0), f0 = t0 + g) : t0 = t0 + g, dr(f0 || t0 || "");
   }
-  s.code === 0 && s.data.status === 2 && Vt.close(), s.code !== 0 && (Vt.close(), console.error(s));
+  s.code === 0 && s.data.status === 2 && Pt.close(), s.code !== 0 && (Pt.close(), console.error(s));
 }
 function Va(a) {
   const s = Na();
-  Vt = new WebSocket(s), Vt.onopen = () => {
+  Pt = new WebSocket(s), Pt.onopen = () => {
     var x = {
       common: {
         app_id: "c54ef25c"
@@ -2119,15 +2119,15 @@ function Va(a) {
         encoding: "lame"
       }
     };
-    Vt.send(JSON.stringify(x)), a();
-  }, Vt.onmessage = (x) => {
+    Pt.send(JSON.stringify(x)), a();
+  }, Pt.onmessage = (x) => {
     Ha(x.data);
-  }, Vt.onerror = (x) => {
+  }, Pt.onerror = (x) => {
     console.error(x);
   };
 }
 function Pa(a, s) {
-  Vt = null, t0 = "", f0 = "", dr = s, Va(() => {
+  Pt = null, t0 = "", f0 = "", dr = s, Va(() => {
     const x = new FileReader();
     x.readAsArrayBuffer(a), x.onload = (g) => {
       const Y = Ya(g.target.result);
@@ -2136,7 +2136,7 @@ function Pa(a, s) {
         const V = Y.substring(m, m + 1280);
         m += 1280;
         const B = m >= Y.length;
-        Vt.send(
+        Pt.send(
           JSON.stringify({
             data: {
               status: B ? 2 : 1,
@@ -2148,7 +2148,7 @@ function Pa(a, s) {
         );
       }
     }, x.onerror = () => {
-      Vt.close();
+      Pt.close();
     };
   });
 }
@@ -11200,7 +11200,7 @@ function ei(a, s, x, g, Y, m) {
         ])),
         Je("a", {
           onClick: s[5] || (s[5] = (...B) => m.handleFinish && m.handleFinish(...B)),
-          class: Pt({
+          class: Ht({
             btn: !0,
             finish: !0,
             disabled: !a.blob
@@ -11209,7 +11209,7 @@ function ei(a, s, x, g, Y, m) {
         a.text ? (Qe(), nt("a", {
           key: 2,
           onClick: s[6] || (s[6] = (...B) => m.handleFinishText && m.handleFinishText(...B)),
-          class: Pt({
+          class: Ht({
             btn: !0,
             finish: !0
           })
@@ -13883,7 +13883,7 @@ function oi(a, s, x, g, Y, m) {
         ])),
         Je("a", {
           onClick: s[2] || (s[2] = (...B) => m.handleFinish && m.handleFinish(...B)),
-          class: Pt(["btn", {
+          class: Ht(["btn", {
             finish: !0,
             disabled: !a.blob
           }])
@@ -13998,7 +13998,7 @@ function pi(a, s, x, g, Y, m) {
         ])),
         Je("a", {
           onClick: s[1] || (s[1] = (...B) => m.handleFinish && m.handleFinish(...B)),
-          class: Pt(["btn", {
+          class: Ht(["btn", {
             finish: !0,
             disabled: !a.url
           }])
@@ -14063,13 +14063,13 @@ const bi = /* @__PURE__ */ Xt(ui, [["render", pi], ["__scopeId", "data-v-d1a4de1
   expose: ["focusTitle", "focusContent"],
   data() {
     return {
-      curNodes: [{ text: "", uuid: Ht() }],
+      curNodes: [{ text: "", uuid: Vt() }],
       noteId: null,
       recordAudioVisible: !1,
       recordVideoVisible: !1,
       recordPhotoVisible: !1,
       icon: Wt,
-      hash: Ht(),
+      hash: Vt(),
       store: Lt,
       isMobile: Lt.isMobile,
       // 仅新建场景使用, 用于判断是否做了改动
@@ -14083,7 +14083,7 @@ const bi = /* @__PURE__ */ Xt(ui, [["render", pi], ["__scopeId", "data-v-d1a4de1
           try {
             this.noteId = a.id, this.curNodes = JSON.parse(a.content), this.curNodes.filter((g) => !g.pending).length || this.curNodes.push({
               text: "",
-              uuid: Ht()
+              uuid: Vt()
             }), this.restorePendingNodes(a.id), this.checkModified();
           } catch {
           }
@@ -14213,7 +14213,7 @@ const bi = /* @__PURE__ */ Xt(ui, [["render", pi], ["__scopeId", "data-v-d1a4de1
     },
     handleFinishAudio(a) {
       typeof a == "string" ? this.store.currentId === "" ? this.handleChangeTitle(a) : this.$refs.treeEditor.appendNode({
-        uuid: Ht(),
+        uuid: Vt(),
         text: a
       }) : this.handleFileUpload(a);
     },
@@ -14228,7 +14228,7 @@ const bi = /* @__PURE__ */ Xt(ui, [["render", pi], ["__scopeId", "data-v-d1a4de1
           case "audio":
           case "video":
             return {
-              uuid: Ht(),
+              uuid: Vt(),
               type: B.mainType,
               content: J,
               pending: !0,
@@ -14237,7 +14237,7 @@ const bi = /* @__PURE__ */ Xt(ui, [["render", pi], ["__scopeId", "data-v-d1a4de1
             };
           default:
             return {
-              uuid: Ht(),
+              uuid: Vt(),
               type: "file",
               name: V.name,
               content: J,
@@ -14296,13 +14296,16 @@ const bi = /* @__PURE__ */ Xt(ui, [["render", pi], ["__scopeId", "data-v-d1a4de1
 function Ci(a, s, x, g, Y, m) {
   const V = Bt("RecordTitle"), B = Bt("TreeEditor"), J = Bt("inline-svg"), se = Bt("RecordAudio"), _e = Bt("RecordVideo"), ge = Bt("RecordPhoto");
   return Qe(), nt("div", {
-    class: Pt({
+    class: Ht({
       "record-tree-container": !0,
       "record-tree-mobile": Y.isMobile
     })
   }, [
     Je("div", {
-      class: "record-tree",
+      class: Ht({
+        "record-tree": !0,
+        "record-tree-nobar": !x.bar
+      }),
       onMouseenter: s[1] || (s[1] = (...pe) => m.hideHoverNote && m.hideHoverNote(...pe))
     }, [
       x.showTitle ? (Qe(), Yt(V, {
@@ -14334,7 +14337,7 @@ function Ci(a, s, x, g, Y, m) {
           }, null, 8, ["nodes", "readOnly", "enableDbEnter", "hash", "isMobile", "onChange", "onFileUpload"])
         ])
       ])
-    ], 32),
+    ], 34),
     x.bar ? (Qe(), nt("div", Si, [
       Je("div", Ti, [
         Je("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codernote/record-tree",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {
@@ -18,7 +18,7 @@
     "recordrtc": "^5.6.2",
     "vue-inline-svg": "^3.1.2",
     "vue3-popper": "^1.5.0",
-    "@codernote/utils": "1.6.1"
+    "@codernote/utils": "1.6.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",