@uxda/appkit 4.2.82 → 4.2.84

package/src/scenarios/components/share-poster.md

@@ -1,273 +1,273 @@
-##### 组件说明：
-
-该组件是一个海报分享组件，调用者传入图片数据
-
-数据示例：
-
-[
-
-{
-
-    id:"10",
-
-    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-3.png",
-
-    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
-
-    qrH: 150,
-
-    qrW: 150,
-
-    qrX: 110,
-
-    qrY: 310,
-
-},
-
-{
-
-    id:"11",
-
-    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-1.png",
-
-    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
-
-    qrH: 150,
-
-    qrW: 150,
-
-    qrX: 110,
-
-    qrY: 310,
-
-},
-
-{
-
-    id:"12",
-
-    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-2.png",
-
-    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
-
-    qrH: 150,
-
-    qrW: 150,
-
-    qrX: 110,
-
-    qrY: 310,
-
-},
-
-{
-
-    id:"10",
-
-    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-3.png",
-
-    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
-
-    qrH: 150,
-
-    qrW: 150,
-
-    qrX: 110,
-
-    qrY: 310,
-
-},
-
-{
-
-    id:"11",
-
-    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-1.png",
-
-    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
-
-    qrH: 150,
-
-    qrW: 150,
-
-    qrX: 110,
-
-    qrY: 310,
-
-},
-
-{
-
-    id:"12",
-
-    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-2.png",
-
-    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
-
-    qrH: 150,
-
-    qrW: 150,
-
-    qrX: 110,
-
-    qrY: 310,
-
-}]
-
-注意的是， 获取数据后需要 2 倍传入。
-
-##### 属性和方法
-
-![1752718942546](image/share-poster/1752718942546.png)
-
-海报数据如上格式。（back 是海报， qr 是二维码， qrH、qrw 是宽高， qrX、qrY 是二维码坐标位置）
-
-方法 share 是点击确认的回调。
-
-通过 ref 拉起内容 shareRef.value?.openShareDialog()
-
-##### h5 项目中，分享不能够直接弹出分享框，需要先上传到己方服务器，再根据线上的图片地址去分享，示例代码如下：
-
-// h5 分享图片
-
-lettempFilePath=''
-
-lettempFilePath1=''
-
-exportasyncfunctiondownloadImage(filePath:string, showTips1=false) {
-
-if (!tempFilePath||tempFilePath1!==filePath) {
-
-    constloginStore=useLoginStore()
-
-    constsession=loginStore.getLoginSession()
-
-    constupRes=awaitTaro.uploadFile({
-
-    url: BASISAPIS.file_uploadImg,
-
-    filePath: filePath,
-
-    name: 'file',
-
-    formData: {
-
-    objectNo:`H5${USER_TYPE}${Date.now()}`
-
-    },
-
-    header: {
-
-    traceId: generateUniqueId('portal-weapp'),
-
-    token: session||''
-
-    }
-
-    })
-
-    constres=JSON.parse(upRes.data)
-
-    if (res.success) {
-
-    tempFilePath=res.result
-
-    createImage(tempFilePath, showTips1)
-
-    setTimeout(() => {
-
-    tempFilePath=''
-
-    tempFilePath1=''
-
-    }, 10000);
-
-    } else {
-
-    Taro.showToast({
-
-    title: '海报生成失败',
-
-    icon: 'none'
-
-    })
-
-    }
-
-} else {
-
-    createImage(tempFilePath, showTips1)
-
-}
-
-tempFilePath1=filePath
-
-// 创建图片预览弹窗
-
-functioncreateImage(path:string, showTips1=false) {
-
-    constpreviewImage=document.createElement('div')
-
-    previewImage.style.cssText=`
-
-    position: fixed;
-
-    top: 0;
-
-    left: 0;
-
-    width: 100%;
-
-    height: 100%;
-
-    background: rgba(0,0,0,0.7);
-
-    z-index: 9999;
-
-    display: flex;
-
-    flex-direction: column;
-
-    align-items: center;
-
-    justify-content: center;
-
-    `
-
-    constimg=document.createElement('img')
-
-    img.src=path
-
-    img.style.cssText='max-width: 90%; max-height: 80%;'
-
-    consttips=document.createElement('div')
-
-    tips.innerText='长按转发或保存图片'
-
-    tips.style.cssText='color: #fff; margin-top: 15px; font-size: 16px;'
-
-    consttips1=document.createElement('div')
-
-    tips1.innerText='二维码 30 天有效'
-
-    tips1.style.cssText='color: #fff; margin-top: 5px; font-size: 12px;'
-
-    previewImage.appendChild(img)
-
-    previewImage.appendChild(tips)
-
-    showTips1&&previewImage.appendChild(tips1)
-
-    document.body.appendChild(previewImage)
-
-    // 点击空白处关闭
-
-    previewImage.onclick= () => {
-
-    document.body.removeChild(previewImage)
-
-    }
-
-}
-
-}
+##### 组件说明：
+
+该组件是一个海报分享组件，调用者传入图片数据
+
+数据示例：
+
+[
+
+{
+
+    id:"10",
+
+    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-3.png",
+
+    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
+
+    qrH: 150,
+
+    qrW: 150,
+
+    qrX: 110,
+
+    qrY: 310,
+
+},
+
+{
+
+    id:"11",
+
+    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-1.png",
+
+    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
+
+    qrH: 150,
+
+    qrW: 150,
+
+    qrX: 110,
+
+    qrY: 310,
+
+},
+
+{
+
+    id:"12",
+
+    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-2.png",
+
+    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
+
+    qrH: 150,
+
+    qrW: 150,
+
+    qrX: 110,
+
+    qrY: 310,
+
+},
+
+{
+
+    id:"10",
+
+    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-3.png",
+
+    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
+
+    qrH: 150,
+
+    qrW: 150,
+
+    qrX: 110,
+
+    qrY: 310,
+
+},
+
+{
+
+    id:"11",
+
+    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-1.png",
+
+    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
+
+    qrH: 150,
+
+    qrW: 150,
+
+    qrX: 110,
+
+    qrY: 310,
+
+},
+
+{
+
+    id:"12",
+
+    back:"https://cdn.ddjf.com/static/images/approve_qmx/qmx-dist-post-bg-2.png",
+
+    qr: "https://cdn.ddjf.com/static/images/fnfundkit/orderNums-userInfo.png",
+
+    qrH: 150,
+
+    qrW: 150,
+
+    qrX: 110,
+
+    qrY: 310,
+
+}]
+
+注意的是， 获取数据后需要 2 倍传入。
+
+##### 属性和方法
+
+![1752718942546](image/share-poster/1752718942546.png)
+
+海报数据如上格式。（back 是海报， qr 是二维码， qrH、qrw 是宽高， qrX、qrY 是二维码坐标位置）
+
+方法 share 是点击确认的回调。
+
+通过 ref 拉起内容 shareRef.value?.openShareDialog()
+
+##### h5 项目中，分享不能够直接弹出分享框，需要先上传到己方服务器，再根据线上的图片地址去分享，示例代码如下：
+
+// h5 分享图片
+
+lettempFilePath=''
+
+lettempFilePath1=''
+
+exportasyncfunctiondownloadImage(filePath:string, showTips1=false) {
+
+if (!tempFilePath||tempFilePath1!==filePath) {
+
+    constloginStore=useLoginStore()
+
+    constsession=loginStore.getLoginSession()
+
+    constupRes=awaitTaro.uploadFile({
+
+    url: BASISAPIS.file_uploadImg,
+
+    filePath: filePath,
+
+    name: 'file',
+
+    formData: {
+
+    objectNo:`H5${USER_TYPE}${Date.now()}`
+
+    },
+
+    header: {
+
+    traceId: generateUniqueId('portal-weapp'),
+
+    token: session||''
+
+    }
+
+    })
+
+    constres=JSON.parse(upRes.data)
+
+    if (res.success) {
+
+    tempFilePath=res.result
+
+    createImage(tempFilePath, showTips1)
+
+    setTimeout(() => {
+
+    tempFilePath=''
+
+    tempFilePath1=''
+
+    }, 10000);
+
+    } else {
+
+    Taro.showToast({
+
+    title: '海报生成失败',
+
+    icon: 'none'
+
+    })
+
+    }
+
+} else {
+
+    createImage(tempFilePath, showTips1)
+
+}
+
+tempFilePath1=filePath
+
+// 创建图片预览弹窗
+
+functioncreateImage(path:string, showTips1=false) {
+
+    constpreviewImage=document.createElement('div')
+
+    previewImage.style.cssText=`
+
+    position: fixed;
+
+    top: 0;
+
+    left: 0;
+
+    width: 100%;
+
+    height: 100%;
+
+    background: rgba(0,0,0,0.7);
+
+    z-index: 9999;
+
+    display: flex;
+
+    flex-direction: column;
+
+    align-items: center;
+
+    justify-content: center;
+
+    `
+
+    constimg=document.createElement('img')
+
+    img.src=path
+
+    img.style.cssText='max-width: 90%; max-height: 80%;'
+
+    consttips=document.createElement('div')
+
+    tips.innerText='长按转发或保存图片'
+
+    tips.style.cssText='color: #fff; margin-top: 15px; font-size: 16px;'
+
+    consttips1=document.createElement('div')
+
+    tips1.innerText='二维码 30 天有效'
+
+    tips1.style.cssText='color: #fff; margin-top: 5px; font-size: 12px;'
+
+    previewImage.appendChild(img)
+
+    previewImage.appendChild(tips)
+
+    showTips1&&previewImage.appendChild(tips1)
+
+    document.body.appendChild(previewImage)
+
+    // 点击空白处关闭
+
+    previewImage.onclick= () => {
+
+    document.body.removeChild(previewImage)
+
+    }
+
+}
+
+}

package/src/shared/components/AppDrawer.vue

@@ -1,54 +1,54 @@
-<template>
-  <nut-popup :pop-class="`app-drawer ${modelValue ? 'open' : ''}`" position="right" :visible="modelValue"
-    @update:visible="onVisibleChange">
-    <page-header :title="title" :style="Taro.getEnv() !== 'WEB' ? '' : '--height: 40px'" @close="onPageHeaderClose" />
-    <div class="drawer-body">
-      <slot></slot>
-    </div>
-  </nut-popup>
-</template>
-
-<script lang="ts" setup>
-import Taro from '@tarojs/taro'
-
-// 右侧页面
-// 模仿页面打开
-// 假的标题栏和返回按钮
-import PageHeader from './PageHeader.vue'
-
-export interface AppDrawerProps {
-  modelValue: boolean,
-  title?: string,
-}
-
-const emit = defineEmits<{
-  (event: 'update:modelValue', value: boolean): void
-}>()
-
-const onVisibleChange = (value: boolean) => {
-  emit('update:modelValue', value)
-}
-
-defineProps<AppDrawerProps>()
-
-const onPageHeaderClose = () => {
-  emit('update:modelValue', false)
-}
-</script>
-
-<style lang="scss">
-.app-drawer {
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-
-  &.open {
-    height: 100vh;
-  }
-
-  .drawer-body {
-    flex-grow: 1;
-    overflow: scroll;
-  }
-}
+<template>
+  <nut-popup :pop-class="`app-drawer ${modelValue ? 'open' : ''}`" position="right" :visible="modelValue"
+    @update:visible="onVisibleChange">
+    <page-header :title="title" :style="Taro.getEnv() !== 'WEB' ? '' : '--height: 40px'" @close="onPageHeaderClose" />
+    <div class="drawer-body">
+      <slot></slot>
+    </div>
+  </nut-popup>
+</template>
+
+<script lang="ts" setup>
+import Taro from '@tarojs/taro'
+
+// 右侧页面
+// 模仿页面打开
+// 假的标题栏和返回按钮
+import PageHeader from './PageHeader.vue'
+
+export interface AppDrawerProps {
+  modelValue: boolean,
+  title?: string,
+}
+
+const emit = defineEmits<{
+  (event: 'update:modelValue', value: boolean): void
+}>()
+
+const onVisibleChange = (value: boolean) => {
+  emit('update:modelValue', value)
+}
+
+defineProps<AppDrawerProps>()
+
+const onPageHeaderClose = () => {
+  emit('update:modelValue', false)
+}
+</script>
+
+<style lang="scss">
+.app-drawer {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+
+  &.open {
+    height: 100vh;
+  }
+
+  .drawer-body {
+    flex-grow: 1;
+    overflow: scroll;
+  }
+}
 </style>