@logicflow/extension 2.2.0-alpha.7 → 2.2.1

package/__test__/bpmn-adapter.test.js

@@ -1,227 +0,0 @@
-import { toXmlJson, toNormalJson } from '../src/bpmn-adapter/index'
-import { lfJson2Xml } from '../src/bpmn-adapter/json2xml'
-import { lfXml2Json } from '../src/bpmn-adapter/xml2json'
-
-/**
- * @jest-environment jsdom
- */
-test('transform data from json to xml', () => {
-  const testObj = {
-    nodes: [
-      {
-        id: 'node_1',
-        type: 'rect',
-        x: 100,
-        y: 200,
-        properties: {},
-      },
-      {
-        id: 'node_2',
-        type: 'circle',
-        x: 300,
-        y: 160,
-        properties: {},
-      },
-    ],
-    edges: [
-      {
-        id: 'ca1dea84-c5e8-4344-b888-8bb09666ac42',
-        type: 'polyline',
-        sourceNodeId: 'node_1',
-        targetNodeId: 'node_2',
-        startPoint: {
-          x: 150,
-          y: 200,
-        },
-        endPoint: {
-          x: 250,
-          y: 160,
-        },
-        properties: {},
-        pointsList: [
-          {
-            x: 150,
-            y: 200,
-          },
-          {
-            x: 200,
-            y: 200,
-          },
-          {
-            x: 200,
-            y: 160,
-          },
-          {
-            x: 250,
-            y: 160,
-          },
-        ],
-      },
-    ],
-  }
-  expect(toXmlJson()(testObj)).toStrictEqual({
-    nodes: [
-      {
-        '-id': 'node_1',
-        '-type': 'rect',
-        '-x': 100,
-        '-y': 200,
-        '-properties': {},
-      },
-      {
-        '-id': 'node_2',
-        '-type': 'circle',
-        '-x': 300,
-        '-y': 160,
-        '-properties': {},
-      },
-    ],
-    edges: [
-      {
-        '-id': 'ca1dea84-c5e8-4344-b888-8bb09666ac42',
-        '-type': 'polyline',
-        '-sourceNodeId': 'node_1',
-        '-targetNodeId': 'node_2',
-        '-startPoint': {
-          '-x': 150,
-          '-y': 200,
-        },
-        '-endPoint': {
-          '-x': 250,
-          '-y': 160,
-        },
-        '-properties': {},
-        '-pointsList': [
-          {
-            '-x': 150,
-            '-y': 200,
-          },
-          {
-            '-x': 200,
-            '-y': 200,
-          },
-          {
-            '-x': 200,
-            '-y': 160,
-          },
-          {
-            '-x': 250,
-            '-y': 160,
-          },
-        ],
-      },
-    ],
-  })
-
-  const xmlJson = toXmlJson()(testObj)
-  expect(toNormalJson(xmlJson)).toStrictEqual({
-    nodes: [
-      {
-        id: 'node_1',
-        type: 'rect',
-        x: 100,
-        y: 200,
-        properties: {},
-      },
-      {
-        id: 'node_2',
-        type: 'circle',
-        x: 300,
-        y: 160,
-        properties: {},
-      },
-    ],
-    edges: [
-      {
-        id: 'ca1dea84-c5e8-4344-b888-8bb09666ac42',
-        type: 'polyline',
-        sourceNodeId: 'node_1',
-        targetNodeId: 'node_2',
-        startPoint: {
-          x: 150,
-          y: 200,
-        },
-        endPoint: {
-          x: 250,
-          y: 160,
-        },
-        properties: {},
-        pointsList: [
-          {
-            x: 150,
-            y: 200,
-          },
-          {
-            x: 200,
-            y: 200,
-          },
-          {
-            x: 200,
-            y: 160,
-          },
-          {
-            x: 250,
-            y: 160,
-          },
-        ],
-      },
-    ],
-  })
-
-  expect(lfJson2Xml(xmlJson)).toStrictEqual(
-    '\t\n  <nodes id="node_1" type="rect" x="100" y="200" properties="{}" />\t\n  <nodes id="node_2" type="circle" x="300" y="160" properties="{}" />\t\n  <edges id="ca1dea84-c5e8-4344-b888-8bb09666ac42" type="polyline" sourceNodeId="node_1" targetNodeId="node_2" startPoint="{\'x\':150,\'y\':200}" endPoint="{\'x\':250,\'y\':160}" properties="{}" pointsList="[{\'x\':150,\'y\':200},{\'x\':200,\'y\':200},{\'x\':200,\'y\':160},{\'x\':250,\'y\':160}]" />',
-  )
-
-  const xml = lfJson2Xml(xmlJson)
-  expect(lfXml2Json(xml)).toStrictEqual({
-    nodes: [
-      {
-        '-id': 'node_1',
-        '-type': 'rect',
-        '-x': 100,
-        '-y': 200,
-        '-properties': {},
-      },
-      {
-        '-id': 'node_2',
-        '-type': 'circle',
-        '-x': 300,
-        '-y': 160,
-        '-properties': {},
-      },
-    ],
-    edges: {
-      '-id': 'ca1dea84-c5e8-4344-b888-8bb09666ac42',
-      '-type': 'polyline',
-      '-sourceNodeId': 'node_1',
-      '-targetNodeId': 'node_2',
-      '-startPoint': {
-        x: 150,
-        y: 200,
-      },
-      '-endPoint': {
-        x: 250,
-        y: 160,
-      },
-      '-properties': {},
-      '-pointsList': [
-        {
-          x: 150,
-          y: 200,
-        },
-        {
-          x: 200,
-          y: 200,
-        },
-        {
-          x: 200,
-          y: 160,
-        },
-        {
-          x: 250,
-          y: 160,
-        },
-      ],
-    },
-  })
-})

package/es/materials/curved-edge/__test__/curved-edge.test.d.ts

@@ -1 +0,0 @@
-export {};

package/es/materials/curved-edge/__test__/curved-edge.test.js

@@ -1,18 +0,0 @@
-import { getCurvedEdgePath } from '../index';
-describe('test curved edge ', function () {
-    test('path calculation', function () {
-        var radius = 5;
-        var points1 = '460,150 670,150';
-        var path1 = 'M460 150 L 670 150';
-        expect(getCurvedEdgePath(points1.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path1);
-        var points2 = '510,250 540,250 540,175 490,175 490,100 520,100';
-        var path2 = 'M510 250L 510 250L 535 250 Q 540 250 540 245L 540 245L 540 180 Q 540 175 535 175L 535 175L 495 175 Q 490 175 490 170L 490 170L 490 105 Q 490 100 495 100L 520 100';
-        expect(getCurvedEdgePath(points2.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path2);
-        var points3 = '690,120 720,120 720,50 560,50 560,260 690,260';
-        var path3 = 'M690 120L 690 120L 715 120 Q 720 120 720 115L 720 115L 720 55 Q 720 50 715 50L 715 50L 565 50 Q 560 50 560 55L 560 55L 560 255 Q 560 260 565 260L 690 260';
-        expect(getCurvedEdgePath(points3.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path3);
-        var point4 = '690,180 690,210 660,210 660,190 630,190 630,220';
-        var path4 = 'M690 180L 690 180L 690 205 Q 690 210 685 210L 685 210L 665 210 Q 660 210 660 205L 660 205L 660 195 Q 660 190 655 190L 655 190L 635 190 Q 630 190 630 195L 630 220';
-        expect(getCurvedEdgePath(point4.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path4);
-    });
-});

package/jest.config.js

@@ -1,198 +0,0 @@
-/* eslint-disable max-len */
-/*
- * For a detailed explanation regarding each configuration property, visit:
- * https://jestjs.io/docs/en/configuration.html
- */
-
-module.exports = {
-  // All imported modules in your tests should be mocked automatically
-  // automock: false,
-
-  // Stop running tests after `n` failures
-  // bail: 0,
-
-  // The directory where Jest should store its cached dependency information
-  // cacheDirectory: "/private/var/folders/xw/v6yjfmzn2hvglj9fm0cb4xbm0000ks/T/jest_gp",
-
-  // Automatically clear mock calls and instances between every test
-  // clearMocks: false,
-
-  // Indicates whether the coverage information should be collected while executing the test
-  // collectCoverage: false,
-
-  // An array of glob patterns indicating a set of files for which coverage information should be collected
-  // collectCoverageFrom: undefined,
-
-  // The directory where Jest should output its coverage files
-  coverageDirectory: 'coverage',
-
-  // An array of regexp pattern strings used to skip coverage collection
-  // coveragePathIgnorePatterns: [
-  //   "/node_modules/"
-  // ],
-
-  // Indicates which provider should be used to instrument code for coverage
-  coverageProvider: 'v8',
-
-  // A list of reporter names that Jest uses when writing coverage reports
-  // coverageReporters: [
-  //   "json",
-  //   "text",
-  //   "lcov",
-  //   "clover"
-  // ],
-
-  // An object that configures minimum threshold enforcement for coverage results
-  // coverageThreshold: undefined,
-
-  // A path to a custom dependency extractor
-  // dependencyExtractor: undefined,
-
-  // Make calling deprecated APIs throw helpful error messages
-  // errorOnDeprecated: false,
-
-  // Force coverage collection from ignored files using an array of glob patterns
-  // forceCoverageMatch: [],
-
-  // A path to a module which exports an async function that is triggered once before all test suites
-  // globalSetup: undefined,
-
-  // A path to a module which exports an async function that is triggered once after all test suites
-  // globalTeardown: undefined,
-
-  // A set of global variables that need to be available in all test environments
-  // globals: {},
-
-  // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
-  // maxWorkers: "50%",
-
-  // An array of directory names to be searched recursively up from the requiring module's location
-  // moduleDirectories: [
-  //   "node_modules"
-  // ],
-
-  // An array of file extensions your modules use
-  //   moduleFileExtensions: [
-  //     "js",
-  //     "json",
-  //     "jsx",
-  //     "ts",
-  //     "tsx",
-  //     "node"
-  //   ],
-
-  // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
-  // moduleNameMapper: {},
-  moduleNameMapper: {
-    '^lodash-es$': 'lodash',
-  },
-
-  // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
-  // modulePathIgnorePatterns: [],
-
-  // Activates notifications for test results
-  // notify: false,
-
-  // An enum that specifies notification mode. Requires { notify: true }
-  // notifyMode: "failure-change",
-
-  // A preset that is used as a base for Jest's configuration
-  // preset: undefined,
-
-  // Run tests from one or more projects
-  // projects: undefined,
-
-  // Use this configuration option to add custom reporters to Jest
-  // reporters: undefined,
-
-  // Automatically reset mock state between every test
-  // resetMocks: false,
-
-  // Reset the module registry before running each individual test
-  // resetModules: false,
-
-  // A path to a custom resolver
-  // resolver: undefined,
-
-  // Automatically restore mock state between every test
-  // restoreMocks: false,
-
-  // The root directory that Jest should scan for tests and modules within
-  // rootDir: undefined,
-
-  // A list of paths to directories that Jest should use to search for files in
-  // roots: [
-  //   "<rootDir>"
-  // ],
-
-  // Allows you to use a custom runner instead of Jest's default test runner
-  // runner: "jest-runner",
-
-  // The paths to modules that run some code to configure or set up the testing environment before each test
-  // setupFiles: [],
-
-  // A list of paths to modules that run some code to configure or set up the testing framework before each test
-  // setupFilesAfterEnv: [],
-
-  // The number of seconds after which a test is considered as slow and reported as such in the results.
-  // slowTestThreshold: 5,
-
-  // A list of paths to snapshot serializer modules Jest should use for snapshot testing
-  // snapshotSerializers: [],
-
-  // The test environment that will be used for testing
-  testEnvironment: 'jest-environment-jsdom',
-
-  // Options that will be passed to the testEnvironment
-  // testEnvironmentOptions: {},
-
-  // Adds a location field to test results
-  // testLocationInResults: false,
-
-  // The glob patterns Jest uses to detect test files
-  // testMatch: [
-  //   "**/__tests__/**/*.[jt]s?(x)",
-  //   "**/?(*.)+(spec|test).[tj]s?(x)"
-  // ],
-
-  // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-  // testPathIgnorePatterns: [
-  //   "/node_modules/"
-  // ],
-
-  // The regexp pattern or array of patterns that Jest uses to detect test files
-  // testRegex: [],
-
-  // This option allows the use of a custom results processor
-  // testResultsProcessor: undefined,
-
-  // This option allows use of a custom test runner
-  // testRunner: "jasmine2",
-
-  // This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
-  // testURL: "http://localhost",
-
-  // Setting this value to "fake" allows the use of fake timers for functions such as "setTimeout"
-  // timers: "real",
-
-  // A map from regular expressions to paths to transformers
-  // transform: undefined,
-
-  // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
-  // transformIgnorePatterns: [
-  //   "/node_modules/",
-  //   "\\.pnp\\.[^\\/]+$"
-  // ],
-
-  // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
-  // unmockedModulePathPatterns: undefined,
-
-  // Indicates whether each individual test should be reported during the run
-  // verbose: undefined,
-
-  // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
-  // watchPathIgnorePatterns: [],
-
-  // Whether to use watchman for file crawling
-  // watchman: true,
-}

package/lib/materials/curved-edge/__test__/curved-edge.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/materials/curved-edge/__test__/curved-edge.test.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var index_1 = require("../index");
-describe('test curved edge ', function () {
-    test('path calculation', function () {
-        var radius = 5;
-        var points1 = '460,150 670,150';
-        var path1 = 'M460 150 L 670 150';
-        expect((0, index_1.getCurvedEdgePath)(points1.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path1);
-        var points2 = '510,250 540,250 540,175 490,175 490,100 520,100';
-        var path2 = 'M510 250L 510 250L 535 250 Q 540 250 540 245L 540 245L 540 180 Q 540 175 535 175L 535 175L 495 175 Q 490 175 490 170L 490 170L 490 105 Q 490 100 495 100L 520 100';
-        expect((0, index_1.getCurvedEdgePath)(points2.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path2);
-        var points3 = '690,120 720,120 720,50 560,50 560,260 690,260';
-        var path3 = 'M690 120L 690 120L 715 120 Q 720 120 720 115L 720 115L 720 55 Q 720 50 715 50L 715 50L 565 50 Q 560 50 560 55L 560 55L 560 255 Q 560 260 565 260L 690 260';
-        expect((0, index_1.getCurvedEdgePath)(points3.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path3);
-        var point4 = '690,180 690,210 660,210 660,190 630,190 630,220';
-        var path4 = 'M690 180L 690 180L 690 205 Q 690 210 685 210L 685 210L 665 210 Q 660 210 660 205L 660 205L 660 195 Q 660 190 655 190L 655 190L 635 190 Q 630 190 630 195L 630 220';
-        expect((0, index_1.getCurvedEdgePath)(point4.split(' ').map(function (p) { return p.split(',').map(function (a) { return +a; }); }), radius)).toBe(path4);
-    });
-});

package/rollup.config.js

@@ -1,52 +0,0 @@
-import path from 'node:path'
-import postcss from 'rollup-plugin-postcss'
-import postcssUrl from 'postcss-url'
-import postcssImport from 'postcss-import'
-import { rollupConfig } from '../../rollup.config'
-
-export default [
-  {
-    input: 'src/index.less',
-    output: [
-      {
-        file: 'dist/index.css',
-      },
-      {
-        file: 'lib/index.css',
-      },
-      {
-        file: 'lib/style/index.css',
-      },
-      {
-        file: 'es/index.css',
-      },
-      {
-        file: 'es/style/index.css',
-      },
-    ],
-    plugins: [
-      postcss({
-        plugins: [
-          postcssImport({
-            resolve: (id) => {
-              if (id.startsWith('~')) {
-                return path.resolve('node_modules', id.slice(1))
-              }
-              return id
-            },
-          }),
-          postcssUrl({
-            url: 'inline', // 选择 'inline' 选项将外部资源内联到最终的 CSS 文件中
-            // maxSize: 10, // 以KB为单位的最大文件大小，超过此大小的文件将不会被内联
-          }),
-        ],
-        use: [['less', { javascriptEnabled: true }]],
-        extract: true,
-        // extract: 'index.css', // 提取到一个单独的 CSS 文件
-        // extract: path.resolve('dist/index.css'), // 提取到一个单独的 CSS 文件
-        minimize: true,
-      }),
-    ],
-  },
-  rollupConfig(),
-]

package/src/NodeResize/BasicShape/Ellipse.tsx

@@ -1,22 +0,0 @@
-import { h } from '@logicflow/core'
-
-function Ellipse(props: Record<string, any>): h.JSX.Element {
-  const { x = 0, y = 0, rx = 4, ry = 4 } = props
-
-  const attrs = {
-    cx: x,
-    cy: y,
-    rx,
-    ry,
-    fill: 'transparent',
-    fillOpacity: 1,
-    strokeWidth: 1,
-    stroke: '#000',
-    strokeOpacity: 1,
-    ...props,
-  }
-
-  return <ellipse {...attrs} />
-}
-
-export default Ellipse

package/src/NodeResize/BasicShape/Polygon.tsx

@@ -1,24 +0,0 @@
-import { h } from '@logicflow/core'
-
-export default function Polygon({
-  fillOpacity = 1,
-  strokeWidth = 1,
-  strokeOpacity = 1,
-  fill = 'transparent',
-  stroke = '#000',
-  points,
-  className = 'lf-basic-shape',
-}: any): h.JSX.Element {
-  const attrs = {
-    fill,
-    fillOpacity,
-    strokeWidth,
-    stroke,
-    strokeOpacity,
-    points: '',
-    className,
-  }
-  attrs.points = points.map((point: any) => point.join(',')).join(' ')
-
-  return <polygon {...attrs} />
-}

package/src/NodeResize/BasicShape/Rect.tsx

@@ -1,44 +0,0 @@
-import LogicFlow from '@logicflow/core'
-
-import Point = LogicFlow.Point
-import RectSize = LogicFlow.RectSize
-
-type IProps = {
-  className?: string
-  radius?: number
-  stroke?: string
-  strokeDasharray?: string
-} & Point &
-  RectSize
-
-export default function Rect(props: IProps) {
-  const { x, y, width = 10, height = 10, radius, className } = props
-
-  const leftTopX = x - width / 2
-  const leftTopY = y - height / 2
-
-  const attrs = {
-    // default
-    cx: 0,
-    cy: 0,
-    rx: radius || 0,
-    ry: radius || 0,
-    fill: 'transparent',
-    fillOpacity: 1,
-    strokeWidth: '1px',
-    stroke: '#000',
-    strokeOpacity: 1,
-    className: `lf-basic-shape ${className}`,
-    ...props,
-    x: leftTopX,
-    y: leftTopY,
-  }
-  return <rect {...attrs} />
-}
-
-Rect.defaultProps = {
-  radius: 0,
-  stroke: '',
-  strokeDasharray: '',
-  className: '',
-}