2023-07-21 19:13:51 +08:00
|
|
|
/**
|
|
|
|
* {}
|
|
|
|
* @author yutent<yutent.io@gmail.com>
|
|
|
|
* @date 2023/07/20 14:19:13
|
|
|
|
*/
|
|
|
|
|
|
|
|
import 'es.shim'
|
2023-07-28 17:51:37 +08:00
|
|
|
import { html, css, Component } from 'wkit'
|
2023-07-21 19:13:51 +08:00
|
|
|
|
2023-07-28 17:51:37 +08:00
|
|
|
class App extends Component {
|
|
|
|
static props = {
|
|
|
|
input: '',
|
2023-07-31 17:09:27 +08:00
|
|
|
img: '',
|
|
|
|
content: ''
|
2023-07-28 17:51:37 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
static styles = css`
|
|
|
|
.output {
|
|
|
|
max-width: 100%;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
word-break: break-all;
|
|
|
|
}
|
|
|
|
`
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return html`
|
|
|
|
<button @click=${this.test1}>Test 1</button>
|
|
|
|
<button @click=${this.test2}>Test 2</button>
|
|
|
|
|
|
|
|
<a target="_blank" href="about:blank">打开控制台</a>
|
|
|
|
|
2023-07-31 17:09:27 +08:00
|
|
|
<div class="output">${this.content || 'loading...'}</div>
|
2023-07-28 17:51:37 +08:00
|
|
|
|
|
|
|
<input value=${this.input} />
|
2023-07-21 19:13:51 +08:00
|
|
|
|
2023-07-28 17:51:37 +08:00
|
|
|
<hr />
|
|
|
|
<button @click=${this.writeImage}>写图片到剪切板</button>
|
|
|
|
<button
|
|
|
|
@click=${async function () {
|
|
|
|
native.quit()
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
退出
|
|
|
|
</button>
|
|
|
|
<button @click=${this.createTray}>tray</button>
|
|
|
|
<button @click=${this.register}>screen</button>
|
2023-07-28 19:38:24 +08:00
|
|
|
<button
|
|
|
|
@click=${function () {
|
|
|
|
native.globalShortcut.unregisterAll(['<Ctrl>b', '<Ctrl>a'])
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
unregisterall
|
|
|
|
</button>
|
2023-07-31 17:09:27 +08:00
|
|
|
<button
|
|
|
|
@click=${async function () {
|
2023-08-01 15:25:13 +08:00
|
|
|
let data = await native.fs.read('/code/gtk/webkit/red.png', 'rb')
|
2023-07-31 17:09:27 +08:00
|
|
|
console.log(data)
|
2023-08-01 15:25:13 +08:00
|
|
|
// this.content = data
|
|
|
|
this.img = URL.createObjectURL(
|
|
|
|
new Blob([data], { type: 'image/png' })
|
|
|
|
)
|
2023-07-31 17:09:27 +08:00
|
|
|
}}
|
|
|
|
>
|
|
|
|
cat file
|
|
|
|
</button>
|
2023-08-01 15:25:13 +08:00
|
|
|
<button
|
|
|
|
@click=${async function () {
|
|
|
|
let data = await native.fs.list('/code/gtk/webkit/')
|
|
|
|
console.log(data)
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
list dir
|
|
|
|
</button>
|
2023-07-31 17:09:27 +08:00
|
|
|
<button
|
|
|
|
@click=${async function () {
|
|
|
|
await native.fs.write(
|
|
|
|
'/code/gtk/webkit/demo.txt',
|
|
|
|
'hello world 222\n'
|
|
|
|
)
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
echo >> file
|
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
@click=${async function () {
|
|
|
|
await native.fs.copy(
|
|
|
|
'/code/gtk/webkit/demo3.txt',
|
|
|
|
'/code/gtk/webkit/demo2.txt'
|
|
|
|
)
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
rename
|
|
|
|
</button>
|
2023-07-31 19:28:17 +08:00
|
|
|
<button
|
|
|
|
@click=${async function () {
|
2023-08-01 14:20:51 +08:00
|
|
|
native.notify({
|
|
|
|
title: 'hello',
|
|
|
|
icon: 'chrome',
|
|
|
|
callback() {
|
|
|
|
console.log('<><><><>, 通知被点击了')
|
|
|
|
}
|
|
|
|
})
|
2023-07-31 19:28:17 +08:00
|
|
|
}}
|
|
|
|
>
|
|
|
|
通知
|
|
|
|
</button>
|
2023-07-28 17:51:37 +08:00
|
|
|
<img style="width:100px;border:1px solid #09f;" src=${this.img} />
|
|
|
|
<textarea @paste=${this.pasteImg}></textarea>
|
2023-08-01 14:20:51 +08:00
|
|
|
<br />
|
|
|
|
<hr />
|
|
|
|
<input
|
|
|
|
type="file"
|
|
|
|
@change=${async function (ev) {
|
|
|
|
let file = ev.target.files[0]
|
|
|
|
let u8 = new Uint8Array(await file.arrayBuffer())
|
|
|
|
console.log(u8)
|
|
|
|
for (let i = 0; i <= u8.length; i += 2048) {
|
|
|
|
await native.fs.write(
|
|
|
|
'/code/gtk/webkit/demo.png',
|
|
|
|
Array.from(u8.slice(i, i + 2048)),
|
2023-08-01 15:25:13 +08:00
|
|
|
'wb'
|
2023-08-01 14:20:51 +08:00
|
|
|
)
|
|
|
|
}
|
|
|
|
}}
|
|
|
|
/>
|
2023-07-28 17:51:37 +08:00
|
|
|
`
|
|
|
|
}
|
|
|
|
|
|
|
|
async test1() {
|
|
|
|
let txt = await native.clipboard.readText()
|
|
|
|
console.log('<><><>', txt)
|
|
|
|
this.input = txt
|
|
|
|
}
|
|
|
|
|
|
|
|
async test2() {
|
|
|
|
native.clipboard.writeText('这是一段写进剪切板的文本')
|
|
|
|
}
|
|
|
|
|
|
|
|
async writeImage() {
|
2023-07-31 16:19:19 +08:00
|
|
|
let img = await native.image('/code/gtk/webkit/debian.png')
|
|
|
|
native.clipboard.writeImage(img)
|
|
|
|
// native.clipboard.writeImage('/code/gtk/webkit/red.png')
|
|
|
|
try {
|
|
|
|
this.img = URL.createObjectURL(await img.export())
|
|
|
|
} catch (err) {
|
|
|
|
alert(err)
|
|
|
|
}
|
2023-07-28 17:51:37 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
quit() {
|
|
|
|
native.quit()
|
|
|
|
}
|
|
|
|
|
|
|
|
createTray() {
|
|
|
|
native.tray()
|
|
|
|
}
|
|
|
|
|
|
|
|
async register() {
|
|
|
|
// console.log(await native.globalShortcut.enabled)
|
|
|
|
|
|
|
|
native.globalShortcut.register('<Ctrl>2', function () {
|
|
|
|
alert('<Ctrl>2被绑定了')
|
|
|
|
})
|
|
|
|
// console.log(await native.screen.getAllDisplays())
|
|
|
|
// console.log(await native.screen.getPrimaryDisplay())
|
|
|
|
}
|
|
|
|
|
|
|
|
async pasteImg(ev) {
|
|
|
|
let items = ev.clipboardData.items
|
2023-07-31 16:19:19 +08:00
|
|
|
// let items = ev.clipboardData.getData('image/png')
|
|
|
|
// let items = await navigator.clipboard.read()
|
|
|
|
// let img
|
|
|
|
|
|
|
|
console.log(items)
|
|
|
|
return
|
|
|
|
// for (let item of items) {
|
|
|
|
// if (item.types.includes('image/png')) {
|
|
|
|
// img = await item.getType('image/png')
|
|
|
|
// console.log(img)
|
|
|
|
// this.img = URL.createObjectURL(img)
|
|
|
|
// return
|
|
|
|
// }
|
|
|
|
// }
|
2023-07-28 17:51:37 +08:00
|
|
|
|
2023-07-31 16:19:19 +08:00
|
|
|
// let img = await window?.native?.clipboard?.readImage()
|
2023-07-28 17:51:37 +08:00
|
|
|
|
2023-07-31 16:19:19 +08:00
|
|
|
// console.log(img)
|
2023-07-28 17:51:37 +08:00
|
|
|
|
2023-07-31 16:19:19 +08:00
|
|
|
// if (img) {
|
|
|
|
// this.img = URL.createObjectURL(await img.export())
|
|
|
|
// }
|
2023-07-28 17:51:37 +08:00
|
|
|
|
|
|
|
for (let it of items) {
|
|
|
|
let file = it.getAsFile()
|
|
|
|
if (file) {
|
|
|
|
this.img = URL.createObjectURL(file)
|
|
|
|
break
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2023-07-21 19:13:51 +08:00
|
|
|
}
|
|
|
|
|
2023-07-28 17:51:37 +08:00
|
|
|
App.reg('app')
|