@tdesign/uniapp 0.7.1 → 0.7.2

package/dist/side-bar-item/side-bar-item.vue

@@ -32,20 +32,20 @@
       />
     </block>
     <block
-      v-if="_icon"
+      v-if="innerIcon"
       name="icon"
     >
       <t-icon
         :custom-style="iconCustomStyle"
         :t-class="classPrefix + '__icon'"
-        :prefix="_icon.prefix"
-        :name="_icon.name"
-        :size="_icon.size"
-        :color="_icon.color"
-        :aria-hidden="!!_icon.ariaHidden"
-        :aria-label="_icon.ariaLabel"
-        :aria-role="_icon.ariaRole"
-        @click="_icon.click || ''"
+        :prefix="innerIcon.prefix"
+        :name="innerIcon.name"
+        :size="innerIcon.size"
+        :color="innerIcon.color"
+        :aria-hidden="!!innerIcon.ariaHidden"
+        :aria-label="innerIcon.ariaLabel"
+        :aria-role="innerIcon.ariaRole"
+        @click="innerIcon.click || ''"
       />
     </block>
     <block v-if="badgeProps">
@@ -122,14 +122,14 @@ export default uniComponent({
           fontSize: 'var(--td-side-bar-icon-size, 20px)',
           marginRight: '2px',
         },
-        this._icon.style || '',
+        this.innerIcon.style || '',
       ]);
     },
   },
   watch: {
     icon: {
       handler(v) {
-        this._icon = typeof v === 'string' ? { name: v } : v;
+        this.innerIcon = typeof v === 'string' ? { name: v } : v;
       },
       immediate: true,
     },
@@ -162,7 +162,4 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './side-bar-item.css';
-
-</style>
+<style scoped src="./side-bar-item.css"></style>

package/dist/skeleton/skeleton.vue

@@ -105,7 +105,7 @@ export default uniComponent({
     this.init();
     this.isShowSkeleton();
   },
-  beforeUnMount() {
+  beforeUnmount() {
     this.clearTimer();
   },
   methods: {
@@ -206,6 +206,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './skeleton.css';
-</style>
+<style scoped src="./skeleton.css"></style>

package/dist/slider/slider.vue

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

package/dist/step-item/step-item.vue

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

package/dist/stepper/stepper.vue

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

package/dist/steps/steps.vue

@@ -110,9 +110,8 @@ export default uniComponent({
   },
 });
 </script>
+<style scoped src="./steps.css"></style>
 <style scoped>
-@import './steps.css';
-
 /* #ifndef MP-WEIXIN */
 /* 适配 qq 小程序等 */
 :deep(t-step-item) {

package/dist/sticky/sticky.vue

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

package/dist/swipe-cell/swipe-cell.vue

@@ -190,7 +190,7 @@ export default uniComponent({
     ARRAY.push(this);
     this.setSwipeWidth();
   },
-  beforeUnMount() {
+  beforeUnmount() {
     ARRAY = ARRAY.filter(e => e !== this);
   },
   methods: {
@@ -239,7 +239,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './swipe-cell.css';
-
-</style>
+<style scoped src="./swipe-cell.css"></style>

package/dist/swiper/swiper.vue

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

package/dist/swiper-nav/swiper-nav.vue

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

package/dist/switch/switch.vue

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

package/dist/tab-bar/tab-bar.vue

@@ -56,6 +56,7 @@ export default uniComponent({
       tools,
 
       dataValue: coalesce(this.value, this.defaultValue),
+      placeholderHeight: 56,
     };
   },
   watch: {
@@ -131,8 +132,8 @@ export default uniComponent({
   },
 });
 </script>
+<style scoped src="./tab-bar.css"></style>
 <style scoped>
-@import './tab-bar.css';
 /* #ifndef MP-WEIXIN */
 :deep(t-tab-bar-item) {
   flex: 1;

package/dist/tab-bar-item/tab-bar-item.vue

@@ -33,20 +33,20 @@
           :t-class-count="prefix + '-badge-class'"
         >
           <block
-            v-if="_icon"
+            v-if="innerIcon"
             name="icon"
           >
             <t-icon
-              :custom-style="_icon.style || ''"
-              :t-class="_icon.tClass || ''"
-              :prefix="_icon.prefix"
-              :name="_icon.name"
-              :size="_icon.size || (iconOnly ? 24 : 20)"
-              :color="_icon.color"
-              :aria-hidden="_icon.ariaHidden"
-              :aria-label="_icon.ariaLabel"
-              :aria-role="_icon.ariaRole"
-              @click="_icon.click || ''"
+              :custom-style="innerIcon.style || ''"
+              :t-class="innerIcon.tClass || ''"
+              :prefix="innerIcon.prefix"
+              :name="innerIcon.name"
+              :size="innerIcon.size || (iconOnly ? 24 : 20)"
+              :color="innerIcon.color"
+              :aria-hidden="innerIcon.ariaHidden"
+              :aria-label="innerIcon.ariaLabel"
+              :aria-role="innerIcon.ariaRole"
+              @click="innerIcon.click || ''"
             />
           </block>
           <!-- 避免被 badge 组件识别为空，t-badge__content:not(:empty) -->
@@ -57,16 +57,16 @@
           name="icon"
         >
           <t-icon
-            :custom-style="_icon.style || ''"
-            :t-class="_icon.tClass || ''"
-            :prefix="_icon.prefix"
-            :name="_icon.name"
-            :size="_icon.size || (iconOnly ? 24 : 20)"
-            :color="_icon.color"
+            :custom-style="innerIcon.style || ''"
+            :t-class="innerIcon.tClass || ''"
+            :prefix="innerIcon.prefix"
+            :name="innerIcon.name"
+            :size="innerIcon.size || (iconOnly ? 24 : 20)"
+            :color="innerIcon.color"
             :aria-hidden="!iconOnly"
-            :aria-label="_icon.ariaLabel"
-            :aria-role="_icon.ariaRole"
-            @click="_icon.click || ''"
+            :aria-label="innerIcon.ariaLabel"
+            :aria-role="innerIcon.ariaRole"
+            @click="innerIcon.click || ''"
           />
         </block>
         <slot name="icon" />
@@ -148,7 +148,7 @@ export default uniComponent({
     },
     icon: {
       handler(v) {
-        this._icon = calcIcon(v);
+        this.innerIcon = calcIcon(v);
       },
       immediate: true,
     },
@@ -216,7 +216,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './tab-bar-item.css';
-
-</style>
+<style scoped src="./tab-bar-item.css"></style>

package/dist/tab-panel/tab-panel.vue

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

package/dist/tabs/tabs.vue

@@ -478,9 +478,8 @@ export default uniComponent({
   },
 });
 </script>
+<style scoped src="./tabs.css"></style>
 <style scoped>
-@import './tabs.css';
-
 /* #ifndef MP-WEIXIN */
 :deep(t-tab-panel) {
   flex-shrink: 0;

package/dist/tag/tag.vue

@@ -9,19 +9,19 @@
       :class="classPrefix + '__icon'"
     >
       <block
-        v-if="_icon"
+        v-if="innerIcon"
         name="icon"
       >
         <t-icon
-          :custom-style="_icon.style || ''"
+          :custom-style="innerIcon.style || ''"
           :t-class="prefix + '-icon'"
-          :prefix="_icon.prefix"
-          :name="_icon.name"
-          :size="_icon.size"
-          :color="_icon.color"
-          :aria-hidden="!!_icon.ariaHidden"
-          :aria-label="_icon.ariaLabel"
-          :aria-role="_icon.ariaRole"
+          :prefix="innerIcon.prefix"
+          :name="innerIcon.name"
+          :size="innerIcon.size"
+          :color="innerIcon.color"
+          :aria-hidden="!!innerIcon.ariaHidden"
+          :aria-label="innerIcon.ariaLabel"
+          :aria-role="innerIcon.ariaRole"
         />
       </block>
       <slot name="icon" />
@@ -30,19 +30,19 @@
       <slot />
     </view>
     <block
-      v-if="_closable"
+      v-if="innerClosable"
       name="icon"
     >
       <t-icon
-        :custom-style="_closable.style || ''"
+        :custom-style="innerClosable.style || ''"
         :t-class="classPrefix + '__icon-close ' + prefix + '-icon'"
-        :prefix="_closable.prefix"
-        :name="_closable.name"
-        :size="_closable.size"
-        :color="_closable.color"
-        :aria-hidden="!!_closable.ariaHidden"
-        :aria-label="_closable.ariaLabel || '关闭'"
-        :aria-role="_closable.ariaRole"
+        :prefix="innerClosable.prefix"
+        :name="innerClosable.name"
+        :size="innerClosable.size"
+        :color="innerClosable.color"
+        :aria-hidden="!!innerClosable.ariaHidden"
+        :aria-label="innerClosable.ariaLabel || '关闭'"
+        :aria-role="innerClosable.ariaRole"
         @click="handleClose"
       />
     </block>
@@ -87,8 +87,8 @@ export default uniComponent({
       tagStyle: '',
       tools,
 
-      _icon: null,
-      _closable: null,
+      innerIcon: null,
+      innerClosable: null,
     };
   },
   watch: {
@@ -100,14 +100,14 @@ export default uniComponent({
     maxWidth: 'setTagStyle',
     icon: {
       handler(s) {
-        this._icon = calcIcon(s);
+        this.innerIcon = calcIcon(s);
       },
       immediate: true,
     },
     closable: {
       handler(s) {
         this.setClass();
-        this._closable = calcIcon(s, 'close');
+        this.innerClosable = calcIcon(s, 'close');
       },
       immediate: true,
     },
@@ -155,7 +155,4 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './tag.css';
-
-</style>
+<style scoped src="./tag.css"></style>

package/dist/textarea/textarea.vue

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

package/dist/toast/toast.vue

@@ -17,20 +17,20 @@
           layout="vertical"
         />
         <block
-          v-else-if="_icon"
+          v-else-if="innerIcon"
           name="icon"
         >
           <t-icon
-            :custom-style="_icon.style || ''"
+            :custom-style="innerIcon.style || ''"
             :t-class="iconTClass"
             :class="iconClass"
-            :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>
         <slot name="icon" />
@@ -111,7 +111,7 @@ export default uniComponent({
     return {
       prefix,
       classPrefix: name,
-      _icon: null,
+      innerIcon: null,
       ...info,
 
       isLoading: false,
@@ -139,7 +139,7 @@ export default uniComponent({
     },
   },
 
-  beforeUnMount() {
+  beforeUnmount() {
     this.destroyed();
   },
   methods: {
@@ -168,7 +168,7 @@ export default uniComponent({
         ...options,
         realVisible: true,
         isLoading: options?.theme === 'loading',
-        _icon: calcIcon(coalesce(typeMapIcon, options.icon)),
+        innerIcon: calcIcon(coalesce(typeMapIcon, options.icon)),
       };
 
       const { duration } = data;
@@ -208,6 +208,4 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './toast.css';
-</style>
+<style scoped src="./toast.css"></style>

package/dist/transition/transition.vue

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

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

@@ -252,13 +252,12 @@ export default uniComponent({
     getScrollIntoView(status) {
       const { innerValue: value, customValue, scrollIntoView } = this;
       if (status === 'init') {
-        const _value = customValue || value;
-        const scrollIntoView = Array.isArray(_value)
-          ? _value.map(item => (Array.isArray(item) ? item[0] : item))
-          : [_value];
-        // setTimeout(() => {
+        const innerValue = customValue || value;
+        const scrollIntoView = Array.isArray(innerValue)
+          ? innerValue.map(item => (Array.isArray(item) ? item[0] : item))
+          : [innerValue];
+
         this.scrollIntoView = scrollIntoView;
-        // }, 1000);
       } else {
         if (scrollIntoView === null) return;
         this.scrollIntoView = null;
@@ -314,6 +313,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './tree-select.css';
-</style>
+<style scoped src="./tree-select.css"></style>

package/dist/upload/upload.vue

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

package/dist/watermark/watermark.vue

@@ -190,9 +190,8 @@ export default uniComponent({
 });
 </script>
 
+<style scoped src="./watermark.css"></style>
 <style scoped>
-@import './watermark.css';
-
 /* diff with td-mini */
 .watermark-move {
   animation: watermark var(--watermark-animation-duration, 100s) linear infinite;

package/package.json

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