原语（统一抽象层）

<button class="icen-btn icen-pressable icen-focus-ring">  <!-- 类组合，体积最小 --><button class="icen-btn">                  <!-- 自洽，CSS 引用 --icen-* 同一原语 -->

:root[data-icen-style="chinese"] {  --icen-press: scale(.995);  --icen-hover-border: var(--icen-token-line);  --icen-duration-normal: 240ms;  /* 全部组件自动获得安静的按压、边界与节奏 */}

import { initGestures, onIcen, setEventPolicy, emitIcen } from '@icen.ai/ui/behaviors/events';initGestures();   // 幂等，全局一次<!-- 任意容器开通手势（空格分隔） --><div class="icen-card" data-icen-gestures="click dblclick contextmenu text-select">…</div><!-- v0.10 新增 swipe（触屏滑动）：48px 阈值 + 主轴判定，不吞垂直滚动、与 click 消歧共存 --><div class="icen-card" data-icen-gestures="swipe" id="demo-swipe">左右滑动我</div><script>onIcen('icen:swipe-left',  (e) => { /* 下一张 */ }, { within: document.querySelector('#demo-swipe') });onIcen('icen:swipe-right', (e) => { /* 上一张 */ }, { within: document.querySelector('#demo-swipe') });</script><!-- carousel 组件在触屏（pointer: coarse）下自动开通滑动翻页，无需手写 --><!-- 触屏目标尺寸底线：pointer: coarse 下交互基元自动 ≥40px（WCAG 2.5.5 工程折中） -->// 绑定：一个入口，三种形态（类型安全，返回解绑函数）onIcen('icen:text-select', (e) => console.log('划词:', e.detail.text));onIcen('icen:chart-click', '.icen-chart', (e) => …);          // 选择器委托onIcen('icen:upload', (e) => …, { within: formEl });     // 子树限定// React：useEffect(() => onIcen('icen:tab-change', h), [])   // 直接 return// Vue：  onUnmounted(onIcen('icen:tab-change', h))// 策略层：一处赋予全站默认行为setEventPolicy('icen:contextmenu', (e) => openMyMenu(e.detail.x, e.detail.y));setEventPolicy('icen:dblclick', null);   // 禁用某类默认// 组件作者：派发自定义事件走唯一派生口（勿裸写 new CustomEvent）emitIcen(el, 'icen:my-change', { value });