https://github.com/bioforestchain/bfsa-plugin-typed
bfsa plugin typings
https://github.com/bioforestchain/bfsa-plugin-typed
Last synced: 4 months ago
JSON representation
bfsa plugin typings
- Host: GitHub
- URL: https://github.com/bioforestchain/bfsa-plugin-typed
- Owner: BioforestChain
- License: apache-2.0
- Created: 2022-11-09T09:44:09.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-15T08:13:08.000Z (over 3 years ago)
- Last Synced: 2024-12-28T15:46:13.229Z (about 1 year ago)
- Language: TypeScript
- Size: 18.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# bfsa-plugin-typed
### 用于@bfsx/plugin组件类型安全
> 具体@bfsx/plugin组件内容可以看 [组件文档](https://docs.plaoc.com/plugin/)
#### vue3使用
> npm i @bfsx/plugin-typed-vue --save
```vue
import { BfcsTopBar } from "@bfsx/plugin";
import { DwebTopBar } from "@bfsx/plugin-typed-vue";
const topbar = document.querySelector<BfcsTopBar>("dweb-top-bar");
const title = "vue3";
```
#### react使用
> npm i @bfsx/plugin-typed-react --save
```tsx
import { useEffect } from "react";
import { BfcsTopBar, BfcsTopBarButton } from "@bfsx/plugin";
import "@bfsx/plugin-typed-react";
function App() {
useEffect(() => {
// onClick事件无效，只能通过下面的方式监听click事件
const ccc = document.querySelector("#ccc")!;
ccc.addEventListener("click", () => {
console.log("点击事件");
});
});
return (
)
}
```
#### preact使用
> npm i @bfsx/plugin-typed-preact --save
```tsx
import { BfcsTopBar } from "@bfsx/plugin";
import "@bfsx/plugin-typed-preact";
function App() {
return (
)
}
```