mind-map icon indicating copy to clipboard operation
mind-map copied to clipboard

节点数超过100时,在一个父节点下添加多个子节点时卡顿非常明显

Open girlinsouth opened this issue 2 years ago • 2 comments

节点数超过100时,在一个父节点下添加多个子节点时卡顿非常明显

girlinsouth avatar Nov 02 '23 03:11 girlinsouth

麻烦提供一下demo,或者关键部分的代码截图

wanglin2 avatar Nov 02 '23 03:11 wanglin2

` this.mindMap = new MindMap({ el: this.$refs.mindMapContainer, data: root, fit: false, enableShortcutOnlyWhenMouseInSvg: true, layout: layout, theme: theme.template, themeConfig: theme.config, viewData: view, nodeTextEditZIndex: 1000, textAutoWrapWidth: 300, nodeNoteTooltipZIndex: 1000,

    customHandleMousewheel: (e) => {
      that.mindMap.view.translateX(-e.deltaX)
      that.mindMap.view.translateY(-e.deltaY)
    },
    isUseCustomNodeContent: true,
    customCreateNodeContent: (node) => {
      // return你的自定义DOM节点
      const nodeData = node.nodeData.data;
      if (nodeData._docInfo) {
        let el = document.createElement('div')
        let Comp = Vue.extend(DocsNodeShow)
        let comp = new Comp({
          // props
          propsData: {
            nodeData: node.nodeData.data,
            mindMap: this.mindMap
          }
        });
        comp.$mount(el);
        return comp.$el;
      }
    },
    mousewheelMoveStep: 100,
    customNoteContentShow: {
      show: (content, left, top) => {
        this.$bus.$emit('showNoteContent', content, left, top)
      },
      hide: () => {
        // this.$bus.$emit('hideNoteContent')
      }
    },
    ...(config || {}),
    iconList: icon,
    useLeftKeySelectionRightKeyDrag: this.useLeftKeySelectionRightKeyDrag,
    customInnerElsAppendTo: null,
    enableAutoEnterTextEditWhenKeydown: false,
    customHandleClipboardText: handleClipboardText,
  })`

girlinsouth avatar Nov 03 '23 04:11 girlinsouth