@flowgram-vue/variable-plugin 0.2.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+Copyright (c) 2026 Crayon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+var variableLayout = require('@flowgram-vue/variable-layout');
+var variableCore = require('@flowgram-vue/variable-core');
+var document = require('@flowgram-vue/document');
+var core = require('@flowgram-vue/core');
+
+// src/create-variable-plugin.ts
+var createVariablePlugin = core.definePluginCreator({
+  onBind({ bind }, opts) {
+    const { layout, layoutConfig, chainConfig } = opts;
+    bind(variableLayout.ScopeChainTransformService).toSelf().inSingletonScope();
+    if (layout === "free") {
+      bind(variableCore.ScopeChain).to(variableLayout.FreeLayoutScopeChain).inSingletonScope();
+    }
+    if (layout === "fixed") {
+      bind(variableCore.ScopeChain).to(variableLayout.FixedLayoutScopeChain).inSingletonScope();
+    }
+    if (chainConfig) {
+      bind(variableLayout.VariableChainConfig).toConstantValue(chainConfig || {});
+    } else if (layoutConfig) {
+      console.warn(`Layout Config deprecated, use chainConfig instead`);
+      bind(variableLayout.VariableChainConfig).toConstantValue(layoutConfig || {});
+    }
+    variableLayout.bindGlobalScope(bind);
+  },
+  onInit(ctx, opts) {
+    const { extendASTNodes } = opts || {};
+    const variableEngine = ctx.get(variableCore.VariableEngine);
+    const astRegisters = ctx.get(variableCore.ASTRegisters);
+    const entityManager = ctx.get(core.EntityManager);
+    const document$1 = ctx.get(document.FlowDocument);
+    (extendASTNodes || []).forEach((info) => {
+      if (Array.isArray(info)) {
+        const [extendASTNode, injector] = info;
+        astRegisters.registerAST(extendASTNode, injector ? () => injector(ctx) : void 0);
+        return;
+      }
+      astRegisters.registerAST(info);
+    });
+    entityManager.registerEntityData(variableLayout.FlowNodeVariableData, () => ({ variableEngine }));
+    document$1.registerNodeDatas(variableLayout.FlowNodeVariableData);
+  },
+  containerModules: [variableCore.VariableContainerModule]
+});
+
+Object.defineProperty(exports, "FlowNodeScopeType", {
+  enumerable: true,
+  get: function () { return variableLayout.FlowNodeScopeType; }
+});
+Object.defineProperty(exports, "FlowNodeVariableData", {
+  enumerable: true,
+  get: function () { return variableLayout.FlowNodeVariableData; }
+});
+Object.defineProperty(exports, "GlobalScope", {
+  enumerable: true,
+  get: function () { return variableLayout.GlobalScope; }
+});
+Object.defineProperty(exports, "ScopeChainTransformService", {
+  enumerable: true,
+  get: function () { return variableLayout.ScopeChainTransformService; }
+});
+Object.defineProperty(exports, "getNodePrivateScope", {
+  enumerable: true,
+  get: function () { return variableLayout.getNodePrivateScope; }
+});
+Object.defineProperty(exports, "getNodeScope", {
+  enumerable: true,
+  get: function () { return variableLayout.getNodeScope; }
+});
+exports.createVariablePlugin = createVariablePlugin;
+Object.keys(variableCore).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return variableCore[k]; }
+  });
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/create-variable-plugin.ts"],"names":["definePluginCreator","ScopeChainTransformService","ScopeChain","FreeLayoutScopeChain","FixedLayoutScopeChain","VariableChainConfig","bindGlobalScope","VariableEngine","ASTRegisters","EntityManager","document","FlowDocument","FlowNodeVariableData","VariableContainerModule"],"mappings":";;;;;;;;AAiDO,IAAM,uBAAuBA,wBAAA,CAA2C;AAAA,EAC7E,MAAA,CAAO,EAAE,IAAA,EAAK,EAAG,IAAA,EAAM;AACrB,IAAA,MAAM,EAAE,MAAA,EAAQ,YAAA,EAAc,WAAA,EAAY,GAAI,IAAA;AAE9C,IAAA,IAAA,CAAKC,yCAA0B,CAAA,CAAE,MAAA,EAAO,CAAE,gBAAA,EAAiB;AAE3D,IAAA,IAAI,WAAW,MAAA,EAAQ;AACrB,MAAA,IAAA,CAAKC,uBAAU,CAAA,CAAE,EAAA,CAAGC,mCAAoB,EAAE,gBAAA,EAAiB;AAAA,IAC7D;AACA,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,IAAA,CAAKD,uBAAU,CAAA,CAAE,EAAA,CAAGE,oCAAqB,EAAE,gBAAA,EAAiB;AAAA,IAC9D;AACA,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,IAAA,CAAKC,kCAAmB,CAAA,CAAE,eAAA,CAAgB,WAAA,IAAe,EAAE,CAAA;AAAA,IAC7D,WAAW,YAAA,EAAc;AACvB,MAAA,OAAA,CAAQ,KAAK,CAAA,iDAAA,CAAmD,CAAA;AAChE,MAAA,IAAA,CAAKA,kCAAmB,CAAA,CAAE,eAAA,CAAgB,YAAA,IAAgB,EAAE,CAAA;AAAA,IAC9D;AAEA,IAAAC,8BAAA,CAAgB,IAAI,CAAA;AAAA,EACtB,CAAA;AAAA,EACA,MAAA,CAAO,KAAK,IAAA,EAAM;AAChB,IAAA,MAAM,EAAE,cAAA,EAAe,GAAI,IAAA,IAAQ,EAAC;AAEpC,IAAA,MAAM,cAAA,GAAiB,GAAA,CAAI,GAAA,CAAoBC,2BAAc,CAAA;AAC7D,IAAA,MAAM,YAAA,GAAe,GAAA,CAAI,GAAA,CAAkBC,yBAAY,CAAA;AACvD,IAAA,MAAM,aAAA,GAAgB,GAAA,CAAI,GAAA,CAAmBC,kBAAa,CAAA;AAC1D,IAAA,MAAMC,UAAA,GAAW,GAAA,CAAI,GAAA,CAAkBC,qBAAY,CAAA;AAKnD,IAAA,CAAC,cAAA,IAAkB,EAAC,EAAG,OAAA,CAAQ,CAAC,IAAA,KAAS;AACvC,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AACvB,QAAA,MAAM,CAAC,aAAA,EAAe,QAAQ,CAAA,GAAI,IAAA;AAElC,QAAA,YAAA,CAAa,YAAY,aAAA,EAAe,QAAA,GAAW,MAAM,QAAA,CAAS,GAAG,IAAI,MAAS,CAAA;AAElF,QAAA;AAAA,MACF;AAEA,MAAA,YAAA,CAAa,YAAY,IAAI,CAAA;AAAA,IAC/B,CAAC,CAAA;AAKD,IAAA,aAAA,CAAc,kBAAA,CAAmBC,mCAAA,EAAsB,OAAO,EAAE,gBAAe,CAAS,CAAA;AACxF,IAAAF,UAAA,CAAS,kBAAkBE,mCAAoB,CAAA;AAAA,EACjD,CAAA;AAAA,EACA,gBAAA,EAAkB,CAACC,oCAAuB;AAC5C,CAAC","file":"index.cjs","sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport {\n  FlowNodeVariableData,\n  FreeLayoutScopeChain,\n  FixedLayoutScopeChain,\n  VariableChainConfig,\n  bindGlobalScope,\n  ScopeChainTransformService,\n} from '@flowgram-vue/variable-layout';\nimport {\n  VariableContainerModule,\n  ASTNodeRegistry,\n  ASTRegisters,\n  VariableEngine,\n  ScopeChain,\n} from '@flowgram-vue/variable-core';\nimport { FlowDocument } from '@flowgram-vue/document';\nimport { PluginContext, definePluginCreator } from '@flowgram-vue/core';\nimport { EntityManager } from '@flowgram-vue/core';\n\n/**\n * @deprecated 请使用 @injectToAst(XXXService) declare xxxService: XXXService 实现外部依赖注入\n */\ntype Injector = (ctx: PluginContext) => Record<string, any>;\n\nexport interface VariablePluginOptions {\n  enable?: boolean;\n  /**\n   * Custom Extends ASTNode\n   */\n  extendASTNodes?: (ASTNodeRegistry | [ASTNodeRegistry] | [ASTNodeRegistry, Injector])[];\n  /**\n   * Layout method\n   */\n  layout?: 'fixed' | 'free';\n  /**\n   * @deprecated use chainConfig instead\n   */\n  layoutConfig?: VariableChainConfig;\n  /**\n   * Configuration for scope chain\n   */\n  chainConfig?: VariableChainConfig;\n}\n\nexport const createVariablePlugin = definePluginCreator<VariablePluginOptions>({\n  onBind({ bind }, opts) {\n    const { layout, layoutConfig, chainConfig } = opts;\n\n    bind(ScopeChainTransformService).toSelf().inSingletonScope();\n\n    if (layout === 'free') {\n      bind(ScopeChain).to(FreeLayoutScopeChain).inSingletonScope();\n    }\n    if (layout === 'fixed') {\n      bind(ScopeChain).to(FixedLayoutScopeChain).inSingletonScope();\n    }\n    if (chainConfig) {\n      bind(VariableChainConfig).toConstantValue(chainConfig || {});\n    } else if (layoutConfig) {\n      console.warn(`Layout Config deprecated, use chainConfig instead`);\n      bind(VariableChainConfig).toConstantValue(layoutConfig || {});\n    }\n\n    bindGlobalScope(bind);\n  },\n  onInit(ctx, opts) {\n    const { extendASTNodes } = opts || {};\n\n    const variableEngine = ctx.get<VariableEngine>(VariableEngine);\n    const astRegisters = ctx.get<ASTRegisters>(ASTRegisters);\n    const entityManager = ctx.get<EntityManager>(EntityManager);\n    const document = ctx.get<FlowDocument>(FlowDocument);\n\n    /**\n     * 注册扩展 AST 节点\n     */\n    (extendASTNodes || []).forEach((info) => {\n      if (Array.isArray(info)) {\n        const [extendASTNode, injector] = info;\n\n        astRegisters.registerAST(extendASTNode, injector ? () => injector(ctx) : undefined);\n\n        return;\n      }\n\n      astRegisters.registerAST(info);\n    });\n\n    /**\n     * 扩展 FlowNodeVariableData\n     */\n    entityManager.registerEntityData(FlowNodeVariableData, () => ({ variableEngine } as any));\n    document.registerNodeDatas(FlowNodeVariableData);\n  },\n  containerModules: [VariableContainerModule],\n});\n"]}

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+import * as _flowgram_vue_core from '@flowgram-vue/core';
+import { PluginContext } from '@flowgram-vue/core';
+import { VariableChainConfig } from '@flowgram-vue/variable-layout';
+export { FlowNodeScope, FlowNodeScopeMeta, FlowNodeScopeType, FlowNodeVariableData, GlobalScope, ScopeChainTransformService, getNodePrivateScope, getNodeScope } from '@flowgram-vue/variable-layout';
+import { ASTNodeRegistry } from '@flowgram-vue/variable-core';
+export * from '@flowgram-vue/variable-core';
+
+/**
+ * @deprecated 请使用 @injectToAst(XXXService) declare xxxService: XXXService 实现外部依赖注入
+ */
+type Injector = (ctx: PluginContext) => Record<string, any>;
+interface VariablePluginOptions {
+    enable?: boolean;
+    /**
+     * Custom Extends ASTNode
+     */
+    extendASTNodes?: (ASTNodeRegistry | [ASTNodeRegistry] | [ASTNodeRegistry, Injector])[];
+    /**
+     * Layout method
+     */
+    layout?: 'fixed' | 'free';
+    /**
+     * @deprecated use chainConfig instead
+     */
+    layoutConfig?: VariableChainConfig;
+    /**
+     * Configuration for scope chain
+     */
+    chainConfig?: VariableChainConfig;
+}
+declare const createVariablePlugin: _flowgram_vue_core.PluginCreator<VariablePluginOptions>;
+
+export { type VariablePluginOptions, createVariablePlugin };

package/dist/index.js

@@ -0,0 +1,49 @@
+import { FlowNodeVariableData, ScopeChainTransformService, FreeLayoutScopeChain, FixedLayoutScopeChain, VariableChainConfig, bindGlobalScope } from '@flowgram-vue/variable-layout';
+export { FlowNodeScopeType, FlowNodeVariableData, GlobalScope, ScopeChainTransformService, getNodePrivateScope, getNodeScope } from '@flowgram-vue/variable-layout';
+import { VariableContainerModule, VariableEngine, ASTRegisters, ScopeChain } from '@flowgram-vue/variable-core';
+export * from '@flowgram-vue/variable-core';
+import { FlowDocument } from '@flowgram-vue/document';
+import { definePluginCreator, EntityManager } from '@flowgram-vue/core';
+
+// src/create-variable-plugin.ts
+var createVariablePlugin = definePluginCreator({
+  onBind({ bind }, opts) {
+    const { layout, layoutConfig, chainConfig } = opts;
+    bind(ScopeChainTransformService).toSelf().inSingletonScope();
+    if (layout === "free") {
+      bind(ScopeChain).to(FreeLayoutScopeChain).inSingletonScope();
+    }
+    if (layout === "fixed") {
+      bind(ScopeChain).to(FixedLayoutScopeChain).inSingletonScope();
+    }
+    if (chainConfig) {
+      bind(VariableChainConfig).toConstantValue(chainConfig || {});
+    } else if (layoutConfig) {
+      console.warn(`Layout Config deprecated, use chainConfig instead`);
+      bind(VariableChainConfig).toConstantValue(layoutConfig || {});
+    }
+    bindGlobalScope(bind);
+  },
+  onInit(ctx, opts) {
+    const { extendASTNodes } = opts || {};
+    const variableEngine = ctx.get(VariableEngine);
+    const astRegisters = ctx.get(ASTRegisters);
+    const entityManager = ctx.get(EntityManager);
+    const document = ctx.get(FlowDocument);
+    (extendASTNodes || []).forEach((info) => {
+      if (Array.isArray(info)) {
+        const [extendASTNode, injector] = info;
+        astRegisters.registerAST(extendASTNode, injector ? () => injector(ctx) : void 0);
+        return;
+      }
+      astRegisters.registerAST(info);
+    });
+    entityManager.registerEntityData(FlowNodeVariableData, () => ({ variableEngine }));
+    document.registerNodeDatas(FlowNodeVariableData);
+  },
+  containerModules: [VariableContainerModule]
+});
+
+export { createVariablePlugin };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/create-variable-plugin.ts"],"names":[],"mappings":";;;;;;;;AAiDO,IAAM,uBAAuB,mBAAA,CAA2C;AAAA,EAC7E,MAAA,CAAO,EAAE,IAAA,EAAK,EAAG,IAAA,EAAM;AACrB,IAAA,MAAM,EAAE,MAAA,EAAQ,YAAA,EAAc,WAAA,EAAY,GAAI,IAAA;AAE9C,IAAA,IAAA,CAAK,0BAA0B,CAAA,CAAE,MAAA,EAAO,CAAE,gBAAA,EAAiB;AAE3D,IAAA,IAAI,WAAW,MAAA,EAAQ;AACrB,MAAA,IAAA,CAAK,UAAU,CAAA,CAAE,EAAA,CAAG,oBAAoB,EAAE,gBAAA,EAAiB;AAAA,IAC7D;AACA,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,IAAA,CAAK,UAAU,CAAA,CAAE,EAAA,CAAG,qBAAqB,EAAE,gBAAA,EAAiB;AAAA,IAC9D;AACA,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,IAAA,CAAK,mBAAmB,CAAA,CAAE,eAAA,CAAgB,WAAA,IAAe,EAAE,CAAA;AAAA,IAC7D,WAAW,YAAA,EAAc;AACvB,MAAA,OAAA,CAAQ,KAAK,CAAA,iDAAA,CAAmD,CAAA;AAChE,MAAA,IAAA,CAAK,mBAAmB,CAAA,CAAE,eAAA,CAAgB,YAAA,IAAgB,EAAE,CAAA;AAAA,IAC9D;AAEA,IAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,EACtB,CAAA;AAAA,EACA,MAAA,CAAO,KAAK,IAAA,EAAM;AAChB,IAAA,MAAM,EAAE,cAAA,EAAe,GAAI,IAAA,IAAQ,EAAC;AAEpC,IAAA,MAAM,cAAA,GAAiB,GAAA,CAAI,GAAA,CAAoB,cAAc,CAAA;AAC7D,IAAA,MAAM,YAAA,GAAe,GAAA,CAAI,GAAA,CAAkB,YAAY,CAAA;AACvD,IAAA,MAAM,aAAA,GAAgB,GAAA,CAAI,GAAA,CAAmB,aAAa,CAAA;AAC1D,IAAA,MAAM,QAAA,GAAW,GAAA,CAAI,GAAA,CAAkB,YAAY,CAAA;AAKnD,IAAA,CAAC,cAAA,IAAkB,EAAC,EAAG,OAAA,CAAQ,CAAC,IAAA,KAAS;AACvC,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AACvB,QAAA,MAAM,CAAC,aAAA,EAAe,QAAQ,CAAA,GAAI,IAAA;AAElC,QAAA,YAAA,CAAa,YAAY,aAAA,EAAe,QAAA,GAAW,MAAM,QAAA,CAAS,GAAG,IAAI,MAAS,CAAA;AAElF,QAAA;AAAA,MACF;AAEA,MAAA,YAAA,CAAa,YAAY,IAAI,CAAA;AAAA,IAC/B,CAAC,CAAA;AAKD,IAAA,aAAA,CAAc,kBAAA,CAAmB,oBAAA,EAAsB,OAAO,EAAE,gBAAe,CAAS,CAAA;AACxF,IAAA,QAAA,CAAS,kBAAkB,oBAAoB,CAAA;AAAA,EACjD,CAAA;AAAA,EACA,gBAAA,EAAkB,CAAC,uBAAuB;AAC5C,CAAC","file":"index.js","sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport {\n  FlowNodeVariableData,\n  FreeLayoutScopeChain,\n  FixedLayoutScopeChain,\n  VariableChainConfig,\n  bindGlobalScope,\n  ScopeChainTransformService,\n} from '@flowgram-vue/variable-layout';\nimport {\n  VariableContainerModule,\n  ASTNodeRegistry,\n  ASTRegisters,\n  VariableEngine,\n  ScopeChain,\n} from '@flowgram-vue/variable-core';\nimport { FlowDocument } from '@flowgram-vue/document';\nimport { PluginContext, definePluginCreator } from '@flowgram-vue/core';\nimport { EntityManager } from '@flowgram-vue/core';\n\n/**\n * @deprecated 请使用 @injectToAst(XXXService) declare xxxService: XXXService 实现外部依赖注入\n */\ntype Injector = (ctx: PluginContext) => Record<string, any>;\n\nexport interface VariablePluginOptions {\n  enable?: boolean;\n  /**\n   * Custom Extends ASTNode\n   */\n  extendASTNodes?: (ASTNodeRegistry | [ASTNodeRegistry] | [ASTNodeRegistry, Injector])[];\n  /**\n   * Layout method\n   */\n  layout?: 'fixed' | 'free';\n  /**\n   * @deprecated use chainConfig instead\n   */\n  layoutConfig?: VariableChainConfig;\n  /**\n   * Configuration for scope chain\n   */\n  chainConfig?: VariableChainConfig;\n}\n\nexport const createVariablePlugin = definePluginCreator<VariablePluginOptions>({\n  onBind({ bind }, opts) {\n    const { layout, layoutConfig, chainConfig } = opts;\n\n    bind(ScopeChainTransformService).toSelf().inSingletonScope();\n\n    if (layout === 'free') {\n      bind(ScopeChain).to(FreeLayoutScopeChain).inSingletonScope();\n    }\n    if (layout === 'fixed') {\n      bind(ScopeChain).to(FixedLayoutScopeChain).inSingletonScope();\n    }\n    if (chainConfig) {\n      bind(VariableChainConfig).toConstantValue(chainConfig || {});\n    } else if (layoutConfig) {\n      console.warn(`Layout Config deprecated, use chainConfig instead`);\n      bind(VariableChainConfig).toConstantValue(layoutConfig || {});\n    }\n\n    bindGlobalScope(bind);\n  },\n  onInit(ctx, opts) {\n    const { extendASTNodes } = opts || {};\n\n    const variableEngine = ctx.get<VariableEngine>(VariableEngine);\n    const astRegisters = ctx.get<ASTRegisters>(ASTRegisters);\n    const entityManager = ctx.get<EntityManager>(EntityManager);\n    const document = ctx.get<FlowDocument>(FlowDocument);\n\n    /**\n     * 注册扩展 AST 节点\n     */\n    (extendASTNodes || []).forEach((info) => {\n      if (Array.isArray(info)) {\n        const [extendASTNode, injector] = info;\n\n        astRegisters.registerAST(extendASTNode, injector ? () => injector(ctx) : undefined);\n\n        return;\n      }\n\n      astRegisters.registerAST(info);\n    });\n\n    /**\n     * 扩展 FlowNodeVariableData\n     */\n    entityManager.registerEntityData(FlowNodeVariableData, () => ({ variableEngine } as any));\n    document.registerNodeDatas(FlowNodeVariableData);\n  },\n  containerModules: [VariableContainerModule],\n});\n"]}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@flowgram-vue/variable-plugin",
+  "version": "0.2.0",
+  "homepage": "https://flowgram.ai/",
+  "repository": "https://github.com/Crayon-hua/flowgram-vue",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "dependencies": {
+    "inversify": "^6.0.1",
+    "reflect-metadata": "~0.2.2",
+    "@flowgram-vue/core": "0.2.0",
+    "@flowgram-vue/variable-core": "0.2.0",
+    "@flowgram-vue/document": "0.2.0",
+    "@flowgram-vue/variable-layout": "0.2.0"
+  },
+  "devDependencies": {
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.0.0",
+    "tsup": "^8.0.1",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4",
+    "@flowgram-vue/eslint-config": "0.2.0",
+    "@flowgram-vue/build-config": "0.2.0",
+    "@flowgram-vue/ts-config": "0.2.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "flowgram-build",
+    "build:fast": "flowgram-build --fast",
+    "build:watch": "flowgram-build --watch",
+    "clean": "rimraf dist",
+    "test": "exit 0",
+    "test:cov": "exit 0",
+    "ts-check": "tsc --noEmit",
+    "watch": "npm run build:fast -- --dts-resolve --watch --ignore-watch dist"
+  },
+  "module": "./dist/index.js"
+}

package/src/create-variable-plugin.ts

@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import {
+  FlowNodeVariableData,
+  FreeLayoutScopeChain,
+  FixedLayoutScopeChain,
+  VariableChainConfig,
+  bindGlobalScope,
+  ScopeChainTransformService,
+} from '@flowgram-vue/variable-layout';
+import {
+  VariableContainerModule,
+  ASTNodeRegistry,
+  ASTRegisters,
+  VariableEngine,
+  ScopeChain,
+} from '@flowgram-vue/variable-core';
+import { FlowDocument } from '@flowgram-vue/document';
+import { PluginContext, definePluginCreator } from '@flowgram-vue/core';
+import { EntityManager } from '@flowgram-vue/core';
+
+/**
+ * @deprecated 请使用 @injectToAst(XXXService) declare xxxService: XXXService 实现外部依赖注入
+ */
+type Injector = (ctx: PluginContext) => Record<string, any>;
+
+export interface VariablePluginOptions {
+  enable?: boolean;
+  /**
+   * Custom Extends ASTNode
+   */
+  extendASTNodes?: (ASTNodeRegistry | [ASTNodeRegistry] | [ASTNodeRegistry, Injector])[];
+  /**
+   * Layout method
+   */
+  layout?: 'fixed' | 'free';
+  /**
+   * @deprecated use chainConfig instead
+   */
+  layoutConfig?: VariableChainConfig;
+  /**
+   * Configuration for scope chain
+   */
+  chainConfig?: VariableChainConfig;
+}
+
+export const createVariablePlugin = definePluginCreator<VariablePluginOptions>({
+  onBind({ bind }, opts) {
+    const { layout, layoutConfig, chainConfig } = opts;
+
+    bind(ScopeChainTransformService).toSelf().inSingletonScope();
+
+    if (layout === 'free') {
+      bind(ScopeChain).to(FreeLayoutScopeChain).inSingletonScope();
+    }
+    if (layout === 'fixed') {
+      bind(ScopeChain).to(FixedLayoutScopeChain).inSingletonScope();
+    }
+    if (chainConfig) {
+      bind(VariableChainConfig).toConstantValue(chainConfig || {});
+    } else if (layoutConfig) {
+      console.warn(`Layout Config deprecated, use chainConfig instead`);
+      bind(VariableChainConfig).toConstantValue(layoutConfig || {});
+    }
+
+    bindGlobalScope(bind);
+  },
+  onInit(ctx, opts) {
+    const { extendASTNodes } = opts || {};
+
+    const variableEngine = ctx.get<VariableEngine>(VariableEngine);
+    const astRegisters = ctx.get<ASTRegisters>(ASTRegisters);
+    const entityManager = ctx.get<EntityManager>(EntityManager);
+    const document = ctx.get<FlowDocument>(FlowDocument);
+
+    /**
+     * 注册扩展 AST 节点
+     */
+    (extendASTNodes || []).forEach((info) => {
+      if (Array.isArray(info)) {
+        const [extendASTNode, injector] = info;
+
+        astRegisters.registerAST(extendASTNode, injector ? () => injector(ctx) : undefined);
+
+        return;
+      }
+
+      astRegisters.registerAST(info);
+    });
+
+    /**
+     * 扩展 FlowNodeVariableData
+     */
+    entityManager.registerEntityData(FlowNodeVariableData, () => ({ variableEngine } as any));
+    document.registerNodeDatas(FlowNodeVariableData);
+  },
+  containerModules: [VariableContainerModule],
+});

package/src/index.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export * from './create-variable-plugin';
+export * from '@flowgram-vue/variable-core';
+export {
+  FlowNodeVariableData,
+  GlobalScope,
+  ScopeChainTransformService,
+  getNodeScope,
+  getNodePrivateScope,
+  FlowNodeScopeType,
+  type FlowNodeScopeMeta,
+  type FlowNodeScope,
+} from '@flowgram-vue/variable-layout';