@tdesign/uniapp 0.9.0 → 0.9.1

package/dist/rate/rate.vue

@@ -110,17 +110,20 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+
+import { parseEventDynamicCode } from '../common/event/dynamic';
+import { uniComponent } from '../common/src/index';
 import { unitConvert, getRect, coalesce } from '../common/utils';
 import tools from '../common/utils.wxs';
-import utils from './computed.js';
-import { parseEventDynamicCode } from '../common/event/dynamic';
+import TIcon from '../icon/icon';
 
 
 import usingConfig from '../mixins/using-config';
+
+import utils from './computed.js';
+
+import props from './props';
 const componentName = 'rate';
 const name = `${prefix}-${componentName}`;
 

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

@@ -33,7 +33,7 @@ t-class-title | \-
 ### 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-result-description-color | @text-color-secondary | -
 --td-result-description-font | @font-body-medium | -

package/dist/result/README.md

@@ -76,7 +76,7 @@ t-class-title | 标题样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-result-description-color | @text-color-secondary | -
 --td-result-description-font | @font-body-medium | -

package/dist/result/result.vue

@@ -60,13 +60,14 @@
 </template>
 
 <script>
-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 { uniComponent } from '../common/src/index';
 import { calcIcon } from '../common/utils';
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+import TImage from '../image/image';
+
+import props from './props';
 
 
 const name = `${prefix}-result`;

package/dist/row/row.vue

@@ -7,12 +7,16 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { ParentMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
+
+
 import tools from '../common/utils.wxs';
+
 import { getRowStyles } from './computed.js';
-import { ParentMixin, RELATION_MAP } from '../common/relation';
+import props from './props';
+
 
 const name = `${prefix}-row`;
 

package/dist/scroll-view/scroll-view.vue

@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
+import { uniComponent } from '../common/src/index';
 // import { canUseProxyScrollView } from '../common/version';
 
 

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

@@ -69,7 +69,7 @@ t-class-left | \-
 ### 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-search-action-color | @brand-color | -
 --td-search-bg-color | @bg-color-secondarycontainer | -

package/dist/search/README.md

@@ -109,7 +109,7 @@ t-class-left | 左侧图标样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-search-action-color | @brand-color | -
 --td-search-bg-color | @bg-color-secondarycontainer | -

package/dist/search/search.vue

@@ -102,14 +102,17 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
 import TCell from '../cell/cell';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { uniComponent } from '../common/src/index';
+
+
 import { getCharacterLength, nextTick } from '../common/utils';
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+
 import { highLight } from './computed.js';
+import props from './props';
 // import { getInnerMaxLen } from '../input/utils';
 
 const name = `${prefix}-search`;
@@ -197,7 +200,10 @@ export default {
 
         this.showClearIcon = value || String(clearTrigger) === 'always';
       },
-
+      emitChange(data) {
+        this.$emit('update:value', data.value);
+        this.$emit('change', data);
+      },
       onInput(e) {
         let { value } = e.detail;
         // this.rawValue = value;
@@ -213,7 +219,7 @@ export default {
 
         nextTick().then(() => {
           this.dataValue = value;
-          this.$emit('change', {
+          this.emitChange({
             value,
             trigger: 'input-change',
           });
@@ -237,11 +243,11 @@ export default {
       handleClear() {
         this.dataValue = '';
         this.isSearching = false;
-        this.$emit('clear', { value: '' });
-        this.$emit('change', {
+        this.emitChange({
           value: '',
           trigger: 'clear',
         });
+        this.$emit('clear', { value: '' });
       },
 
       onConfirm(e) {
@@ -258,8 +264,7 @@ export default {
         const item = this.resultList[index];
         this.dataValue = item;
         this.isSelected = true;
-
-        this.$emit('change', {
+        this.emitChange({
           value: item,
           trigger: 'option-click',
         });

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

@@ -30,7 +30,7 @@ t-class-thumb | \-
 ### 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-font-size-m | 32rpx | -
 --td-segmented-bg-color | @bg-color-component-disabled | -

package/dist/segmented/README.md

@@ -63,7 +63,7 @@ t-class-thumb | 动画背景样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-font-size-m | 32rpx | -
 --td-segmented-bg-color | @bg-color-component-disabled | -

package/dist/segmented/segmented.vue

@@ -40,12 +40,15 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { uniComponent } from '../common/src/index';
+
+
 import { calcIcon, getRect, coalesce } from '../common/utils';
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+
+import props from './props';
 
 const name = `${prefix}-segmented`;
 

package/dist/side-bar/README.en-US.md

@@ -44,7 +44,7 @@ name | Description
 ### 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-side-bar-bg-color | @bg-color-secondarycontainer | -
 --td-side-bar-height | 100% | -

package/dist/side-bar/README.md

@@ -77,7 +77,7 @@ value | String / Number | - | 当前选项的值 | N
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-side-bar-bg-color | @bg-color-secondarycontainer | -
 --td-side-bar-height | 100% | -

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

@@ -8,12 +8,14 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
+import { ParentMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
 import { coalesce } from '../common/utils';
-import props from './props';
+
 import tools from '../common/utils.wxs';
-import { ParentMixin, RELATION_MAP } from '../common/relation';
+
+import props from './props';
 
 
 const name = `${prefix}-side-bar`;

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

@@ -68,12 +68,13 @@
 </template>
 <script>
 import TBadge from '../badge/badge';
-import TIcon from '../icon/icon';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
-import tools from '../common/utils.wxs';
 import { ChildrenMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
+import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+
+import props from './props';
 
 
 const name = `${prefix}-side-bar-item`;
@@ -118,8 +119,8 @@ export default {
 
         return tools._style([
           {
-            fontSize: 'var(--td-side-bar-icon-size, 20px)',
-            marginRight: '2px',
+            fontSize: 'var(--td-side-bar-icon-size, 40rpx)',
+            marginRight: '4rpx',
           },
           this.innerIcon.style || '',
         ]);

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

@@ -30,7 +30,7 @@ t-class-row | \-
 ### 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-skeleton-circle-border-radius | @skeleton-circle-border-radius | -
 --td-skeleton-animation-flashed | rgba(90%, 90%, 90%, 0.3) | -

package/dist/skeleton/README.md

@@ -70,7 +70,7 @@ t-class-row | 列样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-skeleton-circle-border-radius | @skeleton-circle-border-radius | -
 --td-skeleton-animation-flashed | rgba(90%, 90%, 90%, 0.3) | -

package/dist/skeleton/skeleton.vue

@@ -35,12 +35,15 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { uniComponent } from '../common/src/index';
+
+
 import { classNames } from '../common/utils';
-import { isInteger, isNumeric } from '../common/validator';
 import tools from '../common/utils.wxs';
+import { isInteger, isNumeric } from '../common/validator';
+
+import props from './props';
 
 
 const name = `${prefix}-skeleton`;

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

@@ -43,7 +43,7 @@ t-class-cursor | \-
 ### 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-slider-active-color | @brand-color | -
 --td-slider-bar-height | 8rpx | -

package/dist/slider/README.md

@@ -109,7 +109,7 @@ t-class-cursor | 游标样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-slider-active-color | @brand-color | -
 --td-slider-bar-height | 8rpx | -

package/dist/slider/slider.vue

@@ -191,16 +191,18 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
+import Bus from '../common/bus';
 import { prefix } from '../common/config';
-import { trimSingleValue, trimValue } from './tool';
-import props from './props';
+import { uniComponent } from '../common/src/index';
 import { getRect, coalesce, nextTick } from '../common/utils';
-import Bus from '../common/bus';
 import tools from '../common/utils.wxs';
-import { getValue } from './computed.js';
+
 import { isString, isFunction } from '../common/validator';
 
+import { getValue } from './computed.js';
+import props from './props';
+import { trimSingleValue, trimValue } from './tool';
+
 
 const name = `${prefix}-slider`;
 

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

@@ -79,13 +79,14 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { ChildrenMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+
 import { getAriaLabel } from './computed.js';
-import { ChildrenMixin, RELATION_MAP } from '../common/relation';
+import props from './props';
 
 
 const name = `${prefix}-steps-item`;

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

@@ -40,7 +40,7 @@ t-class-plus | \-
 ### 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-stepper-input-disabled-bg | @bg-color-component-disabled | -
 --td-stepper-input-disabled-color | @text-color-disabled | -

package/dist/stepper/README.md

@@ -83,7 +83,7 @@ t-class-plus | 右侧递增号样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-stepper-input-disabled-bg | @bg-color-component-disabled | -
 --td-stepper-input-disabled-color | @text-color-disabled | -

package/dist/stepper/stepper.vue

@@ -48,12 +48,14 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
+import { uniComponent } from '../common/src/index';
 import { coalesce, nextTick } from '../common/utils';
-import props from './props';
+
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+
+import props from './props';
 
 
 const name = `${prefix}-stepper`;

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

@@ -69,7 +69,7 @@ t-class-title | \-
 ### 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-step-item-circle-size | 44rpx | -
 --td-step-item-circle-text-font | @font-body-medium | -

package/dist/steps/README.md

@@ -129,7 +129,7 @@ t-class-title | 标题样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-step-item-circle-size | 44rpx | -
 --td-step-item-circle-text-font | @font-body-medium | -

package/dist/steps/steps.vue

@@ -7,11 +7,13 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
-import tools from '../common/utils.wxs';
 import { ParentMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
+
+import tools from '../common/utils.wxs';
+
+import props from './props';
 
 
 const name = `${prefix}-steps`;

package/dist/sticky/sticky.vue

@@ -12,12 +12,13 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
-import props from './props';
 import { prefix } from '../common/config';
-import pageScrollMixin from '../mixins/page-scroll';
+import { uniComponent } from '../common/src/index';
 import { getRect, nextTick } from '../common/utils';
 import tools from '../common/utils.wxs';
+import pageScrollMixin from '../mixins/page-scroll';
+
+import props from './props';
 
 
 const name = `${prefix}-sticky`;

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

@@ -96,12 +96,14 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { parseEventDynamicCode } from '../common/event/dynamic';
+import { uniComponent } from '../common/src/index';
 import { getRect } from '../common/utils';
+import tools from '../common/utils.wxs';
 import { getObserver } from '../common/wechat';
+import TIcon from '../icon/icon';
+
 import {
   initLeftWidth,
   initRightWidth,
@@ -111,8 +113,8 @@ import {
   onCloseChange,
   onOpenedChange,
 } from './computed';
-import tools from '../common/utils.wxs';
-import { parseEventDynamicCode } from '../common/event/dynamic';
+import props from './props';
+
 
 let ARRAY = [];
 

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

@@ -72,7 +72,7 @@ t-class | \-
 ### 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-swiper-item-padding | 0 | -
 --td-swiper-radius | @radius-large | -

package/dist/swiper/README.md

@@ -124,7 +124,7 @@ t-class | 根节点样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-swiper-item-padding | 0 | -
 --td-swiper-radius | @radius-large | -

package/dist/swiper/swiper.vue

@@ -67,14 +67,16 @@
   </view>
 </template>
 <script>
-import TSwiperNav from '../swiper-nav/swiper-nav';
-import TImage from '../image/image';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { ParentMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
 import tools from '../common/utils.wxs';
+import TImage from '../image/image';
+import TSwiperNav from '../swiper-nav/swiper-nav';
+
 import { isPrev, isNext, getImageClass } from './computed.js';
-import { ParentMixin, RELATION_MAP } from '../common/relation';
+import props from './props';
+
 
 const name = `${prefix}-swiper`;
 

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

@@ -45,11 +45,14 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
-import tools from '../common/utils.wxs';
 import { ChildrenMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
+
+import tools from '../common/utils.wxs';
+
+import props from './props';
+
 
 const name = `${prefix}-swiper-nav`;
 

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

@@ -34,7 +34,7 @@ t-class-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-switch-checked-color | @brand-color | -
 --td-switch-checked-disabled-color | @brand-color-disabled | -

package/dist/switch/README.md

@@ -70,7 +70,7 @@ t-class-label | 开关内容样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-switch-checked-color | @brand-color | -
 --td-switch-checked-disabled-color | @brand-color-disabled | -

package/dist/switch/switch.vue

@@ -37,13 +37,14 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import TLoading from '../loading/loading';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
+import { uniComponent } from '../common/src/index';
 import { coalesce } from '../common/utils';
-import props from './props';
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+import TLoading from '../loading/loading';
+
+import props from './props';
 
 
 const name = `${prefix}-switch`;

package/dist/tab-bar/README.en-US.md

@@ -44,7 +44,7 @@ icon | \-
 ### 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-tab-bar-bg-color | @bg-color-container | -
 --td-tab-bar-border-color | @border-level-1-color | -

package/dist/tab-bar/README.md

@@ -92,7 +92,7 @@ icon | 图标插槽，用于自定义图标区域内容
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-tab-bar-bg-color | @bg-color-container | -
 --td-tab-bar-border-color | @border-level-1-color | -