@flowgram.ai/materials-plugin 0.2.3 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js CHANGED
@@ -11,6 +11,11 @@ var createMaterialsPlugin = definePluginCreator({
11
11
  if (opts.renderTexts) {
12
12
  registry.registerText(opts.renderTexts);
13
13
  }
14
+ if (opts.components) {
15
+ Object.keys(opts.components).forEach(
16
+ (key) => registry.registerReactComponent(key, opts.components[key])
17
+ );
18
+ }
14
19
  if (opts.renderNodes) {
15
20
  Object.keys(opts.renderNodes).forEach(
16
21
  (key) => registry.registerReactComponent(key, opts.renderNodes[key])
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/create-materials-plugin.ts"],"sourcesContent":["import React from 'react';\n\nimport { FlowRendererKey, FlowRendererRegistry } from '@flowgram.ai/renderer';\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nexport type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;\n\nexport interface MaterialsPluginOptions {\n /**\n * 注册特定的节点渲染组件\n */\n renderNodes?: Record<string, MaterialReactComponent>;\n /**\n * 默认节点渲染\n */\n renderDefaultNode?: MaterialReactComponent;\n /**\n * 注册渲染的文字\n */\n renderTexts?: Record<string, string>;\n}\n\nexport const createMaterialsPlugin = definePluginCreator<MaterialsPluginOptions>({\n onInit(ctx, opts) {\n const registry = ctx.get<FlowRendererRegistry>(FlowRendererRegistry);\n /**\n * 注册默认节点渲染\n */\n registry.registerReactComponent(\n FlowRendererKey.NODE_RENDER,\n opts.renderDefaultNode || (() => null),\n );\n\n /**\n * 注册文案\n */\n if (opts.renderTexts) {\n registry.registerText(opts.renderTexts);\n }\n /**\n * 注册单节点渲染\n */\n if (opts.renderNodes) {\n Object.keys(opts.renderNodes).forEach(key =>\n registry.registerReactComponent(key, opts.renderNodes![key]),\n );\n }\n },\n});\n"],"mappings":";AAEA,SAAS,iBAAiB,4BAA4B;AACtD,SAAS,2BAA2B;AAmB7B,IAAM,wBAAwB,oBAA4C;AAAA,EAC/E,OAAO,KAAK,MAAM;AAChB,UAAM,WAAW,IAAI,IAA0B,oBAAoB;AAInE,aAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,KAAK,sBAAsB,MAAM;AAAA,IACnC;AAKA,QAAI,KAAK,aAAa;AACpB,eAAS,aAAa,KAAK,WAAW;AAAA,IACxC;AAIA,QAAI,KAAK,aAAa;AACpB,aAAO,KAAK,KAAK,WAAW,EAAE;AAAA,QAAQ,SACpC,SAAS,uBAAuB,KAAK,KAAK,YAAa,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
1
+ {"version":3,"sources":["../../src/create-materials-plugin.ts"],"sourcesContent":["import React from 'react';\n\nimport { FlowRendererKey, FlowRendererRegistry } from '@flowgram.ai/renderer';\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nexport type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;\n\nexport interface MaterialsPluginOptions {\n /**\n * 注册特定的 UI 组件\n */\n components?: Record<FlowRendererKey | string, MaterialReactComponent>;\n /**\n * 注册特定的节点渲染组件\n */\n renderNodes?: Record<string, MaterialReactComponent>;\n /**\n * 默认节点渲染\n */\n renderDefaultNode?: MaterialReactComponent;\n /**\n * 注册渲染的文字\n */\n renderTexts?: Record<string, string>;\n}\n\nexport const createMaterialsPlugin = definePluginCreator<MaterialsPluginOptions>({\n onInit(ctx, opts) {\n const registry = ctx.get<FlowRendererRegistry>(FlowRendererRegistry);\n /**\n * 注册默认节点渲染\n */\n registry.registerReactComponent(\n FlowRendererKey.NODE_RENDER,\n opts.renderDefaultNode || (() => null)\n );\n\n /**\n * 注册文案\n */\n if (opts.renderTexts) {\n registry.registerText(opts.renderTexts);\n }\n /**\n * 注册组件\n */\n if (opts.components) {\n Object.keys(opts.components).forEach((key) =>\n registry.registerReactComponent(key, opts.components![key])\n );\n }\n /**\n * 注册单节点渲染\n */\n if (opts.renderNodes) {\n Object.keys(opts.renderNodes).forEach((key) =>\n registry.registerReactComponent(key, opts.renderNodes![key])\n );\n }\n },\n});\n"],"mappings":";AAEA,SAAS,iBAAiB,4BAA4B;AACtD,SAAS,2BAA2B;AAuB7B,IAAM,wBAAwB,oBAA4C;AAAA,EAC/E,OAAO,KAAK,MAAM;AAChB,UAAM,WAAW,IAAI,IAA0B,oBAAoB;AAInE,aAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,KAAK,sBAAsB,MAAM;AAAA,IACnC;AAKA,QAAI,KAAK,aAAa;AACpB,eAAS,aAAa,KAAK,WAAW;AAAA,IACxC;AAIA,QAAI,KAAK,YAAY;AACnB,aAAO,KAAK,KAAK,UAAU,EAAE;AAAA,QAAQ,CAAC,QACpC,SAAS,uBAAuB,KAAK,KAAK,WAAY,GAAG,CAAC;AAAA,MAC5D;AAAA,IACF;AAIA,QAAI,KAAK,aAAa;AACpB,aAAO,KAAK,KAAK,WAAW,EAAE;AAAA,QAAQ,CAAC,QACrC,SAAS,uBAAuB,KAAK,KAAK,YAAa,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
package/dist/index.d.mts CHANGED
@@ -1,8 +1,13 @@
1
1
  import * as _flowgram_ai_core from '@flowgram.ai/core';
2
2
  import React from 'react';
3
+ import { FlowRendererKey } from '@flowgram.ai/renderer';
3
4
 
4
5
  type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;
5
6
  interface MaterialsPluginOptions {
7
+ /**
8
+ * 注册特定的 UI 组件
9
+ */
10
+ components?: Record<FlowRendererKey | string, MaterialReactComponent>;
6
11
  /**
7
12
  * 注册特定的节点渲染组件
8
13
  */
package/dist/index.d.ts CHANGED
@@ -1,8 +1,13 @@
1
1
  import * as _flowgram_ai_core from '@flowgram.ai/core';
2
2
  import React from 'react';
3
+ import { FlowRendererKey } from '@flowgram.ai/renderer';
3
4
 
4
5
  type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;
5
6
  interface MaterialsPluginOptions {
7
+ /**
8
+ * 注册特定的 UI 组件
9
+ */
10
+ components?: Record<FlowRendererKey | string, MaterialReactComponent>;
6
11
  /**
7
12
  * 注册特定的节点渲染组件
8
13
  */
package/dist/index.js CHANGED
@@ -37,6 +37,11 @@ var createMaterialsPlugin = (0, import_core.definePluginCreator)({
37
37
  if (opts.renderTexts) {
38
38
  registry.registerText(opts.renderTexts);
39
39
  }
40
+ if (opts.components) {
41
+ Object.keys(opts.components).forEach(
42
+ (key) => registry.registerReactComponent(key, opts.components[key])
43
+ );
44
+ }
40
45
  if (opts.renderNodes) {
41
46
  Object.keys(opts.renderNodes).forEach(
42
47
  (key) => registry.registerReactComponent(key, opts.renderNodes[key])
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/create-materials-plugin.ts"],"sourcesContent":["export * from './create-materials-plugin';\n","import React from 'react';\n\nimport { FlowRendererKey, FlowRendererRegistry } from '@flowgram.ai/renderer';\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nexport type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;\n\nexport interface MaterialsPluginOptions {\n /**\n * 注册特定的节点渲染组件\n */\n renderNodes?: Record<string, MaterialReactComponent>;\n /**\n * 默认节点渲染\n */\n renderDefaultNode?: MaterialReactComponent;\n /**\n * 注册渲染的文字\n */\n renderTexts?: Record<string, string>;\n}\n\nexport const createMaterialsPlugin = definePluginCreator<MaterialsPluginOptions>({\n onInit(ctx, opts) {\n const registry = ctx.get<FlowRendererRegistry>(FlowRendererRegistry);\n /**\n * 注册默认节点渲染\n */\n registry.registerReactComponent(\n FlowRendererKey.NODE_RENDER,\n opts.renderDefaultNode || (() => null),\n );\n\n /**\n * 注册文案\n */\n if (opts.renderTexts) {\n registry.registerText(opts.renderTexts);\n }\n /**\n * 注册单节点渲染\n */\n if (opts.renderNodes) {\n Object.keys(opts.renderNodes).forEach(key =>\n registry.registerReactComponent(key, opts.renderNodes![key]),\n );\n }\n },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,sBAAsD;AACtD,kBAAoC;AAmB7B,IAAM,4BAAwB,iCAA4C;AAAA,EAC/E,OAAO,KAAK,MAAM;AAChB,UAAM,WAAW,IAAI,IAA0B,oCAAoB;AAInE,aAAS;AAAA,MACP,gCAAgB;AAAA,MAChB,KAAK,sBAAsB,MAAM;AAAA,IACnC;AAKA,QAAI,KAAK,aAAa;AACpB,eAAS,aAAa,KAAK,WAAW;AAAA,IACxC;AAIA,QAAI,KAAK,aAAa;AACpB,aAAO,KAAK,KAAK,WAAW,EAAE;AAAA,QAAQ,SACpC,SAAS,uBAAuB,KAAK,KAAK,YAAa,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
1
+ {"version":3,"sources":["../src/index.ts","../src/create-materials-plugin.ts"],"sourcesContent":["export * from './create-materials-plugin';\n","import React from 'react';\n\nimport { FlowRendererKey, FlowRendererRegistry } from '@flowgram.ai/renderer';\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nexport type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;\n\nexport interface MaterialsPluginOptions {\n /**\n * 注册特定的 UI 组件\n */\n components?: Record<FlowRendererKey | string, MaterialReactComponent>;\n /**\n * 注册特定的节点渲染组件\n */\n renderNodes?: Record<string, MaterialReactComponent>;\n /**\n * 默认节点渲染\n */\n renderDefaultNode?: MaterialReactComponent;\n /**\n * 注册渲染的文字\n */\n renderTexts?: Record<string, string>;\n}\n\nexport const createMaterialsPlugin = definePluginCreator<MaterialsPluginOptions>({\n onInit(ctx, opts) {\n const registry = ctx.get<FlowRendererRegistry>(FlowRendererRegistry);\n /**\n * 注册默认节点渲染\n */\n registry.registerReactComponent(\n FlowRendererKey.NODE_RENDER,\n opts.renderDefaultNode || (() => null)\n );\n\n /**\n * 注册文案\n */\n if (opts.renderTexts) {\n registry.registerText(opts.renderTexts);\n }\n /**\n * 注册组件\n */\n if (opts.components) {\n Object.keys(opts.components).forEach((key) =>\n registry.registerReactComponent(key, opts.components![key])\n );\n }\n /**\n * 注册单节点渲染\n */\n if (opts.renderNodes) {\n Object.keys(opts.renderNodes).forEach((key) =>\n registry.registerReactComponent(key, opts.renderNodes![key])\n );\n }\n },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,sBAAsD;AACtD,kBAAoC;AAuB7B,IAAM,4BAAwB,iCAA4C;AAAA,EAC/E,OAAO,KAAK,MAAM;AAChB,UAAM,WAAW,IAAI,IAA0B,oCAAoB;AAInE,aAAS;AAAA,MACP,gCAAgB;AAAA,MAChB,KAAK,sBAAsB,MAAM;AAAA,IACnC;AAKA,QAAI,KAAK,aAAa;AACpB,eAAS,aAAa,KAAK,WAAW;AAAA,IACxC;AAIA,QAAI,KAAK,YAAY;AACnB,aAAO,KAAK,KAAK,UAAU,EAAE;AAAA,QAAQ,CAAC,QACpC,SAAS,uBAAuB,KAAK,KAAK,WAAY,GAAG,CAAC;AAAA,MAC5D;AAAA,IACF;AAIA,QAAI,KAAK,aAAa;AACpB,aAAO,KAAK,KAAK,WAAW,EAAE;AAAA,QAAQ,CAAC,QACrC,SAAS,uBAAuB,KAAK,KAAK,YAAa,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flowgram.ai/materials-plugin",
3
- "version": "0.2.3",
3
+ "version": "0.2.5",
4
4
  "homepage": "https://flowgram.ai/",
5
5
  "repository": "https://github.com/bytedance/flowgram.ai",
6
6
  "license": "MIT",
@@ -18,10 +18,10 @@
18
18
  "dependencies": {
19
19
  "inversify": "^6.0.1",
20
20
  "reflect-metadata": "~0.2.2",
21
- "@flowgram.ai/core": "0.2.3",
22
- "@flowgram.ai/form-core": "0.2.3",
23
- "@flowgram.ai/utils": "0.2.3",
24
- "@flowgram.ai/renderer": "0.2.3"
21
+ "@flowgram.ai/core": "0.2.5",
22
+ "@flowgram.ai/renderer": "0.2.5",
23
+ "@flowgram.ai/utils": "0.2.5",
24
+ "@flowgram.ai/form-core": "0.2.5"
25
25
  },
26
26
  "devDependencies": {
27
27
  "@types/bezier-js": "4.1.3",
@@ -37,8 +37,8 @@
37
37
  "tsup": "^8.0.1",
38
38
  "typescript": "^5.0.4",
39
39
  "vitest": "^0.34.6",
40
- "@flowgram.ai/eslint-config": "0.2.3",
41
- "@flowgram.ai/ts-config": "0.2.3"
40
+ "@flowgram.ai/eslint-config": "0.2.5",
41
+ "@flowgram.ai/ts-config": "0.2.5"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "react": ">=16.8",