@tdesign/uniapp 0.9.0 → 0.9.1

package/dist/upload/upload.vue

@@ -49,14 +49,14 @@
               :autoplay="false"
               objectFit="contain"
               :data-file="file"
-              @click.stop="onFileClick"
+              @click.stop="(e) => onFileClick(e, {file, index})"
             />
             <view
               v-if="file.status && file.status != 'done'"
               :class="classPrefix + '__progress-mask'"
               :data-index="index"
               :data-file="file"
-              @click.stop="onFileClick"
+              @click.stop="(e) => onFileClick(e, {file, index})"
             >
               <block v-if="file.status == 'loading'">
                 <t-icon
@@ -88,7 +88,7 @@
               :data-index="index"
               aria-role="button"
               aria-label="删除"
-              @click.stop="onDelete"
+              @click.stop="(e) => onDelete(e, {index})"
             >
               <t-icon
                 name="close"
@@ -177,14 +177,14 @@
                   :autoplay="false"
                   objectFit="contain"
                   :data-file="file"
-                  @click.stop="onFileClick"
+                  @click.stop="(e) => onFileClick(e, {file, index})"
                 />
                 <view
                   v-if="file.status && file.status != 'done'"
                   :class="classPrefix + '__progress-mask'"
                   :data-index="index"
                   :data-file="file"
-                  @click.stop="onFileClick"
+                  @click.stop="(e) => onFileClick(e, {file, index})"
                 >
                   <block v-if="file.status == 'loading'">
                     <t-icon
@@ -217,7 +217,7 @@
                   :data-url="file.url"
                   aria-role="button"
                   aria-label="删除"
-                  @click.stop="onDelete"
+                  @click.stop="(e) => onDelete(e, {index})"
                 >
                   <t-icon
                     name="close"
@@ -264,20 +264,19 @@
   </view>
 </template>
 <script>
+import { prefix } from '../common/config';
+import { parseEventDynamicCode } from '../common/event/dynamic';
+import { uniComponent } from '../common/src/index';
+import { isOverSize, coalesce, isWxWork, isPC } from '../common/utils';
+import tools from '../common/utils.wxs';
+import { isObject } from '../common/validator';
 import TGrid from '../grid/grid';
 import TGridItem from '../grid-item/grid-item';
 import TIcon from '../icon/icon';
 import TImage from '../image/image';
-import { uniComponent } from '../common/src/index';
-import props from './props';
-import { prefix } from '../common/config';
-import { isOverSize, coalesce, isWxWork, isPC } from '../common/utils';
-import { isObject } from '../common/validator';
-import tools from '../common/utils.wxs';
-import {
-  getWrapperAriaRole,
-  getWrapperAriaLabel,
-} from './upload.computed.js';
+
+import usingConfig from '../mixins/using-config';
+
 import {
   longPress,
   touchMove,
@@ -285,10 +284,15 @@ import {
   baseDataObserver,
   listObserver,
 } from './drag.computed.js';
-import { parseEventDynamicCode } from '../common/event/dynamic';
+import props from './props';
+
+
+import {
+  getWrapperAriaRole,
+  getWrapperAriaLabel,
+} from './upload.computed.js';
 
 
-import usingConfig from '../mixins/using-config';
 const componentName = 'upload';
 const name = `${prefix}-${componentName}`;
 
@@ -424,8 +428,7 @@ export default {
         this.$emit('fail', err);
       },
 
-      onFileClick(e) {
-        const { file, index } = e.currentTarget.dataset;
+      onFileClick(e, { file, index }) {
         this.$emit('click', { index, file });
       },
 
@@ -473,8 +476,7 @@ export default {
         return false;
       },
 
-      onDelete(e) {
-        const { index } = e.currentTarget.dataset;
+      onDelete(e, { index }) {
         this.deleteHandle(index);
       },
 
@@ -545,7 +547,7 @@ export default {
         const { classPrefix, rows, column } = this;
 
         let query;
-        // #ifdef H5 || APP-PLUS
+        // #ifdef H5 || APP
         query = uni.createSelectorQuery().in(this);
         // #endif
         if (!query) {
@@ -555,7 +557,7 @@ export default {
 
         let selectorGridItem;
         let selectorGrid;
-        // #ifdef H5 || APP-PLUS
+        // #ifdef H5 || APP
         selectorGridItem = '.t-grid-item';
         selectorGrid = '.t-grid';
         // #endif
@@ -608,22 +610,21 @@ export default {
         return previewMediaSources;
       },
 
-      onPreview(e) {
-        this.onFileClick(e);
+      onPreview(e, { file, index }) {
+        this.onFileClick(e, { file, index });
         const { preview } = this;
 
         if (!preview) return;
 
         const usePreviewMedia = this.customFiles.some(file => file.type === 'video');
         if (usePreviewMedia) {
-          this.onPreviewMedia(e);
+          this.onPreviewMedia({ index });
         } else {
-          this.onPreviewImage(e);
+          this.onPreviewImage({ index });
         }
       },
 
-      onPreviewImage(e) {
-        const { index } = e.currentTarget.dataset;
+      onPreviewImage({ index }) {
         const urls = this.customFiles.filter(file => file.percent !== -1).map(file => file.url);
         const current = this.customFiles[index]?.url;
         uni.previewImage({
@@ -635,8 +636,7 @@ export default {
         });
       },
 
-      onPreviewMedia(e) {
-        const { index: current } = e.currentTarget.dataset;
+      onPreviewMedia({ index: current }) {
         const sources = this.getPreviewMediaSources();
         uni.previewMedia({
           sources,

package/dist/watermark/README.en-US.md

@@ -51,7 +51,7 @@ url | String | - | \- | N
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --watermark-left-0 | --watermark-left-0 | -
 --watermark-left-25 | --watermark-left-25 | -

package/dist/watermark/README.md

@@ -105,7 +105,7 @@ url | String | - | 水印图片源地址，为了显示清楚，建议导出 2
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --watermark-left-0 | --watermark-left-0 | -
 --watermark-left-25 | --watermark-left-25 | -

package/dist/watermark/utils/generateBase64Url.js

@@ -106,7 +106,7 @@ export default async function generateBase64Url(
   ctx.globalAlpha = alpha;
 
   // h5需要全局缩放
-  // #ifdef H5 || APP-PLUS
+  // #ifdef H5 || APP
   ctx.scale(1 / ratio, 1 / ratio);
   // #endif
 
@@ -152,7 +152,7 @@ export default async function generateBase64Url(
 
       // TODO：其他技术栈修复了「灰度效果只影响图片，不影响文字」的bug，因为小程序不能创建临时canvas，暂时没有想到比较优雅的解决方案
       if (isGrayscale) {
-        // #ifdef APP-PLUS
+        // #ifdef APP
         ctx.drawImage(
           img,
           offsetX,
@@ -162,7 +162,7 @@ export default async function generateBase64Url(
         );
         // #endif
 
-        // #ifndef APP-PLUS
+        // #ifndef APP
         ctx.drawImage(
           img,
           offsetX,
@@ -189,7 +189,7 @@ export default async function generateBase64Url(
           y: 0,
         });
       } else {
-        // #ifdef APP-PLUS
+        // #ifdef APP
         ctx.drawImage(
           img,
           offsetX,
@@ -199,7 +199,7 @@ export default async function generateBase64Url(
         );
         // #endif
 
-        // #ifndef APP-PLUS
+        // #ifndef APP
         ctx.drawImage(
           img,
           offsetX,
@@ -257,7 +257,7 @@ export default async function generateBase64Url(
       );
     }
   }
-  // #ifdef APP-PLUS
+  // #ifdef APP
   ctx.draw();
   // #endif
 

package/dist/watermark/watermark.vue

@@ -22,11 +22,12 @@
 </template>
 
 <script>
-import tools from '../common/utils.wxs';
-import watermarkProps from './props';
 import { prefix } from '../common/config';
 import { uniComponent } from '../common/src/index';
 import { appBaseInfo, nextTick } from '../common/utils';
+import tools from '../common/utils.wxs';
+
+import watermarkProps from './props';
 import generateBase64Url from './utils/generateBase64Url';
 import randomMovingStyle from './utils/randomMovingStyle';
 
@@ -57,7 +58,7 @@ export default {
         let result = 'width: 100px; height: 100px;';
         let shouldHide = true;
 
-        // #ifdef APP-PLUS || MP-ALIPAY
+        // #ifdef APP || MP-ALIPAY
         if (!this.initialed) {
           shouldHide = false;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tdesign/uniapp",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "id": "tdesign-uniapp",
   "title": "tdesign-uniapp",
   "description": "TDesign Component for UniApp",