40760aa884
- server:Go 网关(WS 流式识别中继/计费配额/微信登录支付 mock/反馈/埋点),gummy provider 已真实联调 - desktop:Tauri 2(全局快捷键 push-to-talk/浮层/托盘/设置/登录购买/反馈/首启引导) - android:Compose 主 App + IME(键盘内录音直传) - ios:App + 键盘扩展(1A spike 实证键盘内不可录音,走 deep link 听写) - design/design-pipeline:设计系统 + token 导出 iOS/Android 主题 - doc:前后端设计文档(HTML);web:官网宣传页;todo:任务看板 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
27 lines
1.1 KiB
React
27 lines
1.1 KiB
React
const ddInputCss = `
|
|
.dd-input {
|
|
display: block; width: 100%; box-sizing: border-box;
|
|
height: var(--control-md); padding: 0 12px;
|
|
font-family: var(--font-sans); font-size: var(--text-base); color: var(--text-1);
|
|
background: var(--surface-card); border: 1px solid var(--border-2);
|
|
border-radius: var(--radius-sm);
|
|
transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
|
|
}
|
|
.dd-input::placeholder { color: var(--text-3); }
|
|
.dd-input:hover { border-color: var(--gray-400); }
|
|
.dd-input:focus { outline: none; border-color: var(--accent); box-shadow: var(--focus-ring); }
|
|
.dd-input[disabled] { opacity: 0.45; pointer-events: none; }
|
|
.dd-input--lg { height: var(--control-lg); font-size: var(--text-md); border-radius: var(--radius-sm); }
|
|
`;
|
|
|
|
if (typeof document !== 'undefined' && !document.getElementById('dd-input-css')) {
|
|
const s = document.createElement('style');
|
|
s.id = 'dd-input-css';
|
|
s.textContent = ddInputCss;
|
|
document.head.appendChild(s);
|
|
}
|
|
|
|
export function Input({ size = 'md', style, ...rest }) {
|
|
return <input className={`dd-input${size === 'lg' ? ' dd-input--lg' : ''}`} style={style} {...rest} />;
|
|
}
|