Skip to content

share

NPM version

Platform Support

Platform Support

介绍:

分享插件

Reference

Method

  • canShare

    是否可以分享

ts
import { 
sharePlugin
} from "@plaoc/plugins";
await
sharePlugin
.
canShare
();
  • share

    调用系统分享

ts
import { 
sharePlugin
, type ShareOptions } from "@plaoc/plugins";
await
sharePlugin
.
share
(options: ShareOptions);

Parameter

  • ShareOptions

    分享参数

ts
import type { ShareOptions, ImageBlobOptions } from "@plaoc/plugins";
const 
imageOptions
: ImageBlobOptions = {
type
: "",
quality
: 0.8
}; const
options
: ShareOptions = {
title
: "",
text
: "",
url
: "",
file
:
File
,
files
:
FileList
,
imageBlobOptions
:
imageOptions
};

Usage Plugins

vue
<script setup lang="ts">
import { 
sharePlugin
, type ShareOptions } from "@plaoc/plugins";
const
shareData
: ShareOptions = {
title
: "分享标题🍉",
text
: "分享文字分享文字",
url
: "https://gpt.waterbang.top",
files
:
undefined
,
}; async function
shareHandle
() {
const
result
= await
sharePlugin
.
share
(
shareData
);
} </script>

Usage WebComponent

vue
<script setup lang="ts">
import { 
reactive
,
ref
} from "vue";
import {
HTMLDwebShareElement
} from "@plaoc/plugins";
const
shareData
=
reactive
({
title
: "分享标题🍉",
text
: "分享文字分享文字",
url
: "https://gpt.waterbang.top",
files
: null as FileList | null,
}); const
$sharePlugin
=
ref
<
HTMLDwebShareElement
>();
const
fileChange
= (
$event
: Event) => {
const
target
=
$event
.
target
as HTMLInputElement;
if (
target
&&
target
.
files
?.[0]) {
shareData
.
files
=
target
.
files
;
} }; async function
shareHandle
() {
const
share
=
$sharePlugin
.
value
!
const
result
= await
share
.
share
(
shareData
as unknown as
ShareOptions
);
} </script> <template> <
dweb-share
ref
="
$sharePlugin
"></
dweb-share
>
<
input
type
="file" @
change
="
fileChange
(
$event
)" />
<
button
@
click
="
shareHandle
">Share</
button
>
</template>

基于 MIT 许可发布