@tdesign/uniapp 0.8.1 → 0.9.1

package/dist/transition/transition.vue

@@ -8,10 +8,10 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
-import transition from '../mixins/transition';
 import { prefix } from '../common/config';
+import { uniComponent } from '../common/src/index';
 import tools from '../common/utils.wxs';
+import transition from '../mixins/transition';
 
 
 const name = `${prefix}-transition`;

package/dist/tree-select/README.en-US.md

@@ -36,7 +36,7 @@ t-class-right-item-label | \-
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-tree-bg-color | @bg-color-container | -
 --td-tree-colum-text-color | @text-color-primary | -

package/dist/tree-select/README.md

@@ -68,7 +68,7 @@ t-class-right-item-label | 右侧第一列子项标签样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-tree-bg-color | @bg-color-container | -
 --td-tree-colum-text-color | @text-color-primary | -

package/dist/tree-select/tree-select.vue

@@ -105,22 +105,27 @@
   </view>
 </template>
 <script>
-import TRadio from '../radio/radio';
-import TRadioGroup from '../radio-group/radio-group';
 import TCheckbox from '../checkbox/checkbox';
 import TCheckboxGroup from '../checkbox-group/checkbox-group';
-import TSideBar from '../side-bar/side-bar';
-import TSideBarItem from '../side-bar-item/side-bar-item';
-import TScrollView from '../scroll-view/scroll-view.vue';
 
-import { uniComponent } from '../common/src/index';
-import { isDef } from '../common/validator';
 import { prefix } from '../common/config';
+import { uniComponent } from '../common/src/index';
 import { getTreeDepth, coalesce, nextTick } from '../common/utils';
-import props from './props';
+
 import tools from '../common/utils.wxs';
-import { getTreeClass } from './computed.js';
+import { isDef } from '../common/validator';
+
+
 import { canUseVirtualHost } from '../common/version';
+import TRadio from '../radio/radio';
+import TRadioGroup from '../radio-group/radio-group';
+import TScrollView from '../scroll-view/scroll-view.vue';
+import TSideBar from '../side-bar/side-bar';
+import TSideBarItem from '../side-bar-item/side-bar-item';
+
+import { getTreeClass } from './computed.js';
+
+import props from './props';
 
 const name = `${prefix}-tree-select`;
 

package/dist/types/action-sheet.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdActionSheetProps } from '../action-sheet/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type ActionSheetProps = ExtractNonOnProps<TdActionSheetProps>;
 export type ActionSheetEmits = TransformEventHandlers<TdActionSheetProps, true>;

package/dist/types/avatar-group.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdAvatarGroupProps } from '../avatar-group/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type AvatarGroupProps = ExtractNonOnProps<TdAvatarGroupProps>;
 export type AvatarGroupEmits = TransformEventHandlers<TdAvatarGroupProps, true>;

package/dist/types/avatar.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdAvatarProps } from '../avatar/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type AvatarProps = ExtractNonOnProps<TdAvatarProps>;
 export type AvatarEmits = TransformEventHandlers<TdAvatarProps, true>;

package/dist/types/back-top.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdBackTopProps } from '../back-top/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type BackTopProps = ExtractNonOnProps<TdBackTopProps>;
 export type BackTopEmits = TransformEventHandlers<TdBackTopProps, true>;

package/dist/types/badge.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdBadgeProps } from '../badge/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type BadgeProps = ExtractNonOnProps<TdBadgeProps>;
 export type BadgeEmits = TransformEventHandlers<TdBadgeProps, true>;

package/dist/types/button.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdButtonProps } from '../button/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type ButtonProps = ExtractNonOnProps<TdButtonProps>;
 export type ButtonEmits = TransformEventHandlers<TdButtonProps, true>;

package/dist/types/calendar.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdCalendarProps } from '../calendar/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type CalendarProps = ExtractNonOnProps<TdCalendarProps>;
 export type CalendarEmits = TransformEventHandlers<TdCalendarProps, true>;

package/dist/types/cascader.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdCascaderProps } from '../cascader/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type CascaderProps = ExtractNonOnProps<TdCascaderProps>;
 export type CascaderEmits = TransformEventHandlers<TdCascaderProps, true>;

package/dist/types/cell-group.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdCellGroupProps } from '../cell-group/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type CellGroupProps = ExtractNonOnProps<TdCellGroupProps>;
 export type CellGroupEmits = TransformEventHandlers<TdCellGroupProps, true>;

package/dist/types/cell.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdCellProps } from '../cell/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type CellProps = ExtractNonOnProps<TdCellProps>;
 export type CellEmits = TransformEventHandlers<TdCellProps, true>;

package/dist/types/check-tag.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdCheckTagProps } from '../check-tag/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type CheckTagProps = ExtractNonOnProps<TdCheckTagProps>;
 export type CheckTagEmits = TransformEventHandlers<TdCheckTagProps, true>;

package/dist/types/checkbox-group.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdCheckboxGroupProps } from '../checkbox-group/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type CheckboxGroupProps = ExtractNonOnProps<TdCheckboxGroupProps>;
 export type CheckboxGroupEmits = TransformEventHandlers<TdCheckboxGroupProps, true>;

package/dist/types/checkbox.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdCheckboxProps } from '../checkbox/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type CheckboxProps = ExtractNonOnProps<TdCheckboxProps>;
 export type CheckboxEmits = TransformEventHandlers<TdCheckboxProps, true>;

package/dist/types/col.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdColProps } from '../col/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type ColProps = ExtractNonOnProps<TdColProps>;
 export type ColEmits = TransformEventHandlers<TdColProps, true>;

package/dist/types/collapse-panel.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdCollapsePanelProps } from '../collapse-panel/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type CollapsePanelProps = ExtractNonOnProps<TdCollapsePanelProps>;
 export type CollapsePanelEmits = TransformEventHandlers<TdCollapsePanelProps, true>;

package/dist/types/collapse.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdCollapseProps } from '../collapse/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type CollapseProps = ExtractNonOnProps<TdCollapseProps>;
 export type CollapseEmits = TransformEventHandlers<TdCollapseProps, true>;

package/dist/types/color-picker.d.ts

@@ -1,5 +1,5 @@
-import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 import type { TdColorPickerProps } from '../color-picker/type';
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
 
 export type ColorPickerProps = ExtractNonOnProps<TdColorPickerProps>;
 export type ColorPickerEmits = TransformEventHandlers<TdColorPickerProps, true>;

package/dist/types/index.d.ts

@@ -55,6 +55,7 @@ export * from '../rate/type';
 export * from '../result/type';
 export * from '../row/type';
 export * from '../search/type';
+export * from '../segmented/type';
 export * from '../side-bar/type';
 export * from '../side-bar-item/type';
 export * from '../skeleton/type';
@@ -70,6 +71,7 @@ export * from '../switch/type';
 export * from '../tab-bar/type';
 export * from '../tab-bar-item/type';
 export * from '../tab-panel/type';
+export * from '../table/type';
 export * from '../tabs/type';
 export * from '../tag/type';
 export * from '../textarea/type';

package/dist/types/segmented.d.ts

@@ -0,0 +1,7 @@
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
+import type { TdSegmentedProps } from '../segmented/type';
+
+export type SegmentedProps = ExtractNonOnProps<TdSegmentedProps>;
+export type SegmentedEmits = TransformEventHandlers<TdSegmentedProps, true>;
+declare const SegmentedComponent: import('vue').DefineComponent<SegmentedProps, {}, {}, {}, {}, {}, {}, SegmentedEmits, any>;
+export default SegmentedComponent;

package/dist/types/table.d.ts

@@ -0,0 +1,7 @@
+import type { TransformEventHandlers, ExtractNonOnProps } from '../common/common';
+import type { TdTableProps } from '../table/type';
+
+export type TableProps = ExtractNonOnProps<TdTableProps>;
+export type TableEmits = TransformEventHandlers<TdTableProps, true>;
+declare const TableComponent: import('vue').DefineComponent<TableProps, {}, {}, {}, {}, {}, {}, TableEmits, any>;
+export default TableComponent;

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

@@ -48,7 +48,7 @@ add-content | \-
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-upload-add-bg-color | @bg-color-secondarycontainer | -
 --td-upload-add-color | @text-color-placeholder | -

package/dist/upload/README.md

@@ -103,7 +103,7 @@ add-content | 自定义 `add-content` 显示内容
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-upload-add-bg-color | @bg-color-secondarycontainer | -
 --td-upload-add-color | @text-color-placeholder | -

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/global.d.ts

@@ -58,6 +58,7 @@ declare module 'vue' {
     TResult: typeof import('@tdesign/uniapp/result/result.vue').default;
     TRow: typeof import('@tdesign/uniapp/row/row.vue').default;
     TSearch: typeof import('@tdesign/uniapp/search/search.vue').default;
+    TSegmented: typeof import('@tdesign/uniapp/segmented/segmented.vue').default;
     TSideBar: typeof import('@tdesign/uniapp/side-bar/side-bar.vue').default;
     TSideBarItem: typeof import('@tdesign/uniapp/side-bar-item/side-bar-item.vue').default;
     TSkeleton: typeof import('@tdesign/uniapp/skeleton/skeleton.vue').default;
@@ -73,6 +74,7 @@ declare module 'vue' {
     TTabBar: typeof import('@tdesign/uniapp/tab-bar/tab-bar.vue').default;
     TTabBarItem: typeof import('@tdesign/uniapp/tab-bar-item/tab-bar-item.vue').default;
     TTabPanel: typeof import('@tdesign/uniapp/tab-panel/tab-panel.vue').default;
+    TTable: typeof import('@tdesign/uniapp/table/table.vue').default;
     TTabs: typeof import('@tdesign/uniapp/tabs/tabs.vue').default;
     TTag: typeof import('@tdesign/uniapp/tag/tag.vue').default;
     TTextarea: typeof import('@tdesign/uniapp/textarea/textarea.vue').default;