chore(release): 🚀 publish

- @antv/x6@1.35.0

configs/package-json/antd.json

@@ -1,6 +1,6 @@
 {
   "peerDependencies": {
-    "antd": ">=4.4.2"
+    "antd": ">=4.4.2 || >=5.0.0-beta.0"
   },
   "devDependencies": {
     "antd": "^4.4.2"

examples/x6-example-features/src/pages/animation/3.tsx

@@ -0,0 +1,81 @@
+import React from 'react'
+import { Graph, EdgeView, NodeView } from '@antv/x6'
+import { animateAlongEdge, animateAlongNode, clearAnimation } from './animation'
+import '../index.less'
+
+export default class Example extends React.Component {
+  private container: HTMLDivElement
+  private animate = false
+
+  componentDidMount() {
+    const graph = new Graph({
+      container: this.container,
+      width: 800,
+      height: 600,
+      grid: true,
+    })
+
+    const source = graph.addNode({
+      id: 'source',
+      shape: 'rect',
+      x: 80,
+      y: 250,
+      width: 160,
+      height: 60,
+    })
+
+    const target = graph.addNode({
+      id: 'target',
+      shape: 'rect',
+      x: 520,
+      y: 250,
+      width: 160,
+      height: 60,
+    })
+
+    graph.addEdge({
+      id: 'edge',
+      source,
+      target,
+    })
+
+    document.addEventListener('click', () => {
+      if (this.animate) {
+        this.animate = false
+        clearAnimation()
+      } else {
+        this.animate = true
+        this.play(graph)
+      }
+    })
+  }
+
+  play(graph: Graph) {
+    const sourceNodeView = graph.findViewByCell(
+      graph.getCellById('source'),
+    ) as NodeView
+    const targetNodeView = graph.findViewByCell(
+      graph.getCellById('target'),
+    ) as NodeView
+    const edgeView = graph.findViewByCell(graph.getCellById('edge')) as EdgeView
+
+    animateAlongNode(sourceNodeView, 'M 0 30 L 0 0 L 160 0 L 160 30')
+    animateAlongNode(sourceNodeView, 'M 0 30 L 0 60 L 160 60 L 160 30', () => {
+      animateAlongEdge(edgeView, () => {
+        animateAlongNode(targetNodeView, 'M 0 0 L 160 0 L 160 60 L 0 60')
+      })
+    })
+  }
+
+  refContainer = (container: HTMLDivElement) => {
+    this.container = container
+  }
+
+  render() {
+    return (
+      <div className="x6-graph-wrap">
+        <div ref={this.refContainer} className="x6-graph" />
+      </div>
+    )
+  }
+}

examples/x6-example-features/src/pages/animation/animation.ts

@@ -0,0 +1,94 @@
+import { Vector, EdgeView, NodeView, Dom } from '@antv/x6'
+
+const animateToken: SVGElement[] = []
+
+export const removeAnimationElem = (elem: SVGElement) => {
+  const index = animateToken.findIndex((token) => token === elem)
+  if (index) {
+    animateToken.splice(index, 1)
+  }
+  Dom.remove(elem)
+}
+
+export const animateAlongEdge = (
+  edgeView: EdgeView,
+  compelete?: () => void,
+) => {
+  const token = Vector.create('circle', { r: 4, fill: 'red' })
+  const path = edgeView.container.querySelector('path')
+  const animate = Dom.createSvgElement<SVGAnimateMotionElement>('animateMotion')
+  const mpath = Dom.createSvgElement('mpath')
+
+  const attrs = {
+    dur: '1000ms',
+    repeatCount: '1',
+    calcMode: 'linear',
+    fill: 'freeze',
+  }
+
+  const id = Dom.ensureId(path!)
+  animate.appendChild(mpath)
+  token.node.appendChild(animate)
+  token.appendTo(edgeView.container)
+  Dom.attr(mpath, { 'xlink:href': `#${id}` })
+  Dom.attr(animate, attrs)
+
+  animateToken.push(token.node)
+  animate.addEventListener('endEvent', () => {
+    removeAnimationElem(token.node)
+    if (compelete) {
+      compelete()
+    }
+  })
+
+  const ani = animate as any
+
+  setTimeout(() => {
+    ani.beginElement()
+  })
+}
+
+export const animateAlongNode = (
+  nodeView: NodeView,
+  path: string,
+  compelete?: () => void,
+) => {
+  const token = Vector.create('circle', { r: 4, fill: 'red' })
+  const animate = Dom.createSvgElement<SVGAnimateMotionElement>('animateMotion')
+
+  const attrs = {
+    dur: '2000ms',
+    repeatCount: '1',
+    calcMode: 'linear',
+    fill: 'freeze',
+  }
+
+  Dom.attr(animate, {
+    ...attrs,
+    path,
+  })
+
+  token.append(animate)
+  nodeView.container.appendChild(token.node)
+  animateToken.push(token.node)
+
+  animate.addEventListener('endEvent', () => {
+    removeAnimationElem(token.node)
+    if (compelete) {
+      compelete()
+    }
+  })
+
+  const ani = animate as any
+
+  setTimeout(() => {
+    ani.beginElement()
+  })
+}
+
+export const clearAnimation = () => {
+  const animations = [...animateToken]
+  animations.forEach((item) => {
+    removeAnimationElem(item)
+  })
+}

packages/x6-angular-shape/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-angular-shape",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "X6 shape for rendering angular components.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -49,7 +49,7 @@
     "@angular/cdk": ">=10.2.3",
     "@angular/common": "^10.2.3",
     "@angular/core": ">=10.2.3",
-    "@antv/x6": ">=1.0.0"
+    "@antv/x6": "^1.x"
   },
   "devDependencies": {
     "@angular/cdk": "^10.2.3",

packages/x6-react-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-react-components",
-  "version": "1.1.19",
+  "version": "1.1.20",
   "description": "React components for building x6 editors",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -61,7 +61,7 @@
     "@antv/x6-package-json/rollup.json"
   ],
   "peerDependencies": {
-    "antd": ">=4.4.2",
+    "antd": ">=4.4.2 || >=5.0.0-beta.0",
     "react": ">=16.8.6 || >=17.0.0",
     "react-dom": ">=16.8.6 || >=17.0.0"
   },

packages/x6-react-components/src/color-picker/index.tsx

@@ -5,7 +5,6 @@ import React from 'react'
 import classNames from 'classnames'
 import { Popover } from 'antd'
 import { PopoverProps } from 'antd/es/popover'
-import 'antd/es/popover/style/index.css'
 import addEventListener from 'rc-util/lib/Dom/addEventListener'
 import {
   SketchPicker,
@@ -101,11 +100,15 @@ export class ColorPicker extends React.Component<
     const { color } = this.state
     const { disabled, overlayProps, style } = this.props
     const baseCls = `${this.props.prefixCls}-color-picker`
-    const popoverProps: PopoverProps = {}
+    const popoverProps: PopoverProps & { open?: boolean } = {}
     if (disabled) {
       popoverProps.visible = false
+      // Support for antd 5.0
+      popoverProps.open = false
     } else {
       popoverProps.visible = this.state.active
+      // Support for antd 5.0
+      popoverProps.open = this.state.active
     }
 
     const colorStr =

packages/x6-react-components/src/toolbar/item.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 import classNames from 'classnames'
 import { Tooltip } from 'antd'
 import { TooltipProps } from 'antd/es/tooltip'
-import 'antd/es/tooltip/style/index.css'
 import { Menu } from '../menu'
 import { Dropdown } from '../dropdown'
 import { ToolbarContext } from './context'

packages/x6-react-shape/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-react-shape",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "X6 shape for rendering react components.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -47,7 +47,7 @@
     "@antv/x6-package-json/rollup.json"
   ],
   "peerDependencies": {
-    "@antv/x6": ">=1.0.0",
+    "@antv/x6": "^1.x",
     "react": ">=16.8.6 || >=17.0.0",
     "react-dom": ">=16.8.6 || >=17.0.0"
   },

packages/x6-vue-shape/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6-vue-shape",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "X6 shape for rendering vue components.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -48,7 +48,7 @@
     "vue-demi": "latest"
   },
   "peerDependencies": {
-    "@antv/x6": ">=1.0.0",
+    "@antv/x6": "^1.x",
     "@vue/composition-api": "^1.0.0-rc.6",
     "vue": "^2.6.12 || ^3.0.0"
   },

packages/x6/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/x6",
-  "version": "1.34.6",
+  "version": "1.35.0",
   "description": "JavaScript diagramming library that uses SVG and HTML for rendering.",
   "main": "lib/index.js",
   "module": "es/index.js",

packages/x6/src/addon/dnd/index.ts

@@ -73,7 +73,7 @@ export class Dnd extends View {
     this.targetModel.startBatch('dnd')
     this.$container
       .addClass('dragging')
-      .appendTo(this.options.containerParent || document.body)
+      .appendTo(this.options.draggingContainer || document.body)
 
     this.sourceNode = node
     this.prepareDragging(node, e.clientX, e.clientY)
@@ -462,7 +462,7 @@ export namespace Dnd {
           duration?: number
           easing?: string
         }
-    containerParent?: HTMLElement
+    draggingContainer?: HTMLElement
     /**
      * dnd tool box container.
      */

packages/x6/src/addon/transform/index.ts

@@ -521,6 +521,11 @@ export class Transform extends Widget<Transform.Options> {
       }
     }
   }
+
+  protected onRemove() {
+    this.stopListening()
+    super.onRemove()
+  }
 }
 
 export namespace Transform {

packages/x6/src/common/algorithm/priorityqueue.ts

@@ -45,7 +45,7 @@ export class PriorityQueue<T> {
    */
   insert(priority: number, value: T, id?: string) {
     const item: PriorityQueue.DataItem<T> = { priority, value }
-    const index = this.data.length - 1
+    const index = this.data.length
     if (id) {
       item.id = id
       this.index[id] = index
@@ -96,7 +96,9 @@ export class PriorityQueue<T> {
     const data = this.data
     const peek = data[0]
     const last = data.pop()!
-    delete this.index[data.length]
+    if (peek.id) {
+      delete this.index[peek.id]
+    }
 
     if (data.length > 0) {
       data[0] = last

packages/x6/src/registry/router/manhattan/obstacle-map.ts

@@ -76,11 +76,16 @@ export class ObstacleMap {
       const excludeShapes = options.excludeShapes
       const excType = shape ? excludeShapes.includes(shape) : false
       const excTerminal = excludedTerminals.some((cell) => cell.id === node.id)
-      const excNode = options.excludeNodes.includes(node)
+      const excludedNode = options.excludeNodes.some((item) => {
+        if (typeof item === 'string') {
+          return node.id === item
+        }
+        return item === node
+      })
       const excAncestor = excludedAncestors.includes(node.id)
       const excHidden = options.excludeHiddenNodes && !node.isVisible()
       const excluded =
-        excType || excTerminal || excNode || excAncestor || excHidden
+        excType || excTerminal || excludedNode || excAncestor || excHidden
 
       if (!excluded) {
         const bbox = node.getBBox().moveAndExpand(options.paddingBox)

packages/x6/src/registry/router/manhattan/options.ts

@@ -49,7 +49,7 @@ export interface ResolvedOptions {
   /**
    * Should certain nodes not be considered as obstacles?
    */
-  excludeNodes: Node[]
+  excludeNodes: (Node | string)[]
 
   /**
    * Should certain hidden nodes not be considered as obstacles?

packages/x6/src/shape/standard/html.ts

@@ -77,7 +77,7 @@ export namespace HTML {
     }
 
     protected renderHTMLComponent() {
-      const container = this.selectors.foContent
+      const container = this.selectors && this.selectors.foContent
       if (container) {
         const $wrap = this.$(container).empty()
         const component = this.graph.hook.getHTMLComponent(this.cell)

packages/x6/src/view/edge.ts

@@ -1153,15 +1153,18 @@ export class EdgeView<
 
     for (let i = 0, ii = labels.length; i < ii; i += 1) {
       const label = labels[i]
+      const labelNode = this.labelCache[i]
+
+      if (!labelNode) {
+        continue
+      }
+
       const labelPosition = this.normalizeLabelPosition(
         label.position as Edge.LabelPosition,
       )
       const pos = ObjectExt.merge({}, defaultPosition, labelPosition)
       const matrix = this.getLabelTransformationMatrix(pos)
-      this.labelCache[i].setAttribute(
-        'transform',
-        Dom.matrixToTransformString(matrix),
-      )
+      labelNode.setAttribute('transform', Dom.matrixToTransformString(matrix))
     }
 
     return this

packages/x6/src/view/node.ts

@@ -861,7 +861,9 @@ export class NodeView<
     if (options.frontOnly) {
       if (candidates.length > 0) {
         const zIndexMap = ArrayExt.groupBy(candidates, 'zIndex')
-        const maxZIndex = ArrayExt.max(Object.keys(zIndexMap))
+        const maxZIndex = ArrayExt.max(
+          Object.keys(zIndexMap).map((z) => parseInt(z, 10)),
+        )
         if (maxZIndex) {
           candidates = zIndexMap[maxZIndex]
         }

packages/x6/src/view/tool.ts

@@ -421,7 +421,7 @@ export namespace ToolsView {
       return this
     }
 
-    protected stamp(elem: Element = this.container) {
+    protected stamp(elem: Element) {
       if (elem) {
         elem.setAttribute('data-cell-id', this.cellView.cell.id)
       }

sites/x6-sites-demos-helper/src/toolbar/index.tsx

@@ -13,7 +13,7 @@ import './index.css'
 // eslint-disable-next-line
 const repo = require('../../loaders/repo.js!./data.js')
 
-const iconOpenInNewWindow: React.SFC = () => (
+const iconOpenInNewWindow: React.FC = () => (
   <svg
     width="15"
     height="12"

sites/x6-sites-demos-helper/src/wrap/content.tsx

@@ -1,8 +1,11 @@
-import React from 'react'
+import React, { PropsWithChildren } from 'react'
 import { Toolbar } from '../toolbar'
 import './content.css'
 
-export class Content extends React.Component<Content.Props, Content.State> {
+export class Content extends React.Component<
+  PropsWithChildren<Content.Props>,
+  Content.State
+> {
   private container: HTMLDivElement
 
   constructor(props: Content.Props) {

sites/x6-sites-demos/package.json

@@ -15,9 +15,9 @@
   "dependencies": {
     "@ant-design/icons": "^4.2.1",
     "@antv/layout": "^0.1.9",
-    "@antv/x6": "latest",
-    "@antv/x6-react-components": "latest",
-    "@antv/x6-react-shape": "latest",
+    "@antv/x6": "1.x",
+    "@antv/x6-react-components": "1.x",
+    "@antv/x6-react-shape": "1.x",
     "@antv/x6-sites-demos-helper": "^1.2.2",
     "@types/d3-sankey": "^0.11.1",
     "@types/highlight.js": "^9.12.4",

sites/x6-sites-demos/packages/api/graph/async/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/graph/auto-resize/package.json

@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
-    "@antv/x6": "latest",
+    "@antv/x6-react-components": "1.x",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/graph/checkview/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/graph/coord/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/attr/text-anchor/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/attr/text-wrap/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/attr/x-align/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/background/flip-x/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/background/flip-xy/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/background/flip-y/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/background/watermark/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/connection-point/playground/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/connector/jumpover/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/connector/normal/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/connector/rounded/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/connector/smooth/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/connector/wobble/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-anchor/playground/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-tool/anchor/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-tool/arrowhead/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-tool/boundary/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-tool/button-remove/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-tool/button/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-tool/custom-arrowhead/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-tool/custom-vertices/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-tool/segments/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/edge-tool/vertices/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/blur/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/brightness/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/contrast/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/drop-shadow/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/gray-scale/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/highlight/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/hue-rotate/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/invert/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/outline/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/saturate/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/filter/sepia/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/grid/dot/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/grid/double-mesh/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/grid/fixed-dot/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/grid/mesh/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/node-anchor/playground/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/node-tool/boundary/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/node-tool/button-remove/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/node-tool/button/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/node-tool/custom-button/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/node-tool/editor/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/port-label-layout/inside-outside/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/port-label-layout/radial/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/port-label-layout/side/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/port-layout/absolute/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/port-layout/ellipse-spread/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/port-layout/ellipse/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/port-layout/line/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/port-layout/side/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/port-layout/sin/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/router/er/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/router/manhattan/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/router/metro/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/router/oneside/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/router/orth/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/registry/router/random/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/ui/auto-scrollbox/basic/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
+    "@antv/x6-react-components": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/ui/color-picker/basic/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
+    "@antv/x6-react-components": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/ui/contextmenu/basic/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
+    "@antv/x6-react-components": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/ui/dropdown/basic/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
+    "@antv/x6-react-components": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/ui/menu/basic/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
+    "@antv/x6-react-components": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/ui/menubar/basic/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
+    "@antv/x6-react-components": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/ui/scrollbox/basic/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
+    "@antv/x6-react-components": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/ui/splitbox/basic/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
+    "@antv/x6-react-components": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/api/ui/toolbar/basic/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6-react-components": "latest",
+    "@antv/x6-react-components": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/scene/sankey/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "d3-sankey": "^0.12.3",

sites/x6-sites-demos/packages/tutorial/advanced/animation/along-path/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/tutorial/advanced/animation/animate-transform/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/tutorial/advanced/animation/animate/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/tutorial/advanced/animation/football/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",

sites/x6-sites-demos/packages/tutorial/advanced/animation/signal/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@antv/x6": "latest",
+    "@antv/x6": "1.x",
     "@antv/x6-sites-demos-helper": "latest",
     "antd": "^4.4.2",
     "react": "^16.13.1",