quickwin 1.0.2 → 1.1.0

package/examples/test_react_lazy.tsx

@@ -1,63 +1,63 @@
-import '../lib/polyfill.js'
-import * as gui from 'gui'
-import { Suspense, lazy, useState } from 'react'
-import { render } from '../lib/react-qw/index.js'
-
-gui.RegisterClass('LazyTest', (hwnd, msg, wParam, lParam) => {
-  if (!hwnd) return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-  if (msg === gui.WmMsg.DESTROY) {
-    gui.PostQuitMessage(0)
-    return 0
-  }
-  return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-})
-
-function SimpleComponent() {
-  return (
-    <w type="STATIC" text="Hello from lazy component!"
-      ws={gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE}
-      style={{width:300, height:30}} />
-  )
-}
-
-const LazySimple = lazy(async () => {
-  await new Promise(r => setTimeout(r, 500, undefined))
-  return { default: SimpleComponent }
-})
-
-function App() {
-  const [show, setShow] = useState(false)
-  return (
-    <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
-      style={{flexDirection:'column', padding:10, gap:10, flexGrow:1}}>
-      <w type="BUTTON"
-        text={show ? 'Hide Lazy' : 'Show Lazy'}
-        ws={gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE}
-        style={{width:150, height:30}}
-        onEvent={(e: { msg: number; wParam: number; lParam: number }) => {
-          if (e.msg === 0x0202) setShow(!show)
-        }}
-      />
-      {show && (
-        <Suspense fallback={
-          <w type="STATIC" text="Loading..."
-            ws={gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE}
-            style={{width:200, height:30}} />
-        }>
-          <LazySimple />
-        </Suspense>
-      )}
-    </w>
-  )
-}
-
-const hwnd = gui.CreateWindow(
-  'LazyTest', 'React.lazy Test',
-  gui.WindowStyle.OVERLAPPEDWINDOW,
-  200, 200, 400, 300, null, null
-)
-
-if (hwnd) {
-  gui.ShowWindow(hwnd)
-  render(<App />, hwnd)
-}
+import '../lib/polyfill.js'
+import * as gui from 'gui'
+import { Suspense, lazy, useState } from 'react'
+import { render } from '../lib/react-qw/index.js'
+
+gui.RegisterClass('LazyTest', (hwnd, msg, wParam, lParam) => {
+  if (!hwnd) return gui.DefWindowProc(hwnd, msg, wParam, lParam)
+  if (msg === gui.WmMsg.DESTROY) {
+    gui.PostQuitMessage(0)
+    return 0
+  }
+  return gui.DefWindowProc(hwnd, msg, wParam, lParam)
+})
+
+function SimpleComponent() {
+  return (
+    <w type="STATIC" text="Hello from lazy component!"
+      ws={gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE}
+      style={{width:300, height:30}} />
+  )
+}
+
+const LazySimple = lazy(async () => {
+  await new Promise(r => setTimeout(r, 500, undefined))
+  return { default: SimpleComponent }
+})
+
+function App() {
+  const [show, setShow] = useState(false)
+  return (
+    <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
+      style={{flexDirection:'column', padding:10, gap:10, flexGrow:1}}>
+      <w type="BUTTON"
+        text={show ? 'Hide Lazy' : 'Show Lazy'}
+        ws={gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE}
+        style={{width:150, height:30}}
+        onEvent={(e: { msg: number; wParam: number; lParam: number }) => {
+          if (e.msg === 0x0202) setShow(!show)
+        }}
+      />
+      {show && (
+        <Suspense fallback={
+          <w type="STATIC" text="Loading..."
+            ws={gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE}
+            style={{width:200, height:30}} />
+        }>
+          <LazySimple />
+        </Suspense>
+      )}
+    </w>
+  )
+}
+
+const hwnd = gui.CreateWindow(
+  'LazyTest', 'React.lazy Test',
+  gui.WindowStyle.OVERLAPPEDWINDOW,
+  200, 200, 400, 300, null, null
+)
+
+if (hwnd) {
+  gui.ShowWindow(hwnd)
+  render(<App />, hwnd)
+}

package/examples/test_react_listbox.tsx

@@ -1,71 +1,71 @@
-import '../lib/polyfill.js'
-import * as gui from 'gui'
-import { useState } from 'react'
-import { render, ListBox } from '../lib/react-qw/index.js'
-
-let itemCounter = 10
-
-function App() {
-  const [items, setItems] = useState(() => {
-    const a: string[] = []
-    for (let i = 0; i < 10; i++) a.push(`Item ${i}`)
-    return a
-  })
-  const [selectedText, setSelectedText] = useState('none')
-  const [selIndex, setSelIndex] = useState(0)
-
-  return (
-    <w
-      type="STATIC"
-      ws={gui.WindowStyle.VISIBLE}
-      style={{ width: 400, height: 500, flexDirection: 'column', alignItems: 'flex-start' }}
-    >
-      <w
-        type="STATIC"
-        ws={gui.WindowStyle.VISIBLE}
-        style={{ flexDirection: 'row', width: 400, height: 26 }}
-      >
-        <w
-          type="BUTTON"
-          text="Add Item"
-          ws={gui.WindowStyle.VISIBLE}
-          style={{ width: 80, height: 26 }}
-          onEvent={(e) => {
-            if (e.msg === gui.WmMsg.LBUTTONDOWN) {
-              setItems(prev => [...prev, `Item ${itemCounter++}`])
-            }
-          }}
-        />
-        <w
-          type="STATIC"
-          text={`Selected[${selIndex}]: ${selectedText}`}
-          ws={gui.WindowStyle.VISIBLE}
-          style={{ width: 200, height: 26 }}
-        />
-      </w>
-      <ListBox
-        items={items}
-        selectedIndex={selIndex}
-        onChange={(i) => {
-          setSelIndex(i)
-          setSelectedText(items[i]!)
-        }}
-        style={{ flexGrow: 1, alignSelf: 'stretch' }}
-      />
-    </w>
-  )
-}
-
-gui.RegisterClass('ListBoxDemo', (hwnd, msg, wParam, lParam) => {
-  if (!hwnd) return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-  if (msg === gui.WmMsg.CREATE) {
-    render(<App />, hwnd)
-    return 0
-  }
-  // WM_COMMAND 现在由 ListBox wrapper 通过 onEvent 处理
-  return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-})
-
-const hwnd = gui.CreateWindow('ListBoxDemo', 'ListBox Demo',
-  gui.WindowStyle.OVERLAPPEDWINDOW, 200, 100, 400, 500, null, null)
-if (hwnd) gui.ShowWindow(hwnd)
+import '../lib/polyfill.js'
+import * as gui from 'gui'
+import { useState } from 'react'
+import { render, ListBox } from '../lib/react-qw/index.js'
+
+let itemCounter = 10
+
+function App() {
+  const [items, setItems] = useState(() => {
+    const a: string[] = []
+    for (let i = 0; i < 10; i++) a.push(`Item ${i}`)
+    return a
+  })
+  const [selectedText, setSelectedText] = useState('none')
+  const [selIndex, setSelIndex] = useState(0)
+
+  return (
+    <w
+      type="STATIC"
+      ws={gui.WindowStyle.VISIBLE}
+      style={{ width: 400, height: 500, flexDirection: 'column', alignItems: 'flex-start' }}
+    >
+      <w
+        type="STATIC"
+        ws={gui.WindowStyle.VISIBLE}
+        style={{ flexDirection: 'row', width: 400, height: 26 }}
+      >
+        <w
+          type="BUTTON"
+          text="Add Item"
+          ws={gui.WindowStyle.VISIBLE}
+          style={{ width: 80, height: 26 }}
+          onEvent={(e) => {
+            if (e.msg === gui.WmMsg.LBUTTONDOWN) {
+              setItems(prev => [...prev, `Item ${itemCounter++}`])
+            }
+          }}
+        />
+        <w
+          type="STATIC"
+          text={`Selected[${selIndex}]: ${selectedText}`}
+          ws={gui.WindowStyle.VISIBLE}
+          style={{ width: 200, height: 26 }}
+        />
+      </w>
+      <ListBox
+        items={items}
+        selectedIndex={selIndex}
+        onChange={(i) => {
+          setSelIndex(i)
+          setSelectedText(items[i]!)
+        }}
+        style={{ flexGrow: 1, alignSelf: 'stretch' }}
+      />
+    </w>
+  )
+}
+
+gui.RegisterClass('ListBoxDemo', (hwnd, msg, wParam, lParam) => {
+  if (!hwnd) return gui.DefWindowProc(hwnd, msg, wParam, lParam)
+  if (msg === gui.WmMsg.CREATE) {
+    render(<App />, hwnd)
+    return 0
+  }
+  // WM_COMMAND 现在由 ListBox wrapper 通过 onEvent 处理
+  return gui.DefWindowProc(hwnd, msg, wParam, lParam)
+})
+
+const hwnd = gui.CreateWindow('ListBoxDemo', 'ListBox Demo',
+  gui.WindowStyle.OVERLAPPEDWINDOW, 200, 100, 400, 500, null, null)
+if (hwnd) gui.ShowWindow(hwnd)

package/examples/test_root_window.tsx

@@ -1,41 +1,41 @@
-import '../lib/polyfill.js'
-import { useState } from 'react'
-import { Button, Input, createRoot } from '../lib/react-qw/index.js'
-import * as gui from 'gui'
-
-function Counter() {
-  const [count, setCount] = useState(0)
-  return (
-    <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
-      style={{ flexDirection: 'column', gap: 8, flexGrow: 1 }}>
-      <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
-        style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-        <Button onClick={() => setCount(c => c + 1)}>Count: {count}</Button>
-        <Button onClick={() => setCount(0)}>Reset</Button>
-      </w>
-      <Input placeholder="Type something..." />
-      <w type="STATIC" text={`You clicked ${count} times`} />
-    </w>
-  )
-}
-
-function Logger() {
-  const [logs, setLogs] = useState<string[]>([])
-  const add = () => setLogs(prev => [...prev, `log ${prev.length + 1}`])
-  return (
-    <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
-      style={{ flexDirection: 'column', gap: 8, flexGrow: 1 }}>
-      <Button onClick={add}>Add Log</Button>
-      <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
-        style={{ flexDirection: 'column', gap: 4, flexGrow: 1 }}>
-        {logs.map((l, i) => <w key={String(i)} type="STATIC" text={l} />)}
-      </w>
-    </w>
-  )
-}
-
-const win1 = createRoot({ text: 'Counter', x: 100, y: 100, width: 420, height: 340 })
-win1.render(<Counter />)
-
-const win2 = createRoot({ text: 'Logger', x: 550, y: 100, width: 420, height: 340 })
-win2.render(<Logger />)
+import '../lib/polyfill.js'
+import { useState } from 'react'
+import { Button, Input, createRoot } from '../lib/react-qw/index.js'
+import * as gui from 'gui'
+
+function Counter() {
+  const [count, setCount] = useState(0)
+  return (
+    <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
+      style={{ flexDirection: 'column', gap: 8, flexGrow: 1 }}>
+      <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
+        style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+        <Button onClick={() => setCount(c => c + 1)}>Count: {count}</Button>
+        <Button onClick={() => setCount(0)}>Reset</Button>
+      </w>
+      <Input placeholder="Type something..." />
+      <w type="STATIC" text={`You clicked ${count} times`} />
+    </w>
+  )
+}
+
+function Logger() {
+  const [logs, setLogs] = useState<string[]>([])
+  const add = () => setLogs(prev => [...prev, `log ${prev.length + 1}`])
+  return (
+    <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
+      style={{ flexDirection: 'column', gap: 8, flexGrow: 1 }}>
+      <Button onClick={add}>Add Log</Button>
+      <w type="STATIC" ws={gui.WindowStyle.VISIBLE}
+        style={{ flexDirection: 'column', gap: 4, flexGrow: 1 }}>
+        {logs.map((l, i) => <w key={String(i)} type="STATIC" text={l} />)}
+      </w>
+    </w>
+  )
+}
+
+const win1 = createRoot({ text: 'Counter', x: 100, y: 100, width: 420, height: 340 })
+win1.render(<Counter />)
+
+const win2 = createRoot({ text: 'Logger', x: 550, y: 100, width: 420, height: 340 })
+win2.render(<Logger />)

package/examples/test_tab.tsx

@@ -1,75 +1,75 @@
-import '../lib/polyfill.js'
-import * as gui from 'gui'
-import { useState } from 'react'
-import { render, Button, Tab } from '../lib/react-qw/index.js'
-
-gui.RegisterClass('TabDemo', (hwnd, msg, wParam, lParam) => {
-  if (!hwnd) return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-  if (msg === gui.WmMsg.DESTROY) {
-    gui.PostQuitMessage(0)
-    return 0
-  }
-  return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-})
-
-function App() {
-  const [tabIndex, setTabIndex] = useState(0)
-
-  return (
-    <w type="STATIC"
-      ws={gui.WindowStyle.VISIBLE}
-      style={{ flexDirection: 'column', width: 600, height: 400, padding: 10 }}
-    >
-      <Tab
-        tabs={[
-          {
-            title: 'Counter',
-            content: (
-              <w type="STATIC" 
-              ws={gui.WindowStyle.VISIBLE | gui.WindowStyle.CLIPCHILDREN} 
-               style={{ flexDirection: 'column', gap: 10, padding: 10, width: 580, height: 300 }}>
-                <Button onClick={() => setTabIndex(1)}>Go to Tab 2</Button>
-              </w>
-            ),
-          },
-          {
-            title: 'Buttons',
-            content: (
-              <w type="STATIC"
-              ws={gui.WindowStyle.VISIBLE | gui.WindowStyle.CLIPCHILDREN} 
-               style={{ flexDirection: 'row', gap: 10, padding: 10, width: 580, height: 300, alignItems: 'stretch' }}>
-                <Button onClick={() => setTabIndex(2)}>Go to Tab 3</Button>
-                <Button onClick={() => setTabIndex(0)} style={{ width: 120 }}>Back</Button>
-              </w>
-            ),
-          },
-          {
-            title: 'Final',
-            content: (
-              <w type="STATIC"
-              ws={gui.WindowStyle.VISIBLE | gui.WindowStyle.CLIPCHILDREN} 
-              style={{ flexDirection: 'column', gap: 10, padding: 10, width: 580, height: 300 }}>
-                <Button onClick={() => setTabIndex(0)}>Back to Tab 1</Button>
-                <Button onClick={() => setTabIndex(1)}>Back to Tab 2</Button>
-              </w>
-            ),
-          },
-        ]}
-        style={{ flexGrow: 1 }}
-        selectedIndex={tabIndex}
-        onChange={(i) => setTabIndex(i)}
-      />
-    </w>
-  )
-}
-
-const hwnd = gui.CreateWindow(
-  'TabDemo', 'Tab Demo',
-  gui.WindowStyle.OVERLAPPEDWINDOW,
-  100, 100, 640, 480, null, null
-)
-
-if (hwnd) {
-  gui.ShowWindow(hwnd)
-  render(<App />, hwnd)
-}
+import '../lib/polyfill.js'
+import * as gui from 'gui'
+import { useState } from 'react'
+import { render, Button, Tab } from '../lib/react-qw/index.js'
+
+gui.RegisterClass('TabDemo', (hwnd, msg, wParam, lParam) => {
+  if (!hwnd) return gui.DefWindowProc(hwnd, msg, wParam, lParam)
+  if (msg === gui.WmMsg.DESTROY) {
+    gui.PostQuitMessage(0)
+    return 0
+  }
+  return gui.DefWindowProc(hwnd, msg, wParam, lParam)
+})
+
+function App() {
+  const [tabIndex, setTabIndex] = useState(0)
+
+  return (
+    <w type="STATIC"
+      ws={gui.WindowStyle.VISIBLE}
+      style={{ flexDirection: 'column', width: 600, height: 400, padding: 10 }}
+    >
+      <Tab
+        tabs={[
+          {
+            title: 'Counter',
+            content: (
+              <w type="STATIC" 
+              ws={gui.WindowStyle.VISIBLE | gui.WindowStyle.CLIPCHILDREN} 
+               style={{ flexDirection: 'column', gap: 10, padding: 10, width: 580, height: 300 }}>
+                <Button onClick={() => setTabIndex(1)}>Go to Tab 2</Button>
+              </w>
+            ),
+          },
+          {
+            title: 'Buttons',
+            content: (
+              <w type="STATIC"
+              ws={gui.WindowStyle.VISIBLE | gui.WindowStyle.CLIPCHILDREN} 
+               style={{ flexDirection: 'row', gap: 10, padding: 10, width: 580, height: 300, alignItems: 'stretch' }}>
+                <Button onClick={() => setTabIndex(2)}>Go to Tab 3</Button>
+                <Button onClick={() => setTabIndex(0)} style={{ width: 120 }}>Back</Button>
+              </w>
+            ),
+          },
+          {
+            title: 'Final',
+            content: (
+              <w type="STATIC"
+              ws={gui.WindowStyle.VISIBLE | gui.WindowStyle.CLIPCHILDREN} 
+              style={{ flexDirection: 'column', gap: 10, padding: 10, width: 580, height: 300 }}>
+                <Button onClick={() => setTabIndex(0)}>Back to Tab 1</Button>
+                <Button onClick={() => setTabIndex(1)}>Back to Tab 2</Button>
+              </w>
+            ),
+          },
+        ]}
+        style={{ flexGrow: 1 }}
+        selectedIndex={tabIndex}
+        onChange={(i) => setTabIndex(i)}
+      />
+    </w>
+  )
+}
+
+const hwnd = gui.CreateWindow(
+  'TabDemo', 'Tab Demo',
+  gui.WindowStyle.OVERLAPPEDWINDOW,
+  100, 100, 640, 480, null, null
+)
+
+if (hwnd) {
+  gui.ShowWindow(hwnd)
+  render(<App />, hwnd)
+}

package/examples/tray_demo.tsx

@@ -1,81 +1,81 @@
-import * as gui from 'gui'
-import * as std from 'std'
-
-const WM_TRAY = 0x8001
-
-gui.RegisterClass('TrayApp', (hwnd, msg, wParam, lParam) => {
-    if (msg === WM_TRAY) {
-        const evt = lParam
-        if (evt === 0x0201) { // WM_LBUTTONDOWN
-            gui.ShowWindow(hwnd, 5) // SW_SHOW
-            gui.SetForegroundWindow(hwnd)
-        } else if (evt === 0x0204 || evt === 0x007B) { // WM_RBUTTONDOWN or WM_CONTEXTMENU
-            gui.SetForegroundWindow(hwnd)
-            const pos = gui.GetCursorPos()
-            const x = pos ? pos[0] : 0
-            const y = pos ? pos[1] : 0
-            const hMenu = gui.CreatePopupMenu()
-            if (hMenu) {
-                gui.AppendMenu(hMenu, 0, 1, '显示窗口')
-                gui.AppendMenu(hMenu, 0x0800, 0, '')
-                gui.AppendMenu(hMenu, 0, 2, '退出')
-                const cmd = gui.TrackPopupMenu(hMenu, x, y, undefined, hwnd)
-                gui.DestroyMenu(hMenu)
-                if (cmd === 1) {
-                    gui.ShowWindow(hwnd, 5) // SW_SHOW
-                } else if (cmd === 2) {
-                    gui.ShellNotifyIcon(gui.NotifyIconCmd.DELETE, { hwnd, uID: 1 })
-                    gui.PostQuitMessage(0)
-                }
-            }
-        }
-        return 0
-    }
-    if (msg === gui.WmMsg.CLOSE) {
-        gui.ShowWindow(hwnd, 0) // SW_HIDE
-        return 0
-    }
-    return gui.DefWindowProc(hwnd, msg, wParam, lParam)
-})
-
-// 创建窗口
-const W = 500, H = 400
-const scr = gui.GetScreenSize()
-const x = (scr[0] - W) >> 1
-const y = (scr[1] - H) >> 1
-const hwnd = gui.CreateWindow('TrayApp', '系统托盘示例', gui.WindowStyle.OVERLAPPEDWINDOW, x, y, W, H, null, null)
-if (!hwnd) std.exit(0)
-gui.ShowWindow(hwnd)
-
-// 添加说明文字
-const ES_MULTILINE = 0x0004
-const ES_READONLY = 0x0800
-const style = gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE | ES_MULTILINE | ES_READONLY
-const text = gui.CreateWindow('EDIT',
-    'QuickWin 系统托盘示例\r\n'
-    + '\r\n'
-    + '右键点击托盘图标打开上下文菜单。\r\n'
-    + '关闭此窗口将隐藏到托盘。\r\n'
-    + '从菜单中选择"显示窗口"恢复窗口，"退出"结束程序。',
-    style, 15, 15, W - 30, H - 70, hwnd, null)
-if (text) {
-    const font = gui.CreateSystemDpiFont()
-    if (font)
-        gui.SendMessage(text, gui.WmMsg.SETFONT, font, 1)
-}
-
-let hIcon = gui.LoadAppIcon()
-if (!hIcon) hIcon = gui.LoadImage(null, gui.IDI.APPLICATION, gui.ImageType.ICON, 0, 0, gui.LoadImageFlag.SHARED)
-if (hIcon) {
-    const ok = gui.ShellNotifyIcon(gui.NotifyIconCmd.ADD, {
-        hwnd: hwnd, uID: 1,
-        flags: gui.NotifyIconFlag.MESSAGE | gui.NotifyIconFlag.ICON,
-        callbackMessage: WM_TRAY,
-        hIcon,
-    })
-    std.out.printf('tray icon %s\n', ok ? 'added' : 'FAILED')
-    std.out.flush()
-} else {
-    std.out.printf('failed to load icon\n')
-    std.out.flush()
-}
+import * as gui from 'gui'
+import * as std from 'std'
+
+const WM_TRAY = 0x8001
+
+gui.RegisterClass('TrayApp', (hwnd, msg, wParam, lParam) => {
+    if (msg === WM_TRAY) {
+        const evt = lParam
+        if (evt === 0x0201) { // WM_LBUTTONDOWN
+            gui.ShowWindow(hwnd, 5) // SW_SHOW
+            gui.SetForegroundWindow(hwnd)
+        } else if (evt === 0x0204 || evt === 0x007B) { // WM_RBUTTONDOWN or WM_CONTEXTMENU
+            gui.SetForegroundWindow(hwnd)
+            const pos = gui.GetCursorPos()
+            const x = pos ? pos[0] : 0
+            const y = pos ? pos[1] : 0
+            const hMenu = gui.CreatePopupMenu()
+            if (hMenu) {
+                gui.AppendMenu(hMenu, 0, 1, '显示窗口')
+                gui.AppendMenu(hMenu, 0x0800, 0, '')
+                gui.AppendMenu(hMenu, 0, 2, '退出')
+                const cmd = gui.TrackPopupMenu(hMenu, x, y, undefined, hwnd)
+                gui.DestroyMenu(hMenu)
+                if (cmd === 1) {
+                    gui.ShowWindow(hwnd, 5) // SW_SHOW
+                } else if (cmd === 2) {
+                    gui.ShellNotifyIcon(gui.NotifyIconCmd.DELETE, { hwnd, uID: 1 })
+                    gui.PostQuitMessage(0)
+                }
+            }
+        }
+        return 0
+    }
+    if (msg === gui.WmMsg.CLOSE) {
+        gui.ShowWindow(hwnd, 0) // SW_HIDE
+        return 0
+    }
+    return gui.DefWindowProc(hwnd, msg, wParam, lParam)
+})
+
+// 创建窗口
+const W = 500, H = 400
+const scr = gui.GetScreenSize()
+const x = (scr[0] - W) >> 1
+const y = (scr[1] - H) >> 1
+const hwnd = gui.CreateWindow('TrayApp', '系统托盘示例', gui.WindowStyle.OVERLAPPEDWINDOW, x, y, W, H, null, null)
+if (!hwnd) std.exit(0)
+gui.ShowWindow(hwnd)
+
+// 添加说明文字
+const ES_MULTILINE = 0x0004
+const ES_READONLY = 0x0800
+const style = gui.WindowStyle.CHILD | gui.WindowStyle.VISIBLE | ES_MULTILINE | ES_READONLY
+const text = gui.CreateWindow('EDIT',
+    'QuickWin 系统托盘示例\r\n'
+    + '\r\n'
+    + '右键点击托盘图标打开上下文菜单。\r\n'
+    + '关闭此窗口将隐藏到托盘。\r\n'
+    + '从菜单中选择"显示窗口"恢复窗口，"退出"结束程序。',
+    style, 15, 15, W - 30, H - 70, hwnd, null)
+if (text) {
+    const font = gui.CreateSystemDpiFont()
+    if (font)
+        gui.SendMessage(text, gui.WmMsg.SETFONT, font, 1)
+}
+
+let hIcon = gui.LoadAppIcon()
+if (!hIcon) hIcon = gui.LoadImage(null, gui.IDI.APPLICATION, gui.ImageType.ICON, 0, 0, gui.LoadImageFlag.SHARED)
+if (hIcon) {
+    const ok = gui.ShellNotifyIcon(gui.NotifyIconCmd.ADD, {
+        hwnd: hwnd, uID: 1,
+        flags: gui.NotifyIconFlag.MESSAGE | gui.NotifyIconFlag.ICON,
+        callbackMessage: WM_TRAY,
+        hIcon,
+    })
+    std.out.printf('tray icon %s\n', ok ? 'added' : 'FAILED')
+    std.out.flush()
+} else {
+    std.out.printf('failed to load icon\n')
+    std.out.flush()
+}