@codernote/record-tree 2.4.0-beta.4 → 2.4.0-beta.5

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('.color-panel[data-v-d2cde42f]{background:#fff;border:1px solid #f2f2f2;width:164px;padding:5px 5px 0}.color-panel ul[data-v-d2cde42f]{list-style-type:none;margin:0}.color-panel ul li[data-v-d2cde42f]{display:inline-block;margin:0 5px;width:20px;height:20px;border-radius:100%;border:1px solid #f2f2f2;display:inline-flex;align-items:center;justify-content:center}.node-complex[data-v-b1f6b6b5]{display:flex;flex-direction:row;align-self:center;justify-self:center;outline:none}.holder[data-v-b1f6b6b5]{width:0px;overflow:hidden;border-width:1px;border-style:solid;border-color:transparent;outline:none}.node-element[data-v-b1f6b6b5]{display:inline-block;position:relative;margin:5px 1px}.node-element:hover .node-del[data-v-b1f6b6b5]{display:block}.node-image img[data-v-b1f6b6b5]{outline:none}.node-audio[data-v-b1f6b6b5]{width:300px}.node-audio audio[data-v-b1f6b6b5]{width:300px;outline:none}.node-video video[data-v-b1f6b6b5]{outline:none}.node-del[data-v-b1f6b6b5]{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-b1f6b6b5]:before,.node-del[data-v-b1f6b6b5]:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:10px;background-color:#595959}.node-del[data-v-b1f6b6b5]:before{transform:translate(-50%,-50%) rotate(45deg)}.node-del[data-v-b1f6b6b5]:after{transform:translate(-50%,-50%) rotate(-45deg)}.node-file-wrap[data-v-b1f6b6b5]{width:260px;padding:10px 16px;display:flex;background:#f2f2f2;border-radius:5px;justify-content:center;align-items:center}.node-file-left[data-v-b1f6b6b5]{flex:1}.node-file-left h6[data-v-b1f6b6b5]{font-size:14px;font-weight:700;margin:0 0 5px;padding:0;white-space:nowrap}.node-file-left p[data-v-b1f6b6b5]{margin:0;padding:0;font-size:12px;color:#999}.node-file-right a[data-v-b1f6b6b5]{color:#52a770;font-size:14px}@keyframes blinkBorder-b1f6b6b5{0%,to{border-color:transparent}50%{border-color:#333}}.node-complex .holder[data-v-b1f6b6b5]:focus{animation:blinkBorder-b1f6b6b5 1s infinite}.fullscreen-handle[data-v-b1f6b6b5]{width:15px;height:15px;position:absolute;bottom:0;right:16px;cursor:pointer;background:#fff9}.resize-handle[data-v-b1f6b6b5]{width:15px;height:15px;position:absolute;bottom:0;right:0;cursor:se-resize;transform:rotate(90deg);background:#fff9}.resize-handle svg[data-v-b1f6b6b5]{cursor:se-resize}.ProseMirror{outline:none}.node-div[data-v-f3532545]{display:flex;align-items:center;position:relative}.node-div>div[data-v-f3532545]{flex:1}.node-icon[data-v-f3532545]{position:relative;width:24px;height:24px;border-radius:100%;box-sizing:border-box;border:6px solid #fff;background-color:#fff;cursor:pointer;align-self:flex-start}.node-icon-todo[data-v-f3532545]{border-radius:0}.node-icon .node-circle[data-v-f3532545]{display:block;position:absolute;width:7px;height:7px;left:50%;top:50%;transform:translate(-50%) translateY(-50%);border-radius:10px;background-color:#eee}.node-icon[data-v-f3532545]:hover{background-color:#ddd}.node-finished[data-v-f3532545]{text-decoration:line-through;color:#999}.node-ul[data-v-56e2e724]{background-color:#fff;margin:0;padding:0;list-style:none}.node-li[data-v-56e2e724]{padding:0;list-style:none;margin:0;line-height:1.5;position:relative;overflow:hidden}[data-v-56e2e724] .sublevel .node-li{margin-left:15px}[data-v-56e2e724] .drag-over-top:before{content:"";width:100%;height:1px;top:0;background-color:#eee;position:absolute}[data-v-56e2e724] .drag-over-center{background-color:#eee}[data-v-56e2e724] .drag-over-bottom:after{content:"";width:100%;height:1px;background-color:#eee;position:absolute;bottom:0}.collapsed>ul[data-v-56e2e724]{display:none}[data-v-56e2e724] .collapsed .node-icon .node-line{display:none}[data-v-56e2e724] .collapsed.has-child .node-icon{background-color:#ddd}.tree-title[data-v-56e2e724]{padding-left:25px;font-weight:700;outline:none;font-size:1.125rem;line-height:1.5;width:100%}[data-v-56e2e724] .node-li.has-child.collapsed .node-icon:after{background-color:#aaa}[data-v-56e2e724] .node-li.dragging .node-icon .node-line{display:none}[data-v-56e2e724] .has-child>.node-div>.node-icon .node-line{content:"";position:absolute;top:20px;left:50%;height:9999px;width:1px;background-color:#f2f2f2}[data-v-56e2e724] .has-child>.node-div>.node-icon:hover .node-line{background-color:var(--line-color)}.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-popper-content-item.active{background:#f2f2f2}.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}.record-tree-title-bar .popper{transform:translate3d(0,22px,0)!important}.record-tree-title-finished{text-decoration:line-through;color:#999}.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:40px;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{flex:1;border:none;outline:none;word-break:break-all;overflow:hidden}.record-tree .node-text a{color:#0076ff;cursor:pointer}.record-tree .node-text mark{background-color:transparent;text-decoration:underline;text-decoration-color:#9acd32;text-decoration-thickness:2px;text-underline-offset:2px}.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 tr from "vue3-popper";
-import { openBlock as et, createElementBlock as nt, createElementVNode as We, createVNode as yt, unref as Et, Fragment as v0, renderList as m0, normalizeStyle as qt, reactive as yr, ref as zt, withModifiers as kt, normalizeClass as Lt, createCommentVNode as Rt, toDisplayString as o0, nextTick as j0, watch as W0, onMounted as xr, onBeforeUnmount as Sr, createBlock as Pt, resolveComponent as Bt, createSlots as Tr, withCtx as _0, pushScopeId as Rr, popScopeId as Mr } from "vue";
+import { openBlock as et, createElementBlock as nt, createElementVNode as We, createVNode as yt, unref as Et, Fragment as v0, renderList as m0, normalizeStyle as Ut, reactive as yr, ref as qt, withModifiers as kt, normalizeClass as Lt, createCommentVNode as Rt, toDisplayString as o0, nextTick as j0, watch as W0, onMounted as xr, onBeforeUnmount as Sr, createBlock as Pt, resolveComponent as Bt, createSlots as Tr, withCtx as _0, pushScopeId as Rr, popScopeId as Mr } from "vue";
 import Jt from "vue-inline-svg";
 import { detectDeviceType as L0, truncateString as Cr, formatBytes as Ar, getTag as rr, isTodoTag as ar, getExt as k0, getTagStyle as ir, uuid as Yt, getTagStyleById as kr, icons as Br, parseMimeType as nr, getSize as sr, oss as or } from "@codernote/utils";
 import Er from "mitt";
@@ -81,7 +81,7 @@ const Ur = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
         ]),
         (et(), nt(v0, null, m0(x, (k) => We("li", {
           key: k,
-          style: qt({ backgroundColor: k }),
+          style: Ut({ backgroundColor: k }),
           onClick: (ee) => N(k)
         }, null, 12, ia)), 64))
       ])
@@ -192,7 +192,7 @@ const ua = ["contenteditable"], da = {
   },
   emits: ["remove", "change", "keydown", "focus"],
   setup(a, { expose: i, emit: w }) {
-    const x = Dt.isMobile, N = w, m = a, P = zt(), k = zt(), ee = zt(), ue = zt(), pe = zt();
+    const x = Dt.isMobile, N = w, m = a, P = qt(), k = qt(), ee = qt(), ue = qt(), pe = qt();
     i({
       focus: () => {
         P.value.focus();
@@ -513,7 +513,7 @@ const cr = (a) => a.tagName.toLowerCase() === "mark", I0 = () => {
   },
   emits: ["change", "keydown", "focus", "blur"],
   setup(a, { expose: i, emit: w }) {
-    const x = zt(), N = a, m = w, P = zt(!1), k = Dr({
+    const x = qt(), N = a, m = w, P = qt(!1), k = Dr({
       content: N.content,
       editable: !N.readOnly,
       extensions: [
@@ -635,7 +635,7 @@ const cr = (a) => a.tagName.toLowerCase() === "mark", I0 = () => {
   },
   emits: ["change", "keydown", "focus", "remove"],
   setup(a, { expose: i, emit: w }) {
-    const x = zt(null), N = zt(null), m = a, P = w;
+    const x = qt(null), N = qt(null), m = a, P = w;
     function k(Se) {
       P("keydown", Se);
     }
@@ -854,11 +854,11 @@ function Ma(a, i, w, x, N, m) {
     }, [
       We("span", {
         class: "node-circle",
-        style: qt(m.getTagStyle(m.tag, w.node))
+        style: Ut(m.getTagStyle(m.tag, w.node))
       }, null, 4),
       We("span", {
         class: "node-line",
-        style: qt({
+        style: Ut({
           "--line-color": m.tag ? m.tag.color : "#eee"
         })
       }, null, 4)
@@ -1477,7 +1477,7 @@ function Ua(a, i, w, x, N, m) {
       default: _0(() => [
         We("span", {
           class: "record-tree-popper-reference",
-          style: qt({
+          style: Ut({
             top: N.tagConfig.tagT,
             left: N.tagConfig.tagL,
             width: N.tagConfig.tagSize + "px",
@@ -1493,7 +1493,7 @@ function Ua(a, i, w, x, N, m) {
         fn: _0(() => [
           We("div", {
             class: "record-tree-popper-content",
-            style: qt({ width: N.tagConfig.popW, height: N.tagConfig.popH })
+            style: Ut({ width: N.tagConfig.popW, height: N.tagConfig.popH })
           }, [
             (et(!0), nt(v0, null, m0(w.tags, (ee) => (et(), nt("span", {
               class: Lt(["record-tree-popper-content-item", {
@@ -1504,7 +1504,7 @@ function Ua(a, i, w, x, N, m) {
             }, [
               We("span", {
                 class: "record-tree-empty-icon",
-                style: qt({
+                style: Ut({
                   width: N.tagConfig.tagSize + "px",
                   height: N.tagConfig.tagSize + "px",
                   ...m.getTagStyle(ee)
@@ -10644,7 +10644,7 @@ const A0 = /* @__PURE__ */ O0(si);
           z.mld_cb_s[re] = 1;
         return 0;
       };
-      function Ut(se, z) {
+      function zt(se, z) {
         se < -0.3 && (se = 3410), se /= 1e3, se = Math.max(0.1, se);
         var re = 3.64 * Math.pow(se, -0.8) - 6.8 * Math.exp(-0.6 * Math.pow(se - 3.4, 2)) + 6 * Math.exp(-0.15 * Math.pow(se - 8.7, 2)) + (0.6 + 0.04 * z) * 1e-3 * Math.pow(se, 4);
         return re;
@@ -10653,22 +10653,22 @@ const A0 = /* @__PURE__ */ O0(si);
         var re;
         switch (z.ATHtype) {
           case 0:
-            re = Ut(se, 9);
+            re = zt(se, 9);
             break;
           case 1:
-            re = Ut(se, -1);
+            re = zt(se, -1);
             break;
           case 2:
-            re = Ut(se, 0);
+            re = zt(se, 0);
             break;
           case 3:
-            re = Ut(se, 1) + 6;
+            re = zt(se, 1) + 6;
             break;
           case 4:
-            re = Ut(se, z.ATHcurve);
+            re = zt(se, z.ATHcurve);
             break;
           default:
-            re = Ut(se, 0);
+            re = zt(se, 0);
             break;
         }
         return re;
@@ -11027,7 +11027,7 @@ const A0 = /* @__PURE__ */ O0(si);
           for (Ke = 0; Ke < O; ++Ke)
             Mt[1][Ke] *= r.scale_right;
         r.num_channels == 2 && Me.channels_out == 1 && x(), St = f(r), wt[0] = Me.mfbuf[0], wt[1] = Me.mfbuf[1];
-        for (var Ut = 0; O > 0; ) {
+        for (var zt = 0; O > 0; ) {
           var se = [null, null], z = 0, re = 0;
           se[0] = Mt[0], se[1] = Mt[1];
           var Ne = new R();
@@ -11035,7 +11035,7 @@ const A0 = /* @__PURE__ */ O0(si);
             r,
             wt,
             se,
-            Ut,
+            zt,
             O,
             Ne
           ), z = Ne.n_in, re = Ne.n_out, Me.findReplayGain && !Me.decode_on_the_fly && T.AnalyzeSamples(
@@ -11048,7 +11048,7 @@ const A0 = /* @__PURE__ */ O0(si);
             Me.channels_out
           ) == Ue.GAIN_ANALYSIS_ERROR)
             return -6;
-          if (O -= z, Ut += z, Me.channels_out == 2, Me.mf_size += re, Me.mf_samples_to_encode < 1 && x(), Me.mf_samples_to_encode += re, Me.mf_size >= St) {
+          if (O -= z, zt += z, Me.channels_out == 2, Me.mf_size += re, Me.mf_samples_to_encode < 1 && x(), Me.mf_samples_to_encode += re, Me.mf_size >= St) {
             var Le = xe - qe;
             if (xe == 0 && (Le = 0), Qe = b(
               r,
@@ -11338,7 +11338,7 @@ function bi(a, i, w, x, N, m) {
   const P = Bt("inline-svg");
   return et(), nt("div", {
     class: "wrap",
-    style: qt({
+    style: Ut({
       width: a.width
     })
   }, [
@@ -14060,7 +14060,7 @@ function Ri(a, i, w, x, N, m) {
   const P = Bt("inline-svg");
   return et(), nt("div", {
     class: "wrap",
-    style: qt({
+    style: Ut({
       width: a.width
     })
   }, [
@@ -14177,7 +14177,7 @@ function Oi(a, i, w, x, N, m) {
   const P = Bt("inline-svg");
   return et(), nt("div", {
     class: "wrap",
-    style: qt({
+    style: Ut({
       width: a.width
     })
   }, [
@@ -14272,6 +14272,10 @@ const Fi = /* @__PURE__ */ jt(Ci, [["render", Oi], ["__scopeId", "data-v-d1a4de1
     mobile: {
       type: Boolean,
       default: L0() === "mobile"
+    },
+    height: {
+      type: String,
+      default: ""
     }
   },
   emits: ["change", "hideHoverNote", "complete", "cancel", "dbEnter", ""],
@@ -14539,6 +14543,11 @@ function ji(a, i, w, x, N, m) {
         "record-tree": !0,
         "record-tree-nobar": !w.bar
       }),
+      style: Ut(
+        w.height ? {
+          height: w.height
+        } : ""
+      ),
       onMouseenter: i[1] || (i[1] = (...V) => m.hideHoverNote && m.hideHoverNote(...V))
     }, [
       w.showTitle ? (et(), Pt(P, {
@@ -14569,7 +14578,7 @@ function ji(a, i, w, x, N, m) {
           }, null, 8, ["nodes", "tags", "readOnly", "enableDbEnter", "hash", "isMobile", "onChange", "onFileUpload"])
         ])
       ])
-    ], 34),
+    ], 38),
     w.bar && !w.readOnly ? (et(), nt("div", Pi, [
       We("div", Ui, [
         We("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codernote/record-tree",
-  "version": "2.4.0-beta.4",
+  "version": "2.4.0-beta.5",
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {
@@ -20,7 +20,7 @@
     "recordrtc": "^5.6.2",
     "vue-inline-svg": "^3.1.2",
     "vue3-popper": "^1.5.0",
-    "@codernote/utils": "1.8.0-beta.3"
+    "@codernote/utils": "1.8.0-beta.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",