使用过程块

使用插件

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

安装

纱线：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 或 XML，它们将继续正确加载。

将它们添加到工具箱

在定义块（无论是插件块还是旧版内置块）后，您需要向用户提供这些块。这需要您使用类别样式工具箱，因为过程类别会动态填充，而浮出工具箱不支持这一点。

您可以将动态类别添加到工具箱中，如下所示：

JSON

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

XML

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