使用过程块

使用插件

要使用过程块，我们建议使用 @blockly/block-shareable-procedures 插件。 如需了解插件块和内置块之间的区别，请参阅 概览。

安装

Yarn： shell yarn add @blockly/block-shareable-procedures

NPM： shell npm install @blockly/block-shareable-procedures

用法

import Blockly from 'blockly';
import {blocks, unregisterProcedureBlocks} '@blockly/block-shareable-procedures';

unregisterProcedureBlocks();
Blockly.common.defineBlocks(blocks);

这将定义与旧版同名的过程块 内置过程块因此，如果您要加载已保存的 旧过程块仍可继续正常加载。

将它们添加到工具箱

在定义块之后（插件块或旧版块） 内置插件），您需要向用户提供它们。这需要 您要使用类别样式工具箱，因为手术类别是填充的 动态呈现，而浮出工具箱则不支持。

您可以按如下方式向工具箱添加动态类别：

JSON

{
  "kind": "categoryToolbox",
  "contents": [
    {
      "kind": "category",
      "name": "Functions",
      "custom": "PROCEDURE"
    }
  ]
};

XML

<xml id="toolbox" style="display: none">
  <category name="Functions" custom="PROCEDURE">
</xml>