From 3f4e6961c0724587a8f24f2c24cdf612e94ad406 Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Tue, 13 Dec 2022 09:31:32 +0100 Subject: [PATCH] chore: remove resize rotate node pkg Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> --- packages/resize-rotate-node/.eslintrc.js | 8 - packages/resize-rotate-node/.gitignore | 99 ------- packages/resize-rotate-node/.prettierrc | 8 - packages/resize-rotate-node/CHANGELOG.md | 95 ------- packages/resize-rotate-node/README.md | 84 ------ packages/resize-rotate-node/example/App.vue | 46 ---- .../resize-rotate-node/example/elements.ts | 45 ---- packages/resize-rotate-node/example/main.ts | 7 - packages/resize-rotate-node/index.html | 12 - packages/resize-rotate-node/package.json | 52 ---- .../resize-rotate-node/src/auto-imports.d.ts | 248 ------------------ packages/resize-rotate-node/src/index.ts | 1 - .../src/node/ResizeRotateNode.vue | 117 --------- packages/resize-rotate-node/src/node/types.ts | 27 -- packages/resize-rotate-node/src/node/utils.ts | 107 -------- packages/resize-rotate-node/tsconfig.json | 30 --- .../resize-rotate-node/tsconfig.node.json | 11 - packages/resize-rotate-node/vite.config.ts | 49 ---- 18 files changed, 1046 deletions(-) delete mode 100644 packages/resize-rotate-node/.eslintrc.js delete mode 100644 packages/resize-rotate-node/.gitignore delete mode 100644 packages/resize-rotate-node/.prettierrc delete mode 100644 packages/resize-rotate-node/CHANGELOG.md delete mode 100644 packages/resize-rotate-node/README.md delete mode 100644 packages/resize-rotate-node/example/App.vue delete mode 100644 packages/resize-rotate-node/example/elements.ts delete mode 100644 packages/resize-rotate-node/example/main.ts delete mode 100644 packages/resize-rotate-node/index.html delete mode 100644 packages/resize-rotate-node/package.json delete mode 100644 packages/resize-rotate-node/src/auto-imports.d.ts delete mode 100644 packages/resize-rotate-node/src/index.ts delete mode 100644 packages/resize-rotate-node/src/node/ResizeRotateNode.vue delete mode 100644 packages/resize-rotate-node/src/node/types.ts delete mode 100644 packages/resize-rotate-node/src/node/utils.ts delete mode 100644 packages/resize-rotate-node/tsconfig.json delete mode 100644 packages/resize-rotate-node/tsconfig.node.json delete mode 100644 packages/resize-rotate-node/vite.config.ts diff --git a/packages/resize-rotate-node/.eslintrc.js b/packages/resize-rotate-node/.eslintrc.js deleted file mode 100644 index 98c0e4cb..00000000 --- a/packages/resize-rotate-node/.eslintrc.js +++ /dev/null @@ -1,8 +0,0 @@ -module.exports = { - rules: { - 'no-use-before-define': 0, - 'vue/no-setup-props-destructure': 0, - }, - extends: ['../../.eslintrc.js'], - ignorePatterns: ['!**/*'], -} diff --git a/packages/resize-rotate-node/.gitignore b/packages/resize-rotate-node/.gitignore deleted file mode 100644 index d718f84d..00000000 --- a/packages/resize-rotate-node/.gitignore +++ /dev/null @@ -1,99 +0,0 @@ -# Created by .ignore support plugin (hsz.mobi) -### Node template -# Logs -/logs -*.log -npm-debug.log* -yarn-debug.log* -yarn-error.log* - -# Runtime data -pids -*.pid -*.seed -*.pid.lock - -# Directory for instrumented libs generated by jscoverage/JSCover -lib-cov - -# Coverage directory used by tools like istanbul -coverage - -# nyc test coverage -.nyc_output - -# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) -.grunt - -# Bower dependency directory (https://bower.io/) -bower_components - -# node-waf configuration -.lock-wscript - -# Compiled binary addons (https://nodejs.org/api/addons.html) -build/Release - -# Dependency directories -node_modules/ -jspm_packages/ - -# TypeScript v1 declaration files -typings/ - -# Optional npm cache directory -.npm - -# Optional eslint cache -.eslintcache - -# Optional REPL history -.node_repl_history - -# Output of 'npm pack' -*.tgz - -# Yarn Integrity file -.yarn-integrity - -# dotenv environment variables file -.env - -# parcel-bundler cache (https://parceljs.org/) -.cache - -# next.js build output -.next - -# nuxt.js build output -.nuxt - -# Nuxt generate -dist - -# vuepress build output -.vuepress/dist - -# Serverless directories -.serverless -.webpack - -# IDE / Editor -.idea - -# Service worker -sw.* - -# macOS -.DS_Store - -# Vim swap files -*.swp - -# Db-Data -hasura/db_data/ - -# Codegen types -types/types.ts - -build diff --git a/packages/resize-rotate-node/.prettierrc b/packages/resize-rotate-node/.prettierrc deleted file mode 100644 index 02018a37..00000000 --- a/packages/resize-rotate-node/.prettierrc +++ /dev/null @@ -1,8 +0,0 @@ -{ - "singleQuote": true, - "trailingComma": "all", - "semi": false, - "quoteProps": "consistent", - "bracketSpacing": true, - "printWidth": 130 -} diff --git a/packages/resize-rotate-node/CHANGELOG.md b/packages/resize-rotate-node/CHANGELOG.md deleted file mode 100644 index aee6998b..00000000 --- a/packages/resize-rotate-node/CHANGELOG.md +++ /dev/null @@ -1,95 +0,0 @@ -# @vue-flow/resize-rotate-node - -## 1.0.2 - -### Patch Changes - -- [#469](https://github.com/bcakmakoglu/vue-flow/pull/469) [`870eec0`](https://github.com/bcakmakoglu/vue-flow/commit/870eec046f00ad19bd0866278729ae9269624299) Thanks [@Congyuwang](https://github.com/Congyuwang)! - Sync Node position after Resizing - -## 1.0.1 - -### Patch Changes - -- [#365](https://github.com/bcakmakoglu/vue-flow/pull/365) [`009bbdb`](https://github.com/bcakmakoglu/vue-flow/commit/009bbdba6d7e896bcfcaf8f07e7fdc8a83cc52fc) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Fix output file names for resize-rotate-node and pathfinding-edge pkgs - -## 1.0.0 - -### Major Changes - -- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`939bff50`](https://github.com/bcakmakoglu/vue-flow/commit/939bff503039af3b790160640548ddde984cf2bc) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? - - - Simplify edge path calculations - - remove `getEdgeCenter` and `getSimpleEdgeCenter` - - # Breaking Changes - - - `getEdgeCenter` has been removed - - Edge center positions can now be accessed from `getBezierPath` or `getSmoothStepPath` functions - - Before: - - ```js - import { getBezierPath, getEdgeCenter } from '@braks/vue-flow' - - // used to return the path string only - const edgePath = computed(() => getBezierPath(pathParams)) - - // was necessary to get the centerX, centerY of an edge - const centered = computed(() => getEdgeCenter(centerParams)) - ``` - - After: - - ```js - import { getBezierPath } from '@vue-flow/core' - - // returns the path string and the center positions - const [path, centerX, centerY] = computed(() => getBezierPath(pathParams)) - ``` - -- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`47d837aa`](https://github.com/bcakmakoglu/vue-flow/commit/47d837aac096e59e7f55213990dff2cc7eba0c01) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? - - - Change pkg scope from 'braks' to 'vue-flow' - - Add `@vue-flow/core` package - - Add `@vue-flow/additional-components` package - - Add `@vue-flow/pathfinding-edge` package - - Add `@vue-flow/resize-rotate-node` package - - # Features - - - `useNode` and `useEdge` composables - - can be used to access current node/edge (or by id) and their respective element refs (if used inside the elements' context, i.e. a custom node/edge) - - `selectionKeyCode` as `true` - - allows for figma style selection (i.e. create a selection rect without holding shift or any other key) - - Handles to trigger handle bounds calculation on mount - - if no handle bounds are found, a Handle will try to calculate its bounds on mount - - should remove the need for `updateNodeInternals` on dynamic handles - - Testing for various features using Cypress 10 - - # Bugfixes - - - Fix `removeSelectedEdges` and `removeSelectedNodes` actions not properly removing elements from store - - # Breaking Changes - - - `@vue-flow/core` package is now required to use vue-flow - - `@vue-flow/additional-components` package contains `Background`, `MiniMap` and `Controls` components and related types - - When switching to the new pkg scope, you need to change the import path. - - Before: - - ```js - import { VueFlow, Background, MiniMap, Controls } from '@braks/vue-flow' - ``` - - After - - ```js - import { VueFlow } from '@vue-flow/core' - import { Background, MiniMap, Controls } from '@vue-flow/additional-components' - ``` - -### Patch Changes - -- Updated dependencies [[`939bff50`](https://github.com/bcakmakoglu/vue-flow/commit/939bff503039af3b790160640548ddde984cf2bc), [`47d837aa`](https://github.com/bcakmakoglu/vue-flow/commit/47d837aac096e59e7f55213990dff2cc7eba0c01)]: - - @vue-flow/core@1.0.0 diff --git a/packages/resize-rotate-node/README.md b/packages/resize-rotate-node/README.md deleted file mode 100644 index cc9da58a..00000000 --- a/packages/resize-rotate-node/README.md +++ /dev/null @@ -1,84 +0,0 @@ -# Vue Flow Resizable Rotatable Node - -### Custom Node that can be resized and rotated - -## 🛠 Setup - -```bash -# install -$ yarn add @vue-flow/resize-rotate-node - -# or -$ npm i --save @vue-flow/resize-rotate-node -``` - -## 🎮 Quickstart - -```vue - - - -``` - -```js -// initial-elements.js -export default [ - { - id: '1', - label: 'Node 1', - type: 'resize-rotate', - targetPosition: 'left', - sourcePosition: 'right', - position: { - x: 0, - y: 0, - }, - data: { - // additional styles for the node - // cannot use the regular style tag as those apply to the node wrapper - style: { - background: 'rgb(255, 0, 114) none repeat scroll 0% 0%', - padding: '20px', - borderRadius: '20px', - }, - }, - }, - { - id: '2', - label: 'Node 2', - type: 'resize-rotate', - targetPosition: 'left', - position: { - x: 330, - y: 50, - }, - data: { - style: { - background: 'rgb(50, 188, 188) none repeat scroll 0% 0%', - padding: '20px', - borderRadius: '20px', - }, - }, - }, - { - id: 'e1-2', - source: '1', - target: '2', - type: 'smoothstep', - }, -] -``` diff --git a/packages/resize-rotate-node/example/App.vue b/packages/resize-rotate-node/example/App.vue deleted file mode 100644 index 1fd6cf82..00000000 --- a/packages/resize-rotate-node/example/App.vue +++ /dev/null @@ -1,46 +0,0 @@ - - - - - diff --git a/packages/resize-rotate-node/example/elements.ts b/packages/resize-rotate-node/example/elements.ts deleted file mode 100644 index 278bd024..00000000 --- a/packages/resize-rotate-node/example/elements.ts +++ /dev/null @@ -1,45 +0,0 @@ -import type { Elements } from '@vue-flow/core' - -export default [ - { - id: '1', - label: 'Node 1', - type: 'resize-rotate', - targetPosition: 'left', - sourcePosition: 'right', - position: { - x: 0, - y: 0, - }, - data: { - style: { - background: 'rgb(255, 0, 114) none repeat scroll 0% 0%', - padding: '20px', - borderRadius: '20px', - }, - }, - }, - { - id: '2', - label: 'Node 2', - type: 'resize-rotate', - targetPosition: 'left', - position: { - x: 330, - y: 50, - }, - data: { - style: { - background: 'rgb(50, 188, 188) none repeat scroll 0% 0%', - padding: '20px', - borderRadius: '20px', - }, - }, - }, - { - id: 'e1-2', - source: '1', - target: '2', - type: 'smoothstep', - }, -] as Elements diff --git a/packages/resize-rotate-node/example/main.ts b/packages/resize-rotate-node/example/main.ts deleted file mode 100644 index c707599b..00000000 --- a/packages/resize-rotate-node/example/main.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { createApp } from 'vue' -import App from './App.vue' - -const app = createApp(App) - -app.config.performance = true -app.mount('#root') diff --git a/packages/resize-rotate-node/index.html b/packages/resize-rotate-node/index.html deleted file mode 100644 index 7328d10f..00000000 --- a/packages/resize-rotate-node/index.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - 🌊 Vue Flow - - -
- - - diff --git a/packages/resize-rotate-node/package.json b/packages/resize-rotate-node/package.json deleted file mode 100644 index bcefe084..00000000 --- a/packages/resize-rotate-node/package.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "name": "@vue-flow/resize-rotate-node", - "version": "1.0.2", - "private": false, - "repository": { - "type": "git", - "url": "https://github.com/bcakmakoglu/vue-flow/tree/master/packages/resize-rotate-node" - }, - "homepage": "https://github.com/bcakmakoglu/vue-flow/tree/master/packages/resize-rotate-node#readme", - "license": "MIT", - "author": "Burak Cakmakoglu", - "main": "./dist/vue-flow-resize-rotate-node.cjs.js", - "types": "./dist/index.d.ts", - "module": "./dist/vue-flow-resize-rotate-node.es.js", - "unpkg": "./dist/vue-flow-resize-rotate-node.iife.js", - "jsdelivr": "./dist/vue-flow-resize-rotate-node.iife.js", - "files": [ - "dist" - ], - "scripts": { - "prepare": "ts-patch install -s", - "dev": "vite", - "build": "vite build", - "types": "pnpm prepare && vue-tsc --declaration --emitDeclarationOnly && shx rm -rf tmp", - "postbuild": "shx rm -rf tmp", - "test": "exit 0;", - "lint:js": "eslint --ext \".js,.jsx,.ts,.tsx\" --fix --ignore-path .gitignore .", - "lint": "pnpm lint:js" - }, - "dependencies": { - "@vueuse/core": "^8.9.4", - "vue3-moveable": "^0.4.9" - }, - "devDependencies": { - "@vue-flow/core": "workspace:*", - "@vitejs/plugin-vue": "^2.3.4", - "ts-patch": "^2.0.1", - "typescript-transform-paths": "^3.3.1", - "unplugin-auto-import": "^0.11.2", - "vite": "^2.9.15", - "vite-plugin-vue-type-imports": "0.2.0", - "vue-tsc": "^0.40.13" - }, - "peerDependencies": { - "@vue-flow/core": "^1.0.0", - "vue": "^3.2.25" - }, - "publishConfig": { - "access": "public", - "registry": "https://registry.npmjs.org/" - } -} diff --git a/packages/resize-rotate-node/src/auto-imports.d.ts b/packages/resize-rotate-node/src/auto-imports.d.ts deleted file mode 100644 index 7821e0e8..00000000 --- a/packages/resize-rotate-node/src/auto-imports.d.ts +++ /dev/null @@ -1,248 +0,0 @@ -// Generated by 'unplugin-auto-import' -export {} -declare global { - const EffectScope: typeof import('vue')['EffectScope'] - const asyncComputed: typeof import('@vueuse/core')['asyncComputed'] - const autoResetRef: typeof import('@vueuse/core')['autoResetRef'] - const computed: typeof import('vue')['computed'] - const computedAsync: typeof import('@vueuse/core')['computedAsync'] - const computedEager: typeof import('@vueuse/core')['computedEager'] - const computedInject: typeof import('@vueuse/core')['computedInject'] - const computedWithControl: typeof import('@vueuse/core')['computedWithControl'] - const controlledComputed: typeof import('@vueuse/core')['controlledComputed'] - const controlledRef: typeof import('@vueuse/core')['controlledRef'] - const createApp: typeof import('vue')['createApp'] - const createEventHook: typeof import('@vueuse/core')['createEventHook'] - const createGlobalState: typeof import('@vueuse/core')['createGlobalState'] - const createInjectionState: typeof import('@vueuse/core')['createInjectionState'] - const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn'] - const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable'] - const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn'] - const customRef: typeof import('vue')['customRef'] - const debouncedRef: typeof import('@vueuse/core')['debouncedRef'] - const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch'] - const defineAsyncComponent: typeof import('vue')['defineAsyncComponent'] - const defineComponent: typeof import('vue')['defineComponent'] - const eagerComputed: typeof import('@vueuse/core')['eagerComputed'] - const effectScope: typeof import('vue')['effectScope'] - const extendRef: typeof import('@vueuse/core')['extendRef'] - const getCurrentInstance: typeof import('vue')['getCurrentInstance'] - const getCurrentScope: typeof import('vue')['getCurrentScope'] - const h: typeof import('vue')['h'] - const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch'] - const inject: typeof import('vue')['inject'] - const isDefined: typeof import('@vueuse/core')['isDefined'] - const isProxy: typeof import('vue')['isProxy'] - const isReactive: typeof import('vue')['isReactive'] - const isReadonly: typeof import('vue')['isReadonly'] - const isRef: typeof import('vue')['isRef'] - const logicAnd: typeof import('@vueuse/core')['logicAnd'] - const logicNot: typeof import('@vueuse/core')['logicNot'] - const logicOr: typeof import('@vueuse/core')['logicOr'] - const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable'] - const markRaw: typeof import('vue')['markRaw'] - const nextTick: typeof import('vue')['nextTick'] - const onActivated: typeof import('vue')['onActivated'] - const onBeforeMount: typeof import('vue')['onBeforeMount'] - const onBeforeUnmount: typeof import('vue')['onBeforeUnmount'] - const onBeforeUpdate: typeof import('vue')['onBeforeUpdate'] - const onClickOutside: typeof import('@vueuse/core')['onClickOutside'] - const onDeactivated: typeof import('vue')['onDeactivated'] - const onErrorCaptured: typeof import('vue')['onErrorCaptured'] - const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke'] - const onLongPress: typeof import('@vueuse/core')['onLongPress'] - const onMounted: typeof import('vue')['onMounted'] - const onRenderTracked: typeof import('vue')['onRenderTracked'] - const onRenderTriggered: typeof import('vue')['onRenderTriggered'] - const onScopeDispose: typeof import('vue')['onScopeDispose'] - const onServerPrefetch: typeof import('vue')['onServerPrefetch'] - const onStartTyping: typeof import('@vueuse/core')['onStartTyping'] - const onUnmounted: typeof import('vue')['onUnmounted'] - const onUpdated: typeof import('vue')['onUpdated'] - const pausableWatch: typeof import('@vueuse/core')['pausableWatch'] - const provide: typeof import('vue')['provide'] - const reactify: typeof import('@vueuse/core')['reactify'] - const reactifyObject: typeof import('@vueuse/core')['reactifyObject'] - const reactive: typeof import('vue')['reactive'] - const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed'] - const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit'] - const reactivePick: typeof import('@vueuse/core')['reactivePick'] - const readonly: typeof import('vue')['readonly'] - const ref: typeof import('vue')['ref'] - const refAutoReset: typeof import('@vueuse/core')['refAutoReset'] - const refDebounced: typeof import('@vueuse/core')['refDebounced'] - const refDefault: typeof import('@vueuse/core')['refDefault'] - const refThrottled: typeof import('@vueuse/core')['refThrottled'] - const refWithControl: typeof import('@vueuse/core')['refWithControl'] - const resolveComponent: typeof import('vue')['resolveComponent'] - const resolveRef: typeof import('@vueuse/core')['resolveRef'] - const resolveUnref: typeof import('@vueuse/core')['resolveUnref'] - const shallowReactive: typeof import('vue')['shallowReactive'] - const shallowReadonly: typeof import('vue')['shallowReadonly'] - const shallowRef: typeof import('vue')['shallowRef'] - const syncRef: typeof import('@vueuse/core')['syncRef'] - const syncRefs: typeof import('@vueuse/core')['syncRefs'] - const templateRef: typeof import('@vueuse/core')['templateRef'] - const throttledRef: typeof import('@vueuse/core')['throttledRef'] - const throttledWatch: typeof import('@vueuse/core')['throttledWatch'] - const toRaw: typeof import('vue')['toRaw'] - const toReactive: typeof import('@vueuse/core')['toReactive'] - const toRef: typeof import('vue')['toRef'] - const toRefs: typeof import('vue')['toRefs'] - const triggerRef: typeof import('vue')['triggerRef'] - const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount'] - const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount'] - const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted'] - const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose'] - const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted'] - const unref: typeof import('vue')['unref'] - const unrefElement: typeof import('@vueuse/core')['unrefElement'] - const until: typeof import('@vueuse/core')['until'] - const useActiveElement: typeof import('@vueuse/core')['useActiveElement'] - const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue'] - const useAsyncState: typeof import('@vueuse/core')['useAsyncState'] - const useAttrs: typeof import('vue')['useAttrs'] - const useBase64: typeof import('@vueuse/core')['useBase64'] - const useBattery: typeof import('@vueuse/core')['useBattery'] - const useBluetooth: typeof import('@vueuse/core')['useBluetooth'] - const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints'] - const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel'] - const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation'] - const useCached: typeof import('@vueuse/core')['useCached'] - const useClamp: typeof import('@vueuse/core')['useClamp'] - const useClipboard: typeof import('@vueuse/core')['useClipboard'] - const useColorMode: typeof import('@vueuse/core')['useColorMode'] - const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog'] - const useCounter: typeof import('@vueuse/core')['useCounter'] - const useCssModule: typeof import('vue')['useCssModule'] - const useCssVar: typeof import('@vueuse/core')['useCssVar'] - const useCssVars: typeof import('vue')['useCssVars'] - const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement'] - const useCycleList: typeof import('@vueuse/core')['useCycleList'] - const useDark: typeof import('@vueuse/core')['useDark'] - const useDateFormat: typeof import('@vueuse/core')['useDateFormat'] - const useDebounce: typeof import('@vueuse/core')['useDebounce'] - const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn'] - const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory'] - const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion'] - const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation'] - const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio'] - const useDevicesList: typeof import('@vueuse/core')['useDevicesList'] - const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia'] - const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility'] - const useDraggable: typeof import('@vueuse/core')['useDraggable'] - const useDropZone: typeof import('@vueuse/core')['useDropZone'] - const useElementBounding: typeof import('@vueuse/core')['useElementBounding'] - const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint'] - const useElementHover: typeof import('@vueuse/core')['useElementHover'] - const useElementSize: typeof import('@vueuse/core')['useElementSize'] - const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility'] - const useEventBus: typeof import('@vueuse/core')['useEventBus'] - const useEventListener: typeof import('@vueuse/core')['useEventListener'] - const useEventSource: typeof import('@vueuse/core')['useEventSource'] - const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper'] - const useFavicon: typeof import('@vueuse/core')['useFavicon'] - const useFetch: typeof import('@vueuse/core')['useFetch'] - const useFileDialog: typeof import('@vueuse/core')['useFileDialog'] - const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess'] - const useFocus: typeof import('@vueuse/core')['useFocus'] - const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin'] - const useFps: typeof import('@vueuse/core')['useFps'] - const useFullscreen: typeof import('@vueuse/core')['useFullscreen'] - const useGamepad: typeof import('@vueuse/core')['useGamepad'] - const useGeolocation: typeof import('@vueuse/core')['useGeolocation'] - const useIdle: typeof import('@vueuse/core')['useIdle'] - const useImage: typeof import('@vueuse/core')['useImage'] - const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll'] - const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver'] - const useInterval: typeof import('@vueuse/core')['useInterval'] - const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn'] - const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier'] - const useLastChanged: typeof import('@vueuse/core')['useLastChanged'] - const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage'] - const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys'] - const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory'] - const useMediaControls: typeof import('@vueuse/core')['useMediaControls'] - const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery'] - const useMemoize: typeof import('@vueuse/core')['useMemoize'] - const useMemory: typeof import('@vueuse/core')['useMemory'] - const useMounted: typeof import('@vueuse/core')['useMounted'] - const useMouse: typeof import('@vueuse/core')['useMouse'] - const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement'] - const useMousePressed: typeof import('@vueuse/core')['useMousePressed'] - const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver'] - const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage'] - const useNetwork: typeof import('@vueuse/core')['useNetwork'] - const useNow: typeof import('@vueuse/core')['useNow'] - const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl'] - const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination'] - const useOnline: typeof import('@vueuse/core')['useOnline'] - const usePageLeave: typeof import('@vueuse/core')['usePageLeave'] - const useParallax: typeof import('@vueuse/core')['useParallax'] - const usePermission: typeof import('@vueuse/core')['usePermission'] - const usePointer: typeof import('@vueuse/core')['usePointer'] - const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe'] - const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme'] - const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark'] - const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages'] - const useRafFn: typeof import('@vueuse/core')['useRafFn'] - const useRefHistory: typeof import('@vueuse/core')['useRefHistory'] - const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver'] - const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation'] - const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea'] - const useScriptTag: typeof import('@vueuse/core')['useScriptTag'] - const useScroll: typeof import('@vueuse/core')['useScroll'] - const useScrollLock: typeof import('@vueuse/core')['useScrollLock'] - const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage'] - const useShare: typeof import('@vueuse/core')['useShare'] - const useSlots: typeof import('vue')['useSlots'] - const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition'] - const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis'] - const useStepper: typeof import('@vueuse/core')['useStepper'] - const useStorage: typeof import('@vueuse/core')['useStorage'] - const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync'] - const useStyleTag: typeof import('@vueuse/core')['useStyleTag'] - const useSwipe: typeof import('@vueuse/core')['useSwipe'] - const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList'] - const useTextSelection: typeof import('@vueuse/core')['useTextSelection'] - const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize'] - const useThrottle: typeof import('@vueuse/core')['useThrottle'] - const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn'] - const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory'] - const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo'] - const useTimeout: typeof import('@vueuse/core')['useTimeout'] - const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn'] - const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll'] - const useTimestamp: typeof import('@vueuse/core')['useTimestamp'] - const useTitle: typeof import('@vueuse/core')['useTitle'] - const useToggle: typeof import('@vueuse/core')['useToggle'] - const useTransition: typeof import('@vueuse/core')['useTransition'] - const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams'] - const useUserMedia: typeof import('@vueuse/core')['useUserMedia'] - const useVModel: typeof import('@vueuse/core')['useVModel'] - const useVModels: typeof import('@vueuse/core')['useVModels'] - const useVibrate: typeof import('@vueuse/core')['useVibrate'] - const useVirtualList: typeof import('@vueuse/core')['useVirtualList'] - const useWakeLock: typeof import('@vueuse/core')['useWakeLock'] - const useWebNotification: typeof import('@vueuse/core')['useWebNotification'] - const useWebSocket: typeof import('@vueuse/core')['useWebSocket'] - const useWebWorker: typeof import('@vueuse/core')['useWebWorker'] - const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn'] - const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus'] - const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll'] - const useWindowSize: typeof import('@vueuse/core')['useWindowSize'] - const watch: typeof import('vue')['watch'] - const watchArray: typeof import('@vueuse/core')['watchArray'] - const watchAtMost: typeof import('@vueuse/core')['watchAtMost'] - const watchDebounced: typeof import('@vueuse/core')['watchDebounced'] - const watchEffect: typeof import('vue')['watchEffect'] - const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable'] - const watchOnce: typeof import('@vueuse/core')['watchOnce'] - const watchPausable: typeof import('@vueuse/core')['watchPausable'] - const watchPostEffect: typeof import('vue')['watchPostEffect'] - const watchSyncEffect: typeof import('vue')['watchSyncEffect'] - const watchThrottled: typeof import('@vueuse/core')['watchThrottled'] - const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable'] - const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter'] - const whenever: typeof import('@vueuse/core')['whenever'] -} diff --git a/packages/resize-rotate-node/src/index.ts b/packages/resize-rotate-node/src/index.ts deleted file mode 100644 index 9132bc84..00000000 --- a/packages/resize-rotate-node/src/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { default as ResizeRotateNode } from './node/ResizeRotateNode.vue' diff --git a/packages/resize-rotate-node/src/node/ResizeRotateNode.vue b/packages/resize-rotate-node/src/node/ResizeRotateNode.vue deleted file mode 100644 index 20b0e867..00000000 --- a/packages/resize-rotate-node/src/node/ResizeRotateNode.vue +++ /dev/null @@ -1,117 +0,0 @@ - - - - - diff --git a/packages/resize-rotate-node/src/node/types.ts b/packages/resize-rotate-node/src/node/types.ts deleted file mode 100644 index dddff61c..00000000 --- a/packages/resize-rotate-node/src/node/types.ts +++ /dev/null @@ -1,27 +0,0 @@ -import type { Dimensions, ElementData, Position } from '@vue-flow/core' -import type { MoveableProps } from 'vue3-moveable' -import type { CSSProperties } from 'vue' - -export interface ResizeRotateNodeEmits { - (event: 'updateNodeInternals'): void - (event: 'resize', dimensions: Dimensions): void - (event: 'rotate', rotation: number): void -} - -export interface ResizeRotateNodeData extends ElementData { - rotate: number - translate: number[] - dimensions: Dimensions - style: CSSProperties -} - -export interface ResizeRotateNodeProps { - id: string - label: string - targetPosition: Position - sourcePosition: Position - resizable?: boolean - rotatable?: boolean - data: ResizeRotateNodeData - moveableProps?: MoveableProps -} diff --git a/packages/resize-rotate-node/src/node/utils.ts b/packages/resize-rotate-node/src/node/utils.ts deleted file mode 100644 index 0d1043d6..00000000 --- a/packages/resize-rotate-node/src/node/utils.ts +++ /dev/null @@ -1,107 +0,0 @@ -import type { Able, MoveableEvents, MoveableManagerInterface } from 'vue3-moveable' -import type { GraphNode } from '@vue-flow/core' -import { useVueFlow } from '@vue-flow/core' -import type { ResizeRotateNodeData, ResizeRotateNodeEmits } from './types' - -export function useMoveable(id: string, emits: ResizeRotateNodeEmits) { - const { findNode } = useVueFlow() - const node = findNode(id)! as GraphNode - - if (!node.data) { - node.data = { - translate: [0, 0], - rotate: 0, - style: {}, - dimensions: { width: NaN, height: NaN }, - } - } - if (!node.data.style) node.data.style = {} - if (!node.data.rotate) node.data.rotate = 0 - if (!node.data.translate) node.data.translate = [0, 0] - if (!node.data.dimensions) node.data.dimensions = { width: NaN, height: NaN } - - const onResizeStart = (e: MoveableEvents['resizeStart']) => { - e.setOrigin(['%', '%']) - - if (e.dragStart) { - e.dragStart.set(node.data!.translate) - } - } - - const onResize = (e: MoveableEvents['resize']) => { - node.data!.translate = e.drag.beforeTranslate - node.data!.dimensions = { width: e.width, height: e.height } - - e.target.style.width = `${e.width}px` - e.target.style.height = `${e.height}px` - e.target.style.transform = - `translate(${node.data!.translate[0]}px, ${node.data!.translate[1]}px)` + ` rotate(${node.data!.rotate}deg)` - - emits('resize', { width: e.width, height: e.height }) - } - - const onResizeEnd = (e: MoveableEvents['resizeEnd']) => { - const oldPosition = node.computedPosition - e.target.style.transform = `rotate(${node.data!.rotate}deg)` - node.position = { x: oldPosition.x + node.data!.translate[0]!, y: oldPosition.y + node.data!.translate[1]! } - node.data!.translate = [0, 0] - - emits('updateNodeInternals') - } - - const onRotateStart = (e: MoveableEvents['rotateStart']) => { - e.set(node.data!.rotate) - } - - const onRotate = (e: MoveableEvents['rotate']) => { - node.data!.rotate = e.beforeRotate - - e.target.style.transform = - `translate(${node.data!.translate[0]}px, ${node.data!.translate[1]}px)` + ` rotate(${node.data!.rotate}deg)` - - emits('updateNodeInternals') - emits('rotate', node.data!.rotate) - } - - return { - onResizeStart, - onResize, - onResizeEnd, - onRotateStart, - onRotate, - } -} - -export const DimensionViewable = { - name: 'dimensionViewable', - props: {}, - events: {}, - render(moveable: MoveableManagerInterface, renderer) { - const rect = moveable.getRect() - - // Add key (required) - // Add class prefix moveable-(required) - return renderer.createElement( - 'div', - { - key: 'dimension-viewer', - class: 'moveable-dimension', - style: { - position: 'absolute', - left: `${rect.width / 2}px`, - top: `${rect.height + 20}px`, - background: '#4af', - borderRadius: '2px', - padding: '2px 4px', - color: 'white', - fontSize: '13px', - whiteSpace: 'nowrap', - fontWeight: 'bold', - willChange: 'transform', - transform: 'translate(-50%, 0px)', - }, - }, - `${Math.round(rect.offsetWidth)} x ${Math.round(rect.offsetHeight)}`, - ) - }, -} as Able<{}, {}> diff --git a/packages/resize-rotate-node/tsconfig.json b/packages/resize-rotate-node/tsconfig.json deleted file mode 100644 index a1b6ebe7..00000000 --- a/packages/resize-rotate-node/tsconfig.json +++ /dev/null @@ -1,30 +0,0 @@ -{ - "compilerOptions": { - "baseUrl": ".", - "module": "ESNext", - "target": "es2017", - "lib": ["DOM", "ESNext"], - "strict": true, - "esModuleInterop": true, - "incremental": false, - "skipLibCheck": true, - "moduleResolution": "node", - "resolveJsonModule": true, - "noUnusedLocals": false, - "strictNullChecks": true, - "forceConsistentCasingInFileNames": true, - "declaration": true, - "declarationDir": "./dist", - "types": ["vite/client", "vue/macros"], - "paths": { - "~/*": ["src/*"] - }, - "plugins": [ - // Transform paths in output .d.ts files (Include this line if you output declarations files) - { "transform": "typescript-transform-paths", "afterDeclarations": true } - ] - }, - "include": ["./src"], - "exclude": ["node_modules", "dist"], - "references": [{ "path": "./tsconfig.node.json" }] -} diff --git a/packages/resize-rotate-node/tsconfig.node.json b/packages/resize-rotate-node/tsconfig.node.json deleted file mode 100644 index 6dacac71..00000000 --- a/packages/resize-rotate-node/tsconfig.node.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "compilerOptions": { - "composite": true, - "module": "esnext", - "moduleResolution": "node", - "resolveJsonModule": true, - "allowSyntheticDefaultImports": true - }, - "include": ["vite.config.ts"], - "files": ["package.json"] -} diff --git a/packages/resize-rotate-node/vite.config.ts b/packages/resize-rotate-node/vite.config.ts deleted file mode 100644 index 24092005..00000000 --- a/packages/resize-rotate-node/vite.config.ts +++ /dev/null @@ -1,49 +0,0 @@ -import { resolve } from 'path' -import { defineConfig } from 'vite' -import vue from '@vitejs/plugin-vue' -import AutoImport from 'unplugin-auto-import/vite' -import vueTypes from 'vite-plugin-vue-type-imports' - -// https://vitejs.dev/config/ -export default defineConfig({ - resolve: { - dedupe: ['vue'], - extensions: ['.ts', '.vue'], - }, - build: { - emptyOutDir: false, - lib: { - formats: ['es', 'cjs', 'iife'], - entry: resolve(__dirname, 'src/index.ts'), - fileName: 'vue-flow-resize-rotate-node', - name: 'vueFlowResizeRotateNode', - }, - rollupOptions: { - // make sure to externalize deps that shouldn't be bundled - // into your library - external: ['vue', '@vue-flow/core'], - output: { - dir: './dist', - // Provide global variables to use in the UMD build - // for externalized deps - globals: { - 'vue': 'Vue', - '@vue-flow/core': 'VueFlow', - }, - }, - }, - }, - plugins: [ - vue({ - reactivityTransform: true, - }), - vueTypes(), - AutoImport({ - imports: ['vue', '@vueuse/core'], - dts: 'src/auto-imports.d.ts', - }), - ], - optimizeDeps: { - include: ['vue', '@vueuse/core'], - }, -})