消息
This commit is contained in:
1
unpackage/dist/dev/.sourcemap/mp-weixin/TUIKit/components/common/Avatar/index.js.map
vendored
Normal file
1
unpackage/dist/dev/.sourcemap/mp-weixin/TUIKit/components/common/Avatar/index.js.map
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Avatar/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vQXZhdGFyL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\n <div\n class=\"avatar-container\"\n :style=\"{\n width: avatarSize,\n height: avatarSize,\n borderRadius: avatarBorderRadius,\n }\"\n >\n <template v-if=\"isUniFrameWork\">\n <image\n v-if=\"!loadErrorInUniapp\"\n class=\"avatar-image\"\n :src=\"avatarImageUrl || defaultAvatarUrl\"\n @load=\"avatarLoadSuccess\"\n @error=\"avatarLoadFailed\"\n />\n <image\n v-else\n class=\"avatar-image\"\n :src=\"defaultAvatarUrl\"\n @load=\"avatarLoadSuccess\"\n @error=\"avatarLoadFailed\"\n />\n </template>\n <img\n v-else\n class=\"avatar-image\"\n :src=\"avatarImageUrl || defaultAvatarUrl\"\n @load=\"avatarLoadSuccess\"\n @error=\"avatarLoadFailed\"\n >\n <div\n v-if=\"useAvatarSkeletonAnimation && !isImgLoaded\"\n :class=\"{\n placeholder: true,\n hidden: isImgLoaded,\n 'skeleton-animation': useAvatarSkeletonAnimation\n }\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, toRefs } from '../../../adapter-vue';\nimport { isUniFrameWork } from '../../../utils/env';\n\ninterface IProps {\n url: string;\n size?: string;\n borderRadius?: string;\n useSkeletonAnimation?: boolean;\n}\n\ninterface IEmits {\n (key: 'onLoad', e: Event): void;\n (key: 'onError', e: Event): void;\n}\n\nconst defaultAvatarUrl = ref('https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png');\nconst emits = defineEmits<IEmits>();\nconst props = withDefaults(defineProps<IProps>(), {\n // uniapp vue2 does not support constants in defineProps\n url: 'https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png',\n size: '36px',\n borderRadius: '5px',\n useSkeletonAnimation: false,\n});\n\nconst {\n size: avatarSize,\n url: avatarImageUrl,\n borderRadius: avatarBorderRadius,\n useSkeletonAnimation: useAvatarSkeletonAnimation,\n} = toRefs(props);\n\nlet reloadAvatarTime = 0;\nconst isImgLoaded = ref<boolean>(false);\nconst loadErrorInUniapp = ref<boolean>(false);\n\nfunction avatarLoadSuccess(e: Event) {\n isImgLoaded.value = true;\n emits('onLoad', e);\n}\n\nfunction avatarLoadFailed(e: Event) {\n reloadAvatarTime += 1;\n if (reloadAvatarTime > 3) {\n return;\n }\n if (isUniFrameWork) {\n loadErrorInUniapp.value = true;\n } else {\n (e.currentTarget as HTMLImageElement).src = defaultAvatarUrl.value;\n }\n emits('onError', e);\n}\n</script>\n\n<style scoped lang=\"scss\">\n:not(not) {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n min-width: 0;\n}\n\n.avatar-container {\n position: relative;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n flex: 0 0 auto;\n\n .placeholder {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #ececec;\n transition:\n opacity 0.3s,\n background-color 0.1s ease-out;\n\n &.skeleton-animation {\n animation: breath 2s linear 0.3s infinite;\n }\n\n &.hidden {\n opacity: 0;\n }\n }\n\n .avatar-image {\n width: 100%;\n height: 100%;\n }\n}\n\n@keyframes breath {\n 50% {\n /* stylelint-disable-next-line scss/no-global-function-names */\n background-color: darken(#ececec, 10%);\n }\n}\n</style>\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Avatar/index.vue'\nwx.createComponent(Component)"],"names":["ref","toRefs","isUniFrameWork"],"mappings":";;;;;;;;;;;;;;AA2DM,UAAA,mBAAmBA,kBAAI,kEAAkE;AAC/F,UAAM,QAAQ;AACd,UAAM,QAAQ;AAQR,UAAA;AAAA,MACJ,MAAM;AAAA,MACN,KAAK;AAAA,MACL,cAAc;AAAA,MACd,sBAAsB;AAAA,IAAA,IACpBC,cAAAA,OAAO,KAAK;AAEhB,QAAI,mBAAmB;AACjB,UAAA,cAAcD,kBAAa,KAAK;AAChC,UAAA,oBAAoBA,kBAAa,KAAK;AAE5C,aAAS,kBAAkB,GAAU;AACnC,kBAAY,QAAQ;AACpB,YAAM,UAAU,CAAC;AAAA,IACnB;AAEA,aAAS,iBAAiB,GAAU;AACd,0BAAA;AACpB,UAAI,mBAAmB,GAAG;AACxB;AAAA,MACF;AACA,UAAIE,iCAAgB;AAClB,0BAAkB,QAAQ;AAAA,MAAA,OACrB;AACJ,UAAE,cAAmC,MAAM,iBAAiB;AAAA,MAC/D;AACA,YAAM,WAAW,CAAC;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FA,GAAG,gBAAgB,SAAS;"}
|
||||
Reference in New Issue
Block a user