ebaoferc 0.3.3-beta.1 → 0.3.3

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,43 +1,43 @@
-# ebaoferc
-
-[![NPM version](https://img.shields.io/npm/v/ebaoferc.svg?style=flat)](https://npmjs.org/package/ebaoferc)
-[![NPM downloads](http://img.shields.io/npm/dm/ebaoferc.svg?style=flat)](https://npmjs.org/package/ebaoferc)
-
-A react library developed with dumi
-
-## Usage
-
-TODO
-
-## Options
-
-TODO
-
-## Development
-
-```bash
-# install dependencies
-$ pnpm install
-
-# develop library by docs demo
-$ pnpm start
-
-# build library source code
-$ pnpm run build
-
-# build library source code in watch mode
-$ pnpm run build:watch
-
-# build docs
-$ pnpm run docs:build
-
-# Locally preview the production build.
-$ pnpm run docs:preview
-
-# check your project for potential problems
-$ pnpm run doctor
-```
-
-## LICENSE
-
-MIT
+# ebaoferc
+
+[![NPM version](https://img.shields.io/npm/v/ebaoferc.svg?style=flat)](https://npmjs.org/package/ebaoferc)
+[![NPM downloads](http://img.shields.io/npm/dm/ebaoferc.svg?style=flat)](https://npmjs.org/package/ebaoferc)
+
+A react library developed with dumi
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ pnpm install
+
+# develop library by docs demo
+$ pnpm start
+
+# build library source code
+$ pnpm run build
+
+# build library source code in watch mode
+$ pnpm run build:watch
+
+# build docs
+$ pnpm run docs:build
+
+# Locally preview the production build.
+$ pnpm run docs:preview
+
+# check your project for potential problems
+$ pnpm run doctor
+```
+
+## LICENSE
+
+MIT

package/dist/components/ImageViewTrigger/index.d.ts

@@ -1,3 +1,4 @@
+import { Image } from 'antd';
 import { ReactElement } from 'react';
 import './index.less';
 type RenderTriggerPayload = {
@@ -8,10 +9,13 @@ type TAlbumThumbnailSize = {
     width?: number;
     height?: number;
 };
+type PreviewGroupProps = React.ComponentProps<typeof Image.PreviewGroup>;
+type TPreviewOptions = Exclude<PreviewGroupProps['preview'], boolean>;
 export type TImageViewTriggerProps = {
     links?: string[];
     albumThumbnailSize?: TAlbumThumbnailSize;
     children?: (payload: RenderTriggerPayload) => ReactElement;
+    previewOptions?: TPreviewOptions;
 };
 export type TImageViewTriggerRef = {
     setVisible: React.Dispatch<React.SetStateAction<boolean>>;

package/dist/components/ImageViewTrigger/index.js

@@ -15,7 +15,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { EyeOutlined } from '@ant-design/icons';
 import { Image, message } from 'antd';
-import { arrayToSingleValue, isNullOrUndefined } from "../../utils";
+import { arrayToSingleValue, isNullOrUndefined } from "../..";
 import { forwardRef, memo, useImperativeHandle, useMemo, useState } from 'react';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -29,7 +29,9 @@ var ImageViewTriggerCpn = function ImageViewTriggerCpn(props, ref) {
   var children = props.children,
     links = props.links,
     _props$albumThumbnail = props.albumThumbnailSize,
-    originAlbumThumbnailSize = _props$albumThumbnail === void 0 ? {} : _props$albumThumbnail;
+    originAlbumThumbnailSize = _props$albumThumbnail === void 0 ? {} : _props$albumThumbnail,
+    _props$previewOptions = props.previewOptions,
+    previewOptions = _props$previewOptions === void 0 ? {} : _props$previewOptions;
   var albumThumbnailSize = useMemo(function () {
     var composeValue = _objectSpread(_objectSpread({}, AlbumThumbnailSizeDefaultValue), originAlbumThumbnailSize);
     if (!isNullOrUndefined(originAlbumThumbnailSize === null || originAlbumThumbnailSize === void 0 ? void 0 : originAlbumThumbnailSize.width) && isNullOrUndefined(originAlbumThumbnailSize === null || originAlbumThumbnailSize === void 0 ? void 0 : originAlbumThumbnailSize.height)) {
@@ -108,12 +110,18 @@ var ImageViewTriggerCpn = function ImageViewTriggerCpn(props, ref) {
       loading: loading
     }), /*#__PURE__*/_jsx(Image.PreviewGroup, {
       items: links || items,
-      preview: {
+      preview: _objectSpread(_objectSpread({}, previewOptions), {}, {
         visible: visible,
-        onVisibleChange: function onVisibleChange(value) {
-          setVisible(value);
+        onVisibleChange: function onVisibleChange() {
+          var _previewOptions$onVis;
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          var visible = args[0];
+          setVisible(visible);
+          previewOptions === null || previewOptions === void 0 || (_previewOptions$onVis = previewOptions.onVisibleChange) === null || _previewOptions$onVis === void 0 || _previewOptions$onVis.call.apply(_previewOptions$onVis, [previewOptions].concat(args));
         }
-      },
+      }),
       children: links && /*#__PURE__*/_jsxs("div", {
         className: "thumbnail-mode-trigger",
         children: [/*#__PURE__*/_jsxs("div", {

package/dist/components/ImageViewTrigger/index.less

@@ -1,25 +1,25 @@
-.thumbnail-mode-trigger {
-  position: relative;
-  display: inline-block;
-
-  .thumbnail-mask {
-    position: absolute;
-    z-index: 1;
-    inset: 0;
-    display: flex;
-    gap: 4px;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    background: rgba(0, 0, 0, 50%);
-    cursor: pointer;
-    opacity: 0;
-    transition: opacity 0.3s;
-  }
-
-  &:hover {
-    .thumbnail-mask {
-      opacity: 1;
-    }
-  }
-}
+.thumbnail-mode-trigger {
+  position: relative;
+  display: inline-block;
+
+  .thumbnail-mask {
+    position: absolute;
+    z-index: 1;
+    inset: 0;
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    background: rgba(0, 0, 0, 50%);
+    cursor: pointer;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+
+  &:hover {
+    .thumbnail-mask {
+      opacity: 1;
+    }
+  }
+}

package/dist/components/MindGraph/core/graphic/drag.js

@@ -28,13 +28,13 @@ export var Drag = /*#__PURE__*/_createClass(function Drag(context) {
   _defineProperty(this, "temporaryLine", void 0);
   _defineProperty(this, "container", void 0);
   _defineProperty(this, "draggableLayout", void 0);
-  /**
-   * 获取拖动节点插入到关联节点子代的下标
-   * @param attachedNodeChildren 关联节点的子代
-   * @param dropPosition 拖动节点镜像中心位置
-   * @param dragNode 拖动节点
-   * @param attachedNode 被关联的节点
-   * @return 期望插入位置
+  /**
+   * 获取拖动节点插入到关联节点子代的下标
+   * @param attachedNodeChildren 关联节点的子代
+   * @param dropPosition 拖动节点镜像中心位置
+   * @param dragNode 拖动节点
+   * @param attachedNode 被关联的节点
+   * @return 期望插入位置
    */
   _defineProperty(this, "calcDropIndex", function (attachedNodeChildren, dropPosition, dragNode, attachedNode) {
     return _this.draggableLayout.calcDropIndex({
@@ -47,12 +47,12 @@ export var Drag = /*#__PURE__*/_createClass(function Drag(context) {
       root: _this.root
     });
   });
-  /**
-   * 拖动操作
-   * - 根节点不可拖拽
-   * @param position 拖动节点镜像中心位置
-   * @param canBeAttachedNodes 需要搜索的可关联节点
-   * @return 链接关联信息
+  /**
+   * 拖动操作
+   * - 根节点不可拖拽
+   * @param position 拖动节点镜像中心位置
+   * @param canBeAttachedNodes 需要搜索的可关联节点
+   * @return 链接关联信息
    */
   _defineProperty(this, "drag", function (position, canBeAttachedNodes) {
     var cache = _this.cacheMap.get(_this.dragNode.id);
@@ -88,8 +88,8 @@ export var Drag = /*#__PURE__*/_createClass(function Drag(context) {
       return undefined;
     }
   });
-  /**
-   * 通知控制器拖动操作结束
+  /**
+   * 通知控制器拖动操作结束
    */
   _defineProperty(this, "end", function () {
     _this.temporaryLine.destroy();

package/dist/components/MindGraph/core/graphic/index.js

@@ -14,20 +14,20 @@ import { Drag } from "./drag";
 import { nodeTranslateTo } from "./node-translate-to";
 import { Zoom } from "./zoom";
 export var Graphic = /*#__PURE__*/_createClass(
-/**
- * 脑图管理器
- * - `viewport`用作判断可视区域
- * - svg连线将会自动注入到`container`中
- * - transform 相关信息将会自动注入到`container`中
- * @param viewport 视窗
- * @param container 容器
- * @param options 配置参数
+/**
+ * 脑图管理器
+ * - `viewport`用作判断可视区域
+ * - svg连线将会自动注入到`container`中
+ * - transform 相关信息将会自动注入到`container`中
+ * @param viewport 视窗
+ * @param container 容器
+ * @param options 配置参数
  */
 function Graphic(viewport, _container, _options) {
   var _this = this;
   _classCallCheck(this, Graphic);
-  /**
-   * 节点相关信息缓存，树形结构拍平
+  /**
+   * 节点相关信息缓存，树形结构拍平
    */
   _defineProperty(this, "cacheMap", new Map());
   _defineProperty(this, "options", void 0);
@@ -39,16 +39,16 @@ function Graphic(viewport, _container, _options) {
   _defineProperty(this, "resizeObserver", void 0);
   _defineProperty(this, "unbindCache", []);
   _defineProperty(this, "zoom", void 0);
-  /**
-   * 同步 options 中的 zoom extent
+  /**
+   * 同步 options 中的 zoom extent
    */
   _defineProperty(this, "syncZoomExtentOptions", function () {
     _this.zoom.syncZoomExtentOptions({
       options: _this.options
     });
   });
-  /**
-   * 获取当前可见的节点
+  /**
+   * 获取当前可见的节点
    */
   _defineProperty(this, "getVisibleNodes", function () {
     var nodes = [];
@@ -65,10 +65,10 @@ function Graphic(viewport, _container, _options) {
     }
     return nodes;
   });
-  /**
-   * 获取节点定位锚点（左上角）位置，可在节点绘制的时候确定其位置
-   * - 推荐所有节点使用`position:absolute;left:0;top:0;`并且配合`transform`来定位，避免出现绘制异常
-   * @param id 节点对应id
+  /**
+   * 获取节点定位锚点（左上角）位置，可在节点绘制的时候确定其位置
+   * - 推荐所有节点使用`position:absolute;left:0;top:0;`并且配合`transform`来定位，避免出现绘制异常
+   * @param id 节点对应id
    */
   _defineProperty(this, "getNodeAnchorCoordinate", function (id) {
     var cache = _this.cacheMap.get(id);
@@ -132,9 +132,9 @@ function Graphic(viewport, _container, _options) {
     // 回调事件，通知外部 transform 改变
     _this.options.callback.onTransformChange(transform);
   });
-  /**
-   * - 计算节点可见是否改变，如改变，则通知外部
-   * - 重渲染连线，销毁不必要的连线
+  /**
+   * - 计算节点可见是否改变，如改变，则通知外部
+   * - 重渲染连线，销毁不必要的连线
    */
   _defineProperty(this, "refreshVisible", function () {
     if (_this.cacheMap.size) {
@@ -150,9 +150,9 @@ function Graphic(viewport, _container, _options) {
     }
   });
   _defineProperty(this, "throttleRefreshVisible", throttle(this.refreshVisible, 100));
-  /**
-   * 视窗尺寸变化
-   * @private
+  /**
+   * 视窗尺寸变化
+   * @private
    */
   _defineProperty(this, "onViewportResize", function () {
     _this.zoom.syncZoomExtent({
@@ -162,9 +162,9 @@ function Graphic(viewport, _container, _options) {
     // 避免频繁的刷新可视区域导致界面卡顿
     _this.throttleRefreshVisible();
   });
-  /**
-   * 注销事件绑定
-   * - 请在销毁组件之前调用
+  /**
+   * 注销事件绑定
+   * - 请在销毁组件之前调用
    */
   _defineProperty(this, "unbind", function () {
     _this.unbindCache.forEach(function (dispose) {
@@ -172,9 +172,9 @@ function Graphic(viewport, _container, _options) {
     });
     _this.unbindCache = [];
   });
-  /**
-   * 判断节点是否可视
-   * @param id 节点对应id
+  /**
+   * 判断节点是否可视
+   * @param id 节点对应id
    */
   _defineProperty(this, "judgeNodeVisible", function (id) {
     var cache = _this.cacheMap.get(id);
@@ -184,11 +184,11 @@ function Graphic(viewport, _container, _options) {
       return false;
     }
   });
-  /**
-   * 设定 `options`
-   * - 函数不会自动执行重渲染，如果改变的`options`需要重新计算布局等操作，推荐使用 `setData` 驱动数据重渲染
-   * @param options 设定选项
-   * @param isMerge 是否与之前的`options`做合并操作
+  /**
+   * 设定 `options`
+   * - 函数不会自动执行重渲染，如果改变的`options`需要重新计算布局等操作，推荐使用 `setData` 驱动数据重渲染
+   * @param options 设定选项
+   * @param isMerge 是否与之前的`options`做合并操作
    */
   _defineProperty(this, "setOptions", function (options) {
     var isMerge = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -199,14 +199,14 @@ function Graphic(viewport, _container, _options) {
     }
     _this.syncZoomExtentOptions();
   });
-  /**
-   * 生成拖动控制器
-   * - 根节点不可拖拽
-   * - 当前暂时只有`Mind.ChildAlignMode.structured`布局算法支持拖拽功能
-   * @param drag 拖动节点node对象或id
-   * @return
-   * - 当root（没有调用`setData`）不存在时，或者`drag`为根节点时，返回`undefined`
-   * - 正常情况返回 `Drag` 类对象
+  /**
+   * 生成拖动控制器
+   * - 根节点不可拖拽
+   * - 当前暂时只有`Mind.ChildAlignMode.structured`布局算法支持拖拽功能
+   * @param drag 拖动节点node对象或id
+   * @return
+   * - 当root（没有调用`setData`）不存在时，或者`drag`为根节点时，返回`undefined`
+   * - 正常情况返回 `Drag` 类对象
    */
   _defineProperty(this, "dragControllerBuilder", function (drag) {
     var _this$cacheMap$get;
@@ -223,8 +223,8 @@ function Graphic(viewport, _container, _options) {
       return undefined;
     }
   });
-  /**
-   * 获取渲染层尺寸
+  /**
+   * 获取渲染层尺寸
    */
   _defineProperty(this, "getLayoutSize", function () {
     var _this$root;
@@ -235,70 +235,70 @@ function Graphic(viewport, _container, _options) {
       return undefined;
     }
   });
-  /**
-   * 获取`id`对应节点
-   * @param id 节点`id`
+  /**
+   * 获取`id`对应节点
+   * @param id 节点`id`
    */
   _defineProperty(this, "getNode", function (id) {
     var _this$cacheMap$get2;
     return (_this$cacheMap$get2 = _this.cacheMap.get(id)) === null || _this$cacheMap$get2 === void 0 ? void 0 : _this$cacheMap$get2.node;
   });
-  /**
-   * 获取`id`对应节点父级
-   * @param id 节点`id`
+  /**
+   * 获取`id`对应节点父级
+   * @param id 节点`id`
    */
   _defineProperty(this, "getParent", function (id) {
     var _this$cacheMap$get3;
     return (_this$cacheMap$get3 = _this.cacheMap.get(id)) === null || _this$cacheMap$get3 === void 0 ? void 0 : _this$cacheMap$get3.parent;
   });
-  /**
-   * 获取`id`对应节点渲染方位
-   * @param id 节点`id`
+  /**
+   * 获取`id`对应节点渲染方位
+   * @param id 节点`id`
    */
   _defineProperty(this, "getNodeOrientation", function (id) {
     var _this$cacheMap$get4;
     return (_this$cacheMap$get4 = _this.cacheMap.get(id)) === null || _this$cacheMap$get4 === void 0 ? void 0 : _this$cacheMap$get4.orientation;
   });
-  /**
-   * 主动设置位移缩放
-   * - 会与之前的`transform`做深度合并
-   * - 请注意：`setTransform` 之后 `onTransformChange` 事件依旧会触发
-   * - 此方法不受 `zoomExtent.translate`、`zoomExtent.scale` 限制
-   * @param transform 位移缩放数据
-   * @param duration 周期，如果配置，则执行变换会附带动画效果
+  /**
+   * 主动设置位移缩放
+   * - 会与之前的`transform`做深度合并
+   * - 请注意：`setTransform` 之后 `onTransformChange` 事件依旧会触发
+   * - 此方法不受 `zoomExtent.translate`、`zoomExtent.scale` 限制
+   * @param transform 位移缩放数据
+   * @param duration 周期，如果配置，则执行变换会附带动画效果
    */
   _defineProperty(this, "setTransform", function (transform, duration) {
     _this.transform = merge({}, _this.transform, transform);
     _this.zoom.setTransform(_this.transform, duration);
   });
-  /**
-   * 设定位移
-   * - 此方法受到 `zoomExtent.translate` 限制
-   * @param translate 位移差(屏幕尺度)
-   * @param duration 周期，如果配置，则执行变换会附带动画效果
+  /**
+   * 设定位移
+   * - 此方法受到 `zoomExtent.translate` 限制
+   * @param translate 位移差(屏幕尺度)
+   * @param duration 周期，如果配置，则执行变换会附带动画效果
    */
   _defineProperty(this, "translate", function (translate, duration) {
     _this.zoom.translate(translate, duration);
   });
-  /**
-   * 设定缩放
-   * - 此方法受到 `zoomExtent.translate` 限制
-   * - 此方法受到 `zoomExtent.scale` 限制
-   * @param scale 缩放比
-   * @param point 缩放相对点（如不配置或为`undefined`，则默认相对于`viewport`中心缩放）
-   * @param duration 动画周期，如配置，则位移会附带动画效果
+  /**
+   * 设定缩放
+   * - 此方法受到 `zoomExtent.translate` 限制
+   * - 此方法受到 `zoomExtent.scale` 限制
+   * @param scale 缩放比
+   * @param point 缩放相对点（如不配置或为`undefined`，则默认相对于`viewport`中心缩放）
+   * @param duration 动画周期，如配置，则位移会附带动画效果
    */
   _defineProperty(this, "scale", function (scale, point, duration) {
     _this.zoom.scale(scale, point, duration);
   });
-  /**
-   * 将某一个节点中心从某个相对位置做位移（其尺度为屏幕尺度）操作
-   * - 此方法不受 `zoomExtent.translate` 限制
-   * @param config 配置参数
-   * @param config.id 节点id
-   * @param config.diff 位移差
-   * @param config.relative 相对位置
-   * @param duration 动画周期，如配置，则位移会附带动画效果
+  /**
+   * 将某一个节点中心从某个相对位置做位移（其尺度为屏幕尺度）操作
+   * - 此方法不受 `zoomExtent.translate` 限制
+   * @param config 配置参数
+   * @param config.id 节点id
+   * @param config.diff 位移差
+   * @param config.relative 相对位置
+   * @param duration 动画周期，如配置，则位移会附带动画效果
    */
   _defineProperty(this, "nodeTranslateTo", function (config, duration) {
     var id = config.id,
@@ -314,24 +314,24 @@ function Graphic(viewport, _container, _options) {
       zoom: _this.zoom
     }, duration);
   });
-  /**
-   * 获取位移缩放信息
+  /**
+   * 获取位移缩放信息
    */
   _defineProperty(this, "getTransform", function () {
     return _objectSpread({}, _this.transform);
   });
-  /**
-   * 设置锚点节点
-   * @param id 锚定节点id(如不设定，则清空锚点，根节点居中，缩放比归一)
+  /**
+   * 设置锚点节点
+   * @param id 锚定节点id(如不设定，则清空锚点，根节点居中，缩放比归一)
    */
   _defineProperty(this, "setAnchor", function (id) {
     _this.anchor = id;
   });
-  /**
-   * 设置/更新数据，启动重渲染
-   * - 在重计算定位时，将保持 `anchor` 对应节点在屏幕上的相对位置不变
-   * - 如果 `anchor` 没有设定，或者找不到对应节点，则，根节点居中，缩放比重置为1
-   * @param root 根数据
+  /**
+   * 设置/更新数据，启动重渲染
+   * - 在重计算定位时，将保持 `anchor` 对应节点在屏幕上的相对位置不变
+   * - 如果 `anchor` 没有设定，或者找不到对应节点，则，根节点居中，缩放比重置为1
+   * @param root 根数据
    */
   _defineProperty(this, "setData", function (root) {
     _this.root = root;
@@ -346,17 +346,17 @@ function Graphic(viewport, _container, _options) {
     // 设定数据后，通知外部可见节点
     _this.options.callback.onNodeVisibleChange(_this.getVisibleNodes());
   });
-  /**
-   * 刷新
+  /**
+   * 刷新
    */
   _defineProperty(this, "refresh", function () {
     if (_this.root) {
       _this.setData(_this.root);
     }
   });
-  /**
-   * 渲染链接到某个`container`下
-   * @param container 容器
+  /**
+   * 渲染链接到某个`container`下
+   * @param container 容器
    */
   _defineProperty(this, "connectTo", function (container) {
     Render.connect({
@@ -366,8 +366,8 @@ function Graphic(viewport, _container, _options) {
       root: _this.root
     });
   });
-  /**
-   * 同步渲染层尺寸到 container 中
+  /**
+   * 同步渲染层尺寸到 container 中
    */
   _defineProperty(this, "syncLayoutSize", function () {
     var _this$cacheMap$get5, _this$root2;
@@ -378,15 +378,15 @@ function Graphic(viewport, _container, _options) {
     _this.container.style.width = "".concat(layoutSize.width, "px");
     _this.container.style.height = "".concat(layoutSize.height, "px");
   });
-  /**
-   * 链接各个节点
+  /**
+   * 链接各个节点
    */
   _defineProperty(this, "connect", function () {
     _this.connectTo(_this.container);
   });
-  /**
-   * 计算脑图布局
-   * - 请保证调用之前 data 已经通过 setData 设置完备
+  /**
+   * 计算脑图布局
+   * - 请保证调用之前 data 已经通过 setData 设置完备
    */
   _defineProperty(this, "layout", function () {
     Render.layout({
@@ -400,8 +400,8 @@ function Graphic(viewport, _container, _options) {
       zoom: _this.zoom
     });
   });
-  /**
-   * 计算各节点可见性，以及链接可见性
+  /**
+   * 计算各节点可见性，以及链接可见性
    */
   _defineProperty(this, "calcVisible", function () {
     return Render.calcVisible({