@tdesign/uniapp 0.7.1 → 0.7.2

package/dist/guide/guide.vue

@@ -270,7 +270,6 @@ export default uniComponent({
       classPrefix: name,
       visible: false,
       iCurrent: -1,
-      _steps: [],
       referenceStyle: '',
       popoverStyle: '',
       title: '',
@@ -301,7 +300,7 @@ export default uniComponent({
   },
   created() {
     that = this;
-    this._getPlacement = this.getPlacement();
+    this.getPlacementResult = this.getPlacement();
   },
   mounted() {
     this.innerInit();
@@ -341,7 +340,6 @@ export default uniComponent({
           width: `${referenceWidth}px`,
           height: `${referenceHeight}px`,
         };
-        this._steps = this.steps;
         this.visible = true;
         this.referenceStyle = styles(style);
         this.title = coalesce(step.title, '');
@@ -351,7 +349,6 @@ export default uniComponent({
         const popoverStyle = await this.placementOffset(step, style);
         this.popoverStyle = popoverStyle;
       } else {
-        this._steps = this.steps;
         this.visible = true;
         this.title = coalesce(step.title, '');
         this.body = coalesce(step.body, '');
@@ -361,7 +358,7 @@ export default uniComponent({
     async placementOffset({ placement, offset }, place) {
       await nextTick();
       const rect = await getRect(this, `.${name}__container`);
-      const style = this._getPlacement[placement]?.(rect, place, offset);
+      const style = this.getPlacementResult[placement]?.(rect, place, offset);
       return styles({ position: 'absolute', ...style });
     },
     makeButtonProps(step, mode) {
@@ -520,9 +517,7 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './guide.css';
-</style>
+<style scoped src="./guide.css"></style>
 <style scoped lang="less">
 .t-guide__footer--dialog {
   // 适配 QQ 小程序等

package/dist/icon/icon.vue

@@ -116,6 +116,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './icon.css';
-</style>
+<style scoped src="./icon.css"></style>

package/dist/image/image.vue

@@ -202,6 +202,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './image.css';
-</style>
+<style scoped src="./image.css"></style>

package/dist/image-viewer/image-viewer.vue

@@ -62,20 +62,20 @@
         >
           <slot name="close-btn" />
           <block
-            v-if="_closeBtn"
+            v-if="iCloseBtn"
             name="icon"
           >
             <t-icon
-              :custom-style="_closeBtn.style || ''"
-              :t-class="_closeBtn.tClass"
-              :prefix="_closeBtn.prefix"
-              :name="_closeBtn.name"
-              :size="_closeBtn.size"
-              :color="_closeBtn.color"
-              :aria-hidden="!!_closeBtn.ariaHidden"
-              :aria-label="_closeBtn.ariaLabel"
-              :aria-role="_closeBtn.ariaRole"
-              @click="_closeBtn.click || ''"
+              :custom-style="iCloseBtn.style || ''"
+              :t-class="iCloseBtn.tClass"
+              :prefix="iCloseBtn.prefix"
+              :name="iCloseBtn.name"
+              :size="iCloseBtn.size"
+              :color="iCloseBtn.color"
+              :aria-hidden="!!iCloseBtn.ariaHidden"
+              :aria-label="iCloseBtn.ariaLabel"
+              :aria-role="iCloseBtn.ariaRole"
+              @click="iCloseBtn.click || ''"
             />
           </block>
         </view>
@@ -93,17 +93,17 @@
         >
           <slot name="delete-btn" />
           <t-icon
-            v-if="_deleteBtn"
-            :custom-style="_deleteBtn.style || ''"
-            :t-class="_deleteBtn.tClass"
-            :prefix="_deleteBtn.prefix"
-            :name="_deleteBtn.name"
-            :size="_deleteBtn.size"
-            :color="_deleteBtn.color"
-            :aria-hidden="!!_deleteBtn.ariaHidden"
-            :aria-label="_deleteBtn.ariaLabel"
-            :aria-role="_deleteBtn.ariaRole"
-            @click="_deleteBtn.click || ''"
+            v-if="iDeleteBtn"
+            :custom-style="iDeleteBtn.style || ''"
+            :t-class="iDeleteBtn.tClass"
+            :prefix="iDeleteBtn.prefix"
+            :name="iDeleteBtn.name"
+            :size="iDeleteBtn.size"
+            :color="iDeleteBtn.color"
+            :aria-hidden="!!iDeleteBtn.ariaHidden"
+            :aria-label="iDeleteBtn.ariaLabel"
+            :aria-role="iDeleteBtn.ariaRole"
+            @click="iDeleteBtn.click || ''"
           />
         </view>
       </view>
@@ -157,8 +157,8 @@ export default uniComponent({
       maskTop: 0,
       tools,
 
-      _deleteBtn: null,
-      _closeBtn: null,
+      iDeleteBtn: null,
+      iCloseBtn: null,
       dataVisible: this.visible,
     };
   },
@@ -174,14 +174,14 @@ export default uniComponent({
 
     closeBtn: {
       handler(v) {
-        this._closeBtn = calcIcon(v, 'close');
+        this.iCloseBtn = calcIcon(v, 'close');
       },
       immediate: true,
     },
 
     deleteBtn: {
       handler(v) {
-        this._deleteBtn =  calcIcon(v, 'delete');
+        this.iDeleteBtn =  calcIcon(v, 'delete');
       },
       immediate: true,
     },
@@ -311,7 +311,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './image-viewer.css';
-
-</style>
+<style scoped src="./image-viewer.css"></style>

package/dist/indexes/indexes.vue

@@ -89,7 +89,7 @@ export default uniComponent({
     return {
       prefix,
       classPrefix: name,
-      _height: 0,
+      innerHeight: 0,
       innerIndexList: [],
       scrollTop: 0,
       activeAnchor: this.current,
@@ -110,7 +110,7 @@ export default uniComponent({
       handler(v, pre) {
         const cb = () => {
           this.setIndexList(v);
-          this.setHeight(this._height);
+          this.setHeight(this.innerHeight);
         };
         if (!pre?.length) {
           // 防止抖音小程序报错
@@ -150,7 +150,7 @@ export default uniComponent({
     this.groupTop = [];
     this.sidebar = null;
 
-    if (this._height === 0) {
+    if (this.innerHeight === 0) {
       this.setHeight();
     }
 
@@ -165,7 +165,7 @@ export default uniComponent({
         const { windowHeight } = systemInfo;
         height = windowHeight;
       }
-      this._height = height;
+      this.innerHeight = height;
 
       setTimeout(() => {
         this.getAllRect();
@@ -366,6 +366,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './indexes.css';
-</style>
+<style scoped src="./indexes.css"></style>

package/dist/indexes-anchor/indexes-anchor.vue

@@ -68,6 +68,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './indexes-anchor.css';
-</style>
+<style scoped src="./indexes-anchor.css"></style>

package/dist/input/input.vue

@@ -9,20 +9,20 @@
       <view :class="classPrefix + '__icon--prefix'">
         <slot name="prefix-icon" />
         <block
-          v-if="_prefixIcon"
+          v-if="iPrefixIcon"
           name="icon"
         >
           <t-icon
-            :custom-style="_prefixIcon.style || ''"
+            :custom-style="iPrefixIcon.style || ''"
             :t-class="tClassPrefixIcon"
-            :prefix="_prefixIcon.prefix"
-            :name="_prefixIcon.name"
-            :size="_prefixIcon.size"
-            :color="_prefixIcon.color"
+            :prefix="iPrefixIcon.prefix"
+            :name="iPrefixIcon.name"
+            :size="iPrefixIcon.size"
+            :color="iPrefixIcon.color"
             :aria-hidden="true"
-            :aria-label="_prefixIcon.ariaLabel"
-            :aria-role="_prefixIcon.ariaRole"
-            @click="_prefixIcon.click || ''"
+            :aria-label="iPrefixIcon.ariaLabel"
+            :aria-role="iPrefixIcon.ariaRole"
+            @click="iPrefixIcon.click || ''"
           />
         </block>
       </view>
@@ -81,21 +81,21 @@
           @nicknamereview="onNickNameReview"
         >
         <view
-          v-if="_clearIcon && dataValue && dataValue.length && showClearIcon"
+          v-if="iClearIcon && dataValue && dataValue.length && showClearIcon"
           :class="classPrefix + '__wrap--clearable-icon'"
           @click.stop="clearInput"
         >
           <t-icon
-            :custom-style="_clearIcon.style || ''"
+            :custom-style="iClearIcon.style || ''"
             :t-class="tClassClearable"
-            :prefix="_clearIcon.prefix"
-            :name="_clearIcon.name"
-            :size="_clearIcon.size"
-            :color="_clearIcon.color"
+            :prefix="iClearIcon.prefix"
+            :name="iClearIcon.name"
+            :size="iClearIcon.size"
+            :color="iClearIcon.color"
             :aria-hidden="false"
-            :aria-label="_clearIcon.ariaLabel || '清除'"
-            :aria-role="_clearIcon.ariaRole || 'button'"
-            @click="_clearIcon.click || ''"
+            :aria-label="iClearIcon.ariaLabel || '清除'"
+            :aria-role="iClearIcon.ariaRole || 'button'"
+            @click="iClearIcon.click || ''"
           />
         </view>
         <view
@@ -113,20 +113,20 @@
         >
           <slot name="suffix-icon" />
           <block
-            v-if="_suffixIcon"
+            v-if="iSuffixIcon"
             name="icon"
           >
             <t-icon
-              :custom-style="_suffixIcon.style || ''"
+              :custom-style="iSuffixIcon.style || ''"
               :t-class="tClassSuffixIcon"
-              :prefix="_suffixIcon.prefix"
-              :name="_suffixIcon.name"
-              :size="_suffixIcon.size"
-              :color="_suffixIcon.color"
+              :prefix="iSuffixIcon.prefix"
+              :name="iSuffixIcon.name"
+              :size="iSuffixIcon.size"
+              :color="iSuffixIcon.color"
               :aria-hidden="true"
-              :aria-label="_suffixIcon.ariaLabel"
-              :aria-role="_suffixIcon.ariaRole || 'button'"
-              @click="_suffixIcon.click || ''"
+              :aria-label="iSuffixIcon.ariaLabel"
+              :aria-role="iSuffixIcon.ariaRole || 'button'"
+              @click="iSuffixIcon.click || ''"
             />
           </block>
         </view>
@@ -214,21 +214,21 @@ export default uniComponent({
   watch: {
     prefixIcon: {
       handler(v) {
-        this._prefixIcon = calcIcon(v);
+        this.iPrefixIcon = calcIcon(v);
       },
       immediate: true,
     },
 
     suffixIcon: {
       handler(v) {
-        this._suffixIcon = calcIcon(v);
+        this.iSuffixIcon = calcIcon(v);
       },
       immediate: true,
     },
 
     clearable: {
       handler(v) {
-        this._clearIcon = calcIcon(v, 'close-circle-filled');
+        this.iClearIcon = calcIcon(v, 'close-circle-filled');
       },
       immediate: true,
     },
@@ -390,8 +390,8 @@ export default uniComponent({
 });
 
 </script>
+<style scoped src="./input.css"></style>
 <style scoped>
-@import './input.css';
 /* #ifdef H5 */
 .t-input--disabled {
   :deep(input) {

package/dist/link/link.vue

@@ -24,20 +24,20 @@
       <view :class="classPrefix + '__prefix-icon ' + tClassPrefixIcon">
         <slot name="prefix-icon" />
         <block
-          v-if="_prefixIcon"
+          v-if="iPrefixIcon"
           name="icon"
         >
           <t-icon
-            :custom-style="_prefixIcon.style || ''"
-            :t-class="_prefixIcon.tClass"
-            :prefix="_prefixIcon.prefix"
-            :name="_prefixIcon.name"
-            :size="_prefixIcon.size"
-            :color="_prefixIcon.color"
+            :custom-style="iPrefixIcon.style || ''"
+            :t-class="iPrefixIcon.tClass"
+            :prefix="iPrefixIcon.prefix"
+            :name="iPrefixIcon.name"
+            :size="iPrefixIcon.size"
+            :color="iPrefixIcon.color"
             :aria-hidden="true"
-            :aria-label="_prefixIcon.ariaLabel"
-            :aria-role="_prefixIcon.arialRole"
-            @click="_suffixIcon.click || ''"
+            :aria-label="iPrefixIcon.ariaLabel"
+            :aria-role="iPrefixIcon.arialRole"
+            @click="iSuffixIcon.click || ''"
           />
         </block>
       </view>
@@ -51,20 +51,20 @@
       <view :class="classPrefix + '__suffix-icon ' + tClassSuffixIcon">
         <slot name="suffix-icon" />
         <block
-          v-if="_suffixIcon"
+          v-if="iSuffixIcon"
           name="icon"
         >
           <t-icon
-            :custom-style="_suffixIcon.style || ''"
-            :t-class="_suffixIcon.tClass"
-            :prefix="_suffixIcon.prefix || ''"
-            :name="_suffixIcon.name"
-            :size="_suffixIcon.size"
-            :color="_suffixIcon.color"
+            :custom-style="iSuffixIcon.style || ''"
+            :t-class="iSuffixIcon.tClass"
+            :prefix="iSuffixIcon.prefix || ''"
+            :name="iSuffixIcon.name"
+            :size="iSuffixIcon.size"
+            :color="iSuffixIcon.color"
             :aria-hidden="true"
-            :aria-label="_suffixIcon.ariaLabel"
-            :aria-role="_suffixIcon.arialRole"
-            @click="_suffixIcon.click || ''"
+            :aria-label="iSuffixIcon.ariaLabel"
+            :aria-role="iSuffixIcon.arialRole"
+            @click="iSuffixIcon.click || ''"
           />
         </block>
       </view>
@@ -105,21 +105,21 @@ export default uniComponent({
       prefix,
       classPrefix: name,
       tools,
-      _prefixIcon: null,
-      _suffixIcon: null,
+      iPrefixIcon: null,
+      iSuffixIcon: null,
       className: '',
     };
   },
   watch: {
     prefixIcon: {
       handler(value) {
-        this._prefixIcon = calcIcon(value);
+        this.iPrefixIcon = calcIcon(value);
       },
       immediate: true,
     },
     suffixIcon: {
       handler(value) {
-        this._suffixIcon = calcIcon(value);
+        this.iSuffixIcon = calcIcon(value);
       },
       immediate: true,
     },
@@ -163,9 +163,8 @@ export default uniComponent({
   },
 });
 </script>
+<style scoped src="./link.css"></style>
 <style scoped>
-@import './link.css';
-
 /* #ifdef H5 */
 :deep(.navigator-wrap) {
   display: flex;

package/dist/loading/loading.vue

@@ -142,7 +142,7 @@ export default uniComponent({
       immediate: true,
     },
   },
-  beforeUnMount() {
+  beforeUnmount() {
     clearTimeout(this.timer);
   },
   methods: {
@@ -153,5 +153,5 @@ export default uniComponent({
 });
 
 </script>
-<style src="./loading.css"  scoped>
+<style src="./loading.css" scoped>
 </style>

package/dist/message/index.d.ts

@@ -1,7 +1,7 @@
 import { MessageProps } from './message.interface';
 declare type Context = any;
 declare type Instance = any;
-interface MessageActionOptionsType extends Optional<MessageProps> {
+interface MessageActionOptionsType extends Partial<MessageProps> {
   context?: Context;
   selector?: string;
 }

package/dist/message/message.interface.ts

@@ -1,3 +1,4 @@
+import type { TdMessageProps } from './type';
 
 export const MessageType = {
   info: 'info',
@@ -21,7 +22,7 @@ export interface MessageProps {
   closeBtn?: boolean;
   action?: string;
   marquee?: MessageMarquee;
-  offset?: object;
+  offset?: TdMessageProps['offset'];
   duration?: number;
   zIndex?: number;
   id?: string;

package/dist/message-item/message-item.vue

@@ -12,19 +12,19 @@
       <view :class="classPrefix + '__icon--left'">
         <slot name="icon" />
         <block
-          v-if="_icon"
+          v-if="innerIcon"
           name="icon"
         >
           <t-icon
-            :custom-style="_icon.style || ''"
+            :custom-style="innerIcon.style || ''"
             :t-class="tClassIcon"
-            :prefix="_icon.prefix"
-            :name="_icon.name"
-            :size="_icon.size"
-            :color="_icon.color"
+            :prefix="innerIcon.prefix"
+            :name="innerIcon.name"
+            :size="innerIcon.size"
+            :color="innerIcon.color"
             :aria-hidden="true"
-            :aria-label="_icon.ariaLabel"
-            :aria-role="_icon.ariaRole"
+            :aria-label="innerIcon.ariaLabel"
+            :aria-role="innerIcon.ariaRole"
           />
         </block>
       </view>
@@ -48,18 +48,18 @@
         </view>
       </view>
       <t-link
-        v-if="_link && _link.content"
+        v-if="innerLink && innerLink.content"
         :t-class="classPrefix + '__link ' + tClassLink"
-        :custom-style="tools._style([_link.style, _link.customStyle])"
-        :disabled="_link.disabled || false"
-        :hover="_link.hover || true"
-        :theme="_link.theme || 'primary'"
-        :size="_link.size || 'medium'"
-        :prefix-icon="_link.prefixIcon || ''"
-        :suffix-icon="_link.suffixIcon || ''"
-        :underline="_link.underline || false"
-        :content="_link.content || ''"
-        :navigator-props="_link.navigatorProps || null"
+        :custom-style="tools._style([innerLink.style, innerLink.customStyle])"
+        :disabled="innerLink.disabled || false"
+        :hover="innerLink.hover || true"
+        :theme="innerLink.theme || 'primary'"
+        :size="innerLink.size || 'medium'"
+        :prefix-icon="innerLink.prefixIcon || ''"
+        :suffix-icon="innerLink.suffixIcon || ''"
+        :underline="innerLink.underline || false"
+        :content="innerLink.content || ''"
+        :navigator-props="innerLink.navigatorProps || null"
         @complete="handleLinkClick"
       />
       <slot name="link" />
@@ -69,19 +69,19 @@
       >
         <slot name="close-btn" />
         <block
-          v-if="_closeBtn"
+          v-if="iCloseBtn"
           name="icon"
         >
           <t-icon
-            :custom-style="_closeBtn.style || ''"
+            :custom-style="iCloseBtn.style || ''"
             :t-class="tClassCloseBtn"
-            :prefix="_closeBtn.prefix"
-            :name="_closeBtn.name"
-            :size="_closeBtn.size"
-            :color="_closeBtn.color"
+            :prefix="iCloseBtn.prefix"
+            :name="iCloseBtn.name"
+            :size="iCloseBtn.size"
+            :color="iCloseBtn.color"
             :aria-hidden="false"
-            :aria-label="_closeBtn.ariaLabel || '关闭'"
-            :aria-role="_closeBtn.ariaRole || 'button'"
+            :aria-label="iCloseBtn.ariaLabel || '关闭'"
+            :aria-role="iCloseBtn.ariaRole || 'button'"
           />
         </block>
       </view>
@@ -173,13 +173,13 @@ export default uniComponent({
   watch: {
     theme: {
       handler(theme) {
-        this._icon = calcIcon(this.icon, THEME_ICON[theme]);
+        this.innerIcon = calcIcon(this.icon, THEME_ICON[theme]);
       },
       immediate: true,
     },
     icon: {
       handler(icon) {
-        this._icon = calcIcon(icon, THEME_ICON[this.theme]);
+        this.innerIcon = calcIcon(icon, THEME_ICON[this.theme]);
       },
       immediate: true,
     },
@@ -187,15 +187,15 @@ export default uniComponent({
 
     link: {
       handler(v) {
-        const _link = isObject(v) ? { ...v } : { content: v };
-        this._link = _link;
+        const innerLink = isObject(v) ? { ...v } : { content: v };
+        this.innerLink = innerLink;
       },
       immediate: true,
     },
 
     closeBtn: {
       handler(v) {
-        this._closeBtn = calcIcon(v, 'close');
+        this.iCloseBtn = calcIcon(v, 'close');
       },
       immediate: true,
     },
@@ -203,7 +203,7 @@ export default uniComponent({
   mounted() {
     this.memoInitialData();
   },
-  beforeUnMount() {
+  beforeUnmount() {
     this.clearMessageAnimation();
   },
   methods: {
@@ -348,6 +348,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './message-item.css';
-</style>
+<style scoped src="./message-item.css"></style>

package/dist/mixins/page-scroll.js

@@ -53,7 +53,7 @@ export default (funcName = 'onScroll', useBus = true) => {
       page.onPageScroll = onPageScroll;
     },
 
-    beforeUnMount() {
+    beforeUnmount() {
       if (useBus) {
         bus.off(PAGE_SCROLL_EVENT_NAME, this[funcName]);
         return;