{"_id":"@daflow-ui/ui-agent-chat-input","name":"@daflow-ui/ui-agent-chat-input","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@daflow-ui/ui-agent-chat-input","version":"0.1.0","description":"Agent chat input component for DaFlow UI","type":"module","license":"MIT","sideEffects":["**/*.css"],"publishConfig":{"access":"public"},"main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./style.css":"./dist/style.css"},"dependencies":{},"peerDependencies":{"vue":"^3.5.0"},"devDependencies":{"@seemusic/eslint-config-vue3":"^2.0.0","@types/node":"^22.10.5","@vitejs/plugin-vue":"^6.0.3","@vue/compiler-sfc":"^3.5.27","eslint":"^9.39.2","sass-embedded":"^1.97.3","typescript":"^5.9.3","vite":"^7.3.1","vite-plugin-vue-devtools":"^8.0.5","vue":"^3.5.27","vue-tsc":"^3.2.4"},"keywords":["vue","ui","component","daflow"],"scripts":{"build":"vite build && vue-tsc -p tsconfig.build.json --emitDeclarationOnly","lint":"eslint .","lint:fix":"eslint . --fix","typecheck":"vue-tsc -p tsconfig.json --noEmit"},"_id":"@daflow-ui/ui-agent-chat-input@0.1.0","_integrity":"sha512-ORQWoJa34m015256H80K1H4mqo3XHQTCkpH5YkM9lqY9WH7eQOE5qOR1h9xRrjklBK4Q8aF+Hm7riN64LL+MkA==","_resolved":"/private/var/folders/vs/64py3jt92l966q_27tfst1xh0000gn/T/84f274b128c53efe034a9485646ba6e8/daflow-ui-ui-agent-chat-input-0.1.0.tgz","_from":"file:daflow-ui-ui-agent-chat-input-0.1.0.tgz","_nodeVersion":"22.17.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-ORQWoJa34m015256H80K1H4mqo3XHQTCkpH5YkM9lqY9WH7eQOE5qOR1h9xRrjklBK4Q8aF+Hm7riN64LL+MkA==","shasum":"62adc9832b07acf696930a37aa99195e689efcbc","tarball":"https://registry.npmjs.org/@daflow-ui/ui-agent-chat-input/-/ui-agent-chat-input-0.1.0.tgz","fileCount":10,"unpackedSize":21409,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIBrM57di71yD9HDYq5GjF4xkgiqdE5kaG4O1/Y09Z+etAiAHPQNWeIk38iTXfzLLt6MDT6ROwWmHLxyAQEfR+vyXGg=="}]},"_npmUser":{"name":"cuiguojie","email":"cuiguojie@me.com"},"directories":{},"maintainers":[{"name":"cuiguojie","email":"cuiguojie@me.com"},{"name":"charicexxuan","email":"xiaoxuan.chang@kanjian.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-agent-chat-input_0.1.0_1774250674469_0.33518746106609143"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-23T07:24:34.366Z","0.1.0":"2026-03-23T07:24:34.624Z","modified":"2026-03-23T07:24:34.879Z"},"maintainers":[{"name":"cuiguojie","email":"cuiguojie@me.com"},{"name":"charicexxuan","email":"xiaoxuan.chang@kanjian.com"}],"description":"Agent chat input component for DaFlow UI","keywords":["vue","ui","component","daflow"],"license":"MIT","readme":"# @daflow-ui/ui-agent-chat-input\n\nAgent / AI 对话场景输入组件。\n\n## Installation\n\n```bash\npnpm add @daflow-ui/ui-agent-chat-input\n```\n\n## Usage\n\n全局引入样式（在 `main.ts` 中）：\n\n```ts\nimport '@daflow-ui/ui-agent-chat-input/style.css';\n```\n\n在组件中使用：\n\n```vue\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { DfAgentChatInput, type ChatModelOption } from '@daflow-ui/ui-agent-chat-input';\n\nconst message = ref('');\nconst model = ref('gpt-4.1');\n\nconst models: ChatModelOption[] = [\n  { label: 'GPT-4.1', value: 'gpt-4.1' },\n  { label: 'GPT-4o-mini', value: 'gpt-4o-mini' }\n];\n</script>\n\n<template>\n  <DfAgentChatInput\n    v-model=\"message\"\n    v-model:model=\"model\"\n    :model-options=\"models\"\n    :min-rows=\"2\"\n    :max-rows=\"4\"\n    @submit=\"console.log\"\n  />\n</template>\n```\n\n## Public Surface\n\n- Props：`modelValue`、`model`、`modelOptions`、`minRows`、`maxRows`、`disabled`、`submitting`、`placeholder`\n- Emits：`update:modelValue`、`update:model`、`submit`\n- Slots：当前仅公开 `toolbar`，用于左侧辅助操作区扩展\n- 右侧主动作区中的发送按钮为组件内部固定能力，当前**不**作为公共 slot 对外开放\n- `submitting` 表示发送中 / 生成中状态；主动作会显示为 loading 态，但当前版本不提供 stop 交互\n- 内置模型选择器切换后会自动把焦点返回输入框；`toolbar` 插槽内的外部控件是否回焦由调用方自行决定\n\n## CSS Variables\n\n推荐业务侧仅覆写与品牌或页面风格直接相关的 token：\n\n- `--df-agent-chat-input-font-size`\n- `--df-agent-chat-input-line-height`\n- `--df-agent-chat-input-padding-x`\n- `--df-agent-chat-input-padding-y`\n- `--df-agent-chat-input-radius`\n- `--df-agent-chat-input-border-color`\n- `--df-agent-chat-input-bg`\n- `--df-agent-chat-input-text-color`\n- `--df-agent-chat-input-placeholder-color`\n- `--df-agent-chat-input-focus-border-color`\n- `--df-agent-chat-input-submit-size`\n- `--df-agent-chat-input-submit-radius`\n\n输入框高度由 `minRows` / `maxRows` 结合行高动态计算，不提供独立的高度 CSS 变量。\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-5e5a359d4ef968e9b705dd9b75d576dd"}