|
|
@@ -130,7 +130,7 @@ const initMarkMap = (data) => {
|
|
|
};
|
|
|
|
|
|
const updateMarkMap = () => {
|
|
|
- console.log('组件更新了吗??');
|
|
|
+ // console.log('组件更新了吗??');
|
|
|
update(props.content);
|
|
|
};
|
|
|
|
|
|
@@ -143,7 +143,7 @@ function observeMindMapChanged(root_value) {
|
|
|
|
|
|
let remove_count = 0; // 移除的统计
|
|
|
let add_count = 0; // 添加的统计
|
|
|
- console.log(111111111);
|
|
|
+ // console.log(111111111);
|
|
|
mutationsList.forEach((mutation) => {
|
|
|
if (mutation.type === 'childList') {
|
|
|
if (mutation.addedNodes.length > 0) {
|
|
|
@@ -180,12 +180,12 @@ function observeMindMapChanged(root_value) {
|
|
|
|
|
|
if (remove_count !== 0) {
|
|
|
// 移除
|
|
|
- console.log('折叠');
|
|
|
+ // console.log('折叠');
|
|
|
}
|
|
|
|
|
|
if (add_count !== 0) {
|
|
|
// 添加
|
|
|
- console.log('展开');
|
|
|
+ // console.log('展开');
|
|
|
}
|
|
|
});
|
|
|
|
|
|
@@ -208,10 +208,10 @@ function attachPlusIcon(root_value) {
|
|
|
eval(`cur_node=${str}`);
|
|
|
const result = mark_map.findElement(cur_node);
|
|
|
if (!result) {
|
|
|
- console.log('找不到节点', cur_node, root_value, str);
|
|
|
+ // console.log('找不到节点', cur_node, root_value, str);
|
|
|
return;
|
|
|
} else {
|
|
|
- console.log('找到节点');
|
|
|
+ // console.log('找到节点');
|
|
|
}
|
|
|
|
|
|
const node_group = result.g; // svg g 元素
|
|
|
@@ -369,11 +369,11 @@ const getCenter = () => {
|
|
|
// 获取当前视图缩放倍数
|
|
|
const getCurrentZoomScale = () => {
|
|
|
const svg = svgRef.value; // 获取 SVG 元素
|
|
|
- console.log(svg.children);
|
|
|
+ // console.log(svg.children);
|
|
|
for (const key in svg.children) {
|
|
|
- console.log(svg.children[key], key);
|
|
|
+ // console.log(svg.children[key], key);
|
|
|
if (svg.children[key].tagName === 'g') {
|
|
|
- console.log(svg.children[key], 11);
|
|
|
+ // console.log(svg.children[key], 11);
|
|
|
const transform = svg.children[key].getAttribute('transform');
|
|
|
const scaleMatch = transform.match(/scale\(([^)]+)\)/); // 匹配 scale() 中的值
|
|
|
if (scaleMatch) {
|
|
|
@@ -390,7 +390,7 @@ const applyZoom = (scaleFactor) => {
|
|
|
const center = getCenter(); // 获取视图中心点
|
|
|
// 计算新的变换矩阵:缩放 + 平移
|
|
|
const newTransform = `scale(${scaleFactor}) translate(${center.x * scaleFactor}, ${center.y * scaleFactor})`;
|
|
|
- console.log(newTransform);
|
|
|
+ // console.log(newTransform);
|
|
|
// 将新的变换应用到 Markmap
|
|
|
mark_map.handleZoom({ transform: newTransform });
|
|
|
// mark_map.rescale(scaleFactor);
|
|
|
@@ -398,13 +398,13 @@ const applyZoom = (scaleFactor) => {
|
|
|
//
|
|
|
const zoomIn = () => {
|
|
|
let scale = getCurrentZoomScale();
|
|
|
- console.log(scale);
|
|
|
+ // console.log(scale);
|
|
|
scale = scale + 0.1;
|
|
|
applyZoom(scale);
|
|
|
};
|
|
|
const zoomOut = () => {
|
|
|
let scale = getCurrentZoomScale();
|
|
|
- console.log(scale);
|
|
|
+ // console.log(scale);
|
|
|
if (scale <= 0.1) {
|
|
|
return;
|
|
|
}
|