给设计一个新控件，并且告诉我应该怎样集成进去

好的，让我们假设你想设计一个新的控件，它是一个数字输入框，支持设置最小值和最大值，并且在输入不合法的数字时会显示错误提示信息。

下面是一个简单的实现示例：

1. 创建一个名为 number-input-widget.vue 的 Vue 单文件组件，在其中编写控件的模板和逻辑。你可以在模板中使用原生的 input 标签来实现输入框，并使用 v-model 指令将输入值与 Vue 实例的 data 属性绑定。同时，你需要在模板中添加一个用于显示错误提示信息的 div 元素，它的可见性和内容应该根据输入合法性的验证结果来动态变化。

2. 在控件的脚本逻辑中，你需要定义一个名为 validateInput 的方法，用于验证输入的合法性。在这个方法中，你可以使用正则表达式或其他的验证方式来判断输入是否合法，并将验证结果保存到 data 属性中。在模板中，你可以根据这个验证结果来显示或隐藏错误提示信息。

3. 在控件的 props 中，你需要定义两个属性：min 和 max，用于设置输入的最小值和最大值。在控件的脚本逻辑中，你需要监听这两个属性的变化，并在输入框失去焦点时进行最小值和最大值的验证。

4. 最后，你需要在 form-widget 文件夹中的 index.js 文件中注册你的控件组件。具体来说，你可以在 FieldWidget 的 components 中添加以下代码：

import NumberInputWidget from './field-widget/number-input-widget.vue';
...
export const FieldWidget = {
  ...
  components: {
    ...
    'number-input': NumberInputWidget,
    ...
  },
  ...
};

这样，你就可以在表单设计器中使用你的控件了。在设计器中，你可以通过拖拽或者双击的方式将你的控件添加到表单中，并设置它的属性。当用户输入不合法的数字时，你的控件会显示错误提示信息。