README.CN.md

@@ -54,6 +54,8 @@ npm i omi
 - 入门套件 (未发布到 npm)
   - [`omi-starter-ts`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-ts) - 基于Vite + Omi + TypeScript 的模板。
   - [`omi-starter-js`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-js) - 基于Vite + Omi + JavaScript 的模板。
+- Components
+  - [`tdesign-icons-omi`](https://github.com/omijs/tdesign-icons) - 基于 TDesign 和 Omi 的跨框架 icon 集合。
 - 综合性例子 (未发布到 npm)
   - [`snake-game-2tier`](https://github.com/Tencent/omi/tree/master/packages/snake-game-2tier) - 基于 Omi `Signal` class 两层架构的贪吃蛇游戏。
   - [`snake-game-3tier`](https://github.com/Tencent/omi/tree/master/packages/snake-game-3tier) - 基于 Omi 响应是函数三层架构的贪吃蛇游戏。

README.md

@@ -53,6 +53,8 @@ npm i omi
 - Starter kits (not published to npm)
   - [`omi-starter-ts`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-ts) - A starter repo for building web app or reusable components using Omi in TypeScript base on Vite.
   - [`omi-starter-js`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-js) - A starter repo for building web app or reusable components using Omi in JavaScript base on Vite.
+- Components
+  - [`tdesign-icons-omi`](https://github.com/omijs/tdesign-icons) - Cross framework icon collection based on tdesign design architecture and omi.
 - Examples (not published to npm)
   - [`snake-game-2tier`](https://github.com/Tencent/omi/tree/master/packages/snake-game-2tier) - SNake Game with `Signal` class
   - [`snake-game-3tier`](https://github.com/Tencent/omi/tree/master/packages/snake-game-3tier) - SNake Game with reactivity functions

packages/omi/README.md

@@ -51,6 +51,8 @@ npm i omi
 - Starter kits (not published to npm)
   - [`omi-starter-ts`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-ts) - A starter repo for building web app or reusable components using Omi in TypeScript base on Vite.
   - [`omi-starter-js`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-js) - A starter repo for building web app or reusable components using Omi in JavaScript base on Vite.
+- Components
+  - [`tdesign-icons-omi`](https://github.com/omijs/tdesign-icons) - Cross framework icon collection based on tdesign design architecture and omi.
 - Examples (not published to npm)
   - [`snake-game-2tier`](https://github.com/Tencent/omi/tree/master/packages/snake-game-2tier) - SNake Game with `Signal` class
   - [`snake-game-3tier`](https://github.com/Tencent/omi/tree/master/packages/snake-game-3tier) - SNake Game with reactivity functions

packages/omi/examples/main.tsx

@@ -2,6 +2,9 @@ switch (location.hash) {
   case '#base':
     import('./base')
     break
+  case '#tdesign-icons-omi':
+    import('./tdesign-icons-omi')
+    break
   case '#signal':
     import('./signal')
     break

packages/omi/examples/tdesign-icons-omi.tsx

@@ -0,0 +1,31 @@
+import { render, signal, tag, Component, h } from '@/index'
+
+import 'tdesign-icons-omi/add-rectangle'
+import 'tdesign-icons-omi/minus-rectangle'
+
+const count = signal(0)
+
+function add() {
+  count.value++
+}
+
+function sub() {
+  count.value--
+}
+
+@tag('counter-demo')
+class CounterDemo extends Component {
+  static css = 'span { color: red; }'
+
+  render() {
+    return (
+      <>
+        <t-icon-minus-rectangle onClick={sub} />
+        <span>{count.value}</span>
+        <t-icon-add-rectangle onClick={add} />
+      </>
+    )
+  }
+}
+
+render(<counter-demo />, document.body)