iter(g143): 页签栏支持右侧操作区

apps/demo/main.ts

@@ -522,7 +522,11 @@ const content = h(
     'sec-tabs-modal',
     '标签页与弹窗',
     'tabs 滑动指示条 + 方向键切换（←→），禁用页签置灰，closable 页签带 ×（聚焦后 Delete 也能关，关闭只回调、由数据源摘除后重绘）；modal 支持 Esc / 遮罩 / × 关闭（closeOnOverlay: false 时点遮罩不关、防填一半误触），弹窗内的下拉展开时 Esc 先收下拉、再按才关弹窗（逐层关闭）。',
-    tabs({ tabs: [{ value: 'a', label: '概览' }, { value: 'b', label: '明细' }, { value: 'c', label: '设置' }, { value: 'd', label: '已停用', disabled: true }], active: activeTab }),
+    tabs({
+      tabs: [{ value: 'a', label: '概览' }, { value: 'b', label: '明细' }, { value: 'c', label: '设置' }, { value: 'd', label: '已停用', disabled: true }],
+      active: activeTab,
+      extra: button({ label: '新建页签', variant: 'ghost', onClick: () => toast.info('右侧操作区与页签同一行') }), // extra 放页签栏右侧
+    }),
     h('span', { class: 'out' }, () => `当前页签：${activeTab()}`),
     renderList(h('div', { class: 'row' }), () => {
       const items = closableTabs();