vue-flow | Vite Ecosystem Directory

vue-flow - @vue-flow/[email protected]

Published by bcakmakoglu almost 2 years ago

vue-flow - @vue-flow/[email protected]

Published by bcakmakoglu almost 2 years ago

vue-flow - v1.9.3

Published by bcakmakoglu almost 2 years ago

What's Changed

fix(a11y): use correct vue flow aria names by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/568
fix(background): set container styles for bg by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/569
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/570

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.9.2...v1.9.3

vue-flow - v1.9.2

Published by bcakmakoglu almost 2 years ago

What's Changed

Fix default edge components prop types and export the types.

refactor(workflows): use node 18 by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/563
refactor(workflows): use frozen lockfile by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/564
fix(core,edges): correct edge component prop types by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/566
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/567

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.9.1...v1.9.2

vue-flow - v1.9.1

Published by bcakmakoglu almost 2 years ago

What's Changed

Fixed slot type regression.

fix(core): use regexp to fetch imports in slots patch by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/561

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.9.0...v1.9.1

vue-flow - v1.9.0

Published by bcakmakoglu almost 2 years ago

What's Changed

chore(core): deprecate options api utils by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/558
feat(core): figma-controls by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/557
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/559

🚀 New Features

This release brings you more customization options to the selection behavior. Instead of pressing an additional button to create a selection box, you can now enable this behavior without any additional key-press.
Furthermore you can now specify what mouse buttons should be used for pan on drag behavior.

⭐️ Props

selectionKeyCode: You can now set this to MaybeRef<boolean> to enable a selection box without extra button press (need to set :pan-on-drag="false" or :pan-on-drag="[2]"[RightClick]).
panOnDrag: Can now be a boolean or a number[], this allows you to configure every mouse button as a drag button. [1, 2] would mean that you can drag via middle and right mouse button.
panActivationKeyCode: Key code (or KeyFilter) for activating dragging (useful when using selectionKeyCode as true).
selectionMode: You can choose if the selection box needs to contain a node fully (SelectionMode.Full) or partially (SelectionMode.Partial) to select.

🎪 Events

onSelectionStart: Emitted when the selection box is started.
onSelectionEnd: Emitted when the selection box is ended.
onViewportChangeStart: Emitted when viewport change has started.
onViewportChange: Emitted when viewport is changed.
onViewportChangeEnd: Emitted when viewport change has ended.

⚠️ Deprecated

Deprecated options API utils addEdge and updateEdge. These utils will be removed soon!

Resolve deprecation warnings

Instead of using these utils, use addEdges and updateEdge found on the VueFlow store instance.
You receive a store instance by using either a template-ref or listening to the onPaneReady event.

Example

  <script>
  import { VueFlow } from '@vue-flow/core'

  export default defineComponent({
    name: 'OptionsAPIExample',
    components: { VueFlow },
    data() {
      return {
        vueFlow: null,
        instance: null,
        elements: [
          { id: '1', type: 'input', label: 'Node 1', position: { x: 250, y: 5 }, class: 'light' },
          { id: '2', label: 'Node 2', position: { x: 100, y: 100 }, class: 'light' },
          { id: '3', label: 'Node 3', position: { x: 400, y: 100 }, class: 'light' },
          { id: '4', label: 'Node 4', position: { x: 400, y: 200 }, class: 'light' },
          { id: 'e1-2', source: '1', target: '2', animated: true },
          { id: 'e1-3', source: '1', target: '3' },
        ],
      }
    },
    methods: {
      // You can listen to `onPaneReady` to get the instance
      onPaneReady(instance) {
        instance.fitView()
        this.instance = instance
      },
      onConnect(params) {
        // either use the instance you have saved in `onPaneReady`
        this.instance?.addEdges([params])

        // or use the template-ref
        this.$refs.vueFlow?.addEdges([params])
      },
    },
  })
  </script>

  <template>
    <VueFlow
      v-model="elements"
      ref="vueFlow"
      class="vue-flow-basic-example"
      :default-zoom="1.5"
      :min-zoom="0.2"
      :max-zoom="4"
      :zoom-on-scroll="false"
      @connect="onConnect"
      @pane-ready="onPaneReady"
    />
  </template>

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.8.0...v1.9.0

vue-flow - @vue-flow/[email protected]

Published by bcakmakoglu almost 2 years ago

vue-flow - v1.8.0

Published by bcakmakoglu almost 2 years ago

What's Changed

refactor(core): rename viewpane to viewport by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/553
refactor(core): merge defaultZoom & defaultPosition to defaultViewport by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/554
fix(core): prevent expandParent from moving parent node while expanding by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/556
feat(core): A11y by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/544
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/555

🚀 New Features

A11y

This release brings A11y support to Vue Flow. All nodes and edges can now receive a focusable and ariaLabel prop, which can be used to enhance A11y experience. You can also enable focusable globally by using nodesFocusable or edgesFocusable.
Additionally, nodes can be moved using keyboard controls (Arrow-Keys).

Props

disableKeyboardA11y: Use this prop to disable Keyboard controls on the graph.
defaultViewport: The old defaultZoom and defaultPosition props have been merged into a single object called defaultViewport.
nodesFocusable: Globally enable that nodes can be focused.
edgesFocusable: Globally enable that edges can be focused.

Elements

focusable: Enable focusing for a single node/edge by setting this option.
ariaLabel: Specify an aria label for a node/edge

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.7.2...v1.8.0

vue-flow - v1.7.2

Published by bcakmakoglu almost 2 years ago

What's Changed

refactor(core,edges): make label coords optional by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/547
fix(core): input focus preventing selection rect / multi-select by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/551
feat(core,nodes): add elevateNodesOnSelect option by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/550
refactor(core,edges): group edges on edge selection changes by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/548
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/549

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.7.1...v1.7.2

vue-flow - v1.7.1

Published by bcakmakoglu almost 2 years ago

fix(core): only trigger store watcher immediately when els were set by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/545
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/546

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.7.0...v1.7.1

vue-flow - v1.7.0

Published by bcakmakoglu almost 2 years ago

What's Changed

fix(core): overwrite state even if it's an empty arr by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/536
revert(core): force update on resize observer changes by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/537
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/538
feat(core): add getNodesInitialized getter to store by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/539
fix(core): move watcher timing to pre and sync immediately by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/542
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/541

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.6.3...v1.7.0

vue-flow - v1.6.3

Published by bcakmakoglu almost 2 years ago

What's Changed

refactor(core): use vue-flow__handle in handle bounds selector by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/532
feat(edges): forward edge class to custom edges by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/534
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/533

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.6.2...v1.6.3

vue-flow - v1.6.2

Published by bcakmakoglu almost 2 years ago

What's Changed

fix(core): element watcher not emitting changes with addNodes / addEdges by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/529
refactor(core,nodes): remove forced update on resize observer trigger by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/530
chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/531

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.6.1...v1.6.2

vue-flow - v1.6.1

Published by bcakmakoglu almost 2 years ago