@codernote/record-tree 1.0.9 → 1.0.10

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

@@ -2,13 +2,13 @@
 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) {
+import { byNameFindIcon as y, oss as b, icons as C } from "@codernote/utils";
+function p(t, e, o, r, n, l, d, 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);
+  if (d ? (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(d);
   }, i._ssrRegister = s) : n && (s = f ? function() {
     n.call(
       this,
@@ -22,8 +22,8 @@ function p(t, e, o, r, n, l, c, f) {
         return s.call(u), h(g, u);
       };
     } else {
-      var d = i.beforeCreate;
-      i.beforeCreate = d ? [].concat(d, s) : [s];
+      var c = i.beforeCreate;
+      i.beforeCreate = c ? [].concat(c, s) : [s];
     }
   return {
     exports: t,
@@ -78,6 +78,10 @@ const N = {
         return { title: "" };
       }
     },
+    readOnly: {
+      type: Boolean,
+      default: !1
+    },
     // 图标相关配置
     tags: {
       type: Array,
@@ -124,7 +128,7 @@ const N = {
       );
       return {
         ...t,
-        icon: (e = b(t.icon)) == null ? void 0 : e.value
+        icon: (e = y(t.icon)) == null ? void 0 : e.value
       };
     },
     curNodes() {
@@ -146,9 +150,9 @@ const N = {
     }
   },
   mounted() {
-    this.treeEditor = new _("root_tree"), this.$nextTick(() => {
-      this.treeEditor.on("fileUpload", (t, e) => {
-        this.uploadLoading = !0, C.uploadFile(t, (o, r) => {
+    this.treeEditor = new _("root_tree", { readOnly: this.readOnly }), this.$nextTick(() => {
+      this.readOnly || (this.treeEditor.on("fileUpload", (t, e) => {
+        this.uploadLoading = !0, b.uploadFile(t, (o, r) => {
           if (this.uploadLoading = !1, r && e) {
             const n = r.filter((l) => l.code === 0).map((l) => l.data);
             e(n);
@@ -161,7 +165,7 @@ const N = {
         });
       }), this.enableDbEnter && this.treeEditor.on("dbEnter", () => {
         this.$emit("dbEnter");
-      }), this.treeEditor.loadTree(this.curNodes);
+      })), this.treeEditor.loadTree(this.curNodes);
     });
   },
   methods: {
@@ -179,7 +183,7 @@ const N = {
     },
     // 根据svg的icon名找到svg实体
     getSvgUrl(t) {
-      const e = y.find((o) => o.name === t.icon);
+      const e = C.find((o) => o.name === t.icon);
       return (e == null ? void 0 : e.value) || "";
     },
     // 选择tag图标
@@ -269,7 +273,7 @@ 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", on: { mouseenter: e.hideHoverNote } }, [e._t("default"), o("div", { staticClass: "record-tree-title-bar" }, [e.tagVisible ? o("Picker", { scopedSlots: e._u([e.readOnly ? null : { 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);
@@ -289,7 +293,7 @@ var $ = function() {
       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) {
+  }, proxy: !0 }], null, !0) }) : e._e(), o("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(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));
@@ -300,7 +304,7 @@ var $ = function() {
 }, 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(
+}], O = /* @__PURE__ */ p(
   D,
   $,
   x,
@@ -310,7 +314,7 @@ var $ = function() {
   null,
   null
 );
-const L = P.exports;
+const B = O.exports;
 export {
-  L as RecordTree
+  B as RecordTree
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@codernote/record-tree",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "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/tree-editor": "1.0.8",
     "@codernote/utils": "1.0.5"
   },
   "devDependencies": {