docs(agents): add design references

.agents/skills/arco-design-vue/references/components/data-entry/input-number.md

@@ -0,0 +1,102 @@
+---
+name: arco-vue-input-number
+description: "Arco Design Vue 数字输入框 InputNumber 组件参考。用于 Vue 3、`@arco-design/web-vue`、`<a-input-number>`、属性、事件、插槽、示例和实现细节。"
+user-invocable: false
+---
+
+# 数字输入框 InputNumber
+
+## 简介
+
+通过鼠标或者键盘输入范围内的标准数值。
+
+## 基本用法
+
+```vue
+<template>
+  <a-space direction="vertical" size="large">
+    <a-input-number v-model="value" :style="{width:'320px'}" placeholder="Please Enter" class="input-demo" :min="10" :max="100"/>
+    <a-input-number :style="{width:'320px'}" placeholder="Please Enter" class="input-demo" :min="10" :max="100"/>
+    <a-input-number :style="{width:'320px'}" placeholder="Please Enter" :default-value="500" class="input-demo" disabled/>
+  </a-space>
+</template>
+
+<script>
+export default {
+  data(){
+    return {
+      value:15
+    }
+
+  }
+}
+</script>
+```
+
+## API
+
+### `<input-number>` 属性
+
+|参数名|描述|类型|默认值|版本|
+|---|---|---|:---:|:---|
+|model-value **(v-model)**|绑定值|`number`|`-`||
+|default-value|默认值（非受控模式）|`number`|`-`||
+|mode|模式（`embed`：按钮内嵌模式，`button`：左右按钮模式）|`'embed' \| 'button'`|`'embed'`||
+|precision|数字精度|`number`|`-`||
+|step|数字变化步长|`number`|`1`||
+|disabled|是否禁用|`boolean`|`false`||
+|error|是否为错误状态|`boolean`|`false`||
+|max|最大值|`number`|`Infinity`||
+|min|最小值|`number`|`-Infinity`||
+|formatter|定义输入框展示值|`func`|`-`||
+|parser|从 `formatter` 转换为数字，和 `formatter` 搭配使用|`func`|`-`||
+|placeholder|输入框提示文字|`string`|`-`||
+
+> 仅列出常用项，低频属性按需查阅官方 API。
+
+### `<input-number>` 事件
+
+|事件名|描述|参数|版本|
+|---|---|---|:---|
+|change|值发生改变时触发|value: ` number \| undefined `<br>ev: `Event`||
+|focus|输入框获取焦点时触发|ev: `FocusEvent`||
+|blur|输入框失去焦点时触发|ev: `FocusEvent`||
+|clear|用户点击清除按钮时触发|ev: `Event`|2.23.0|
+|input|输入时触发|value: ` number \| undefined `<br>inputValue: `string`<br>ev: `Event`|2.27.0|
+|keydown|按下键盘时触发|ev: `MouseEvent`|2.56.0|
+
+### `<input-number>` 方法
+
+|方法名|描述|参数|返回值|
+|---|---|---|---|
+|focus|使输入框获取焦点|-|-|
+|blur|使输入框失去焦点|-|-|
+
+### `<input-number>` 插槽
+
+|插槽名|描述|参数|
+|---|:---:|---|
+|minus|数值减少图标|-|
+|plus|数值增加图标|-|
+|append|后置标签|-|
+|prepend|前置标签|-|
+|suffix|后缀|-|
+|prefix|前缀|-|
+
+## 常用模式
+
+- **按钮模式**：指定 `mode` 为 `button` 来使用带按钮的数字输入框。
+- **四种尺寸**：设置 `size` 可以使用四种尺寸（`mini`, `small`, `medium`, `large`）的数字输入框。高度分别对应`24px`、`28px`、`32px`、`36px`。
+- **精度和步长**：通过 `precision` 来设置数字精度。当 `precision` 小于 `step` 的小数位时，精度取 `step` 的小数个数。
+- **前缀与后缀**：通过指定 `prefix` 和 `suffix` 插槽来在输入框内添加前缀和后缀。
+- **自定义图标**：通过指定 `plus` 和 `minus` 插槽来修改数值增减操作的图标。
+- **格式化展示值**：通过 `formatter` 和 `parser` 配合使用可以定义输入框展示值。
+- **v-model 的触发事件**：数字输入框默认在 blur 或者按下 Enter 时会修改绑定的值，通过设置属性 model-event="input" 让组件在输入时修改绑定的值。注意：在此模式下，输入时的值会超出设置的 min/max，组件会在失焦时修正值的大小。
+
+## 最佳实践
+
+- 新代码优先使用 Vue 3、Composition API 和 `<script setup lang="ts">`。
+- 模板属性使用 kebab-case，事件使用 `@event-name`，插槽使用 `#slot-name`。
+- 不要套用 React 专属 API，例如 JSX children、`Component.Sub` 或 `Form.useForm`。
+- 需要进入表单校验或提交流程的控件，优先放在 `a-form-item` 中并绑定明确的 `field`。
+- 输入值优先使用 `v-model`；范围、弹窗类状态使用组件文档中的命名 `v-model:*`。