@tdesign/uniapp 0.8.1 → 0.9.1

package/dist/indexes/indexes.vue

@@ -22,7 +22,7 @@
           aria-role="button"
           :aria-label="dataCurrent === item ? '已选中' + item : ''"
         >
-          {{ getFirstCharacter(item) }}
+          {{ getFirstCharacter(item, showFullIndex) }}
         </view>
 
         <view
@@ -38,14 +38,17 @@
 </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 { getRect, throttle, systemInfo } from '../common/utils';
-import pageScrollMixin from '../mixins/page-scroll';
 import tools from '../common/utils.wxs';
+import pageScrollMixin from '../mixins/page-scroll';
+
 import { getFirstCharacter } from './computed.js';
-import { ParentMixin, RELATION_MAP } from '../common/relation';
+import props from './props';
 
 
 const name = `${prefix}-indexes`;

package/dist/indexes/props.ts

@@ -17,6 +17,11 @@ export default {
   indexList: {
     type: Array,
   },
+  /** 索引是否完整展示 */
+  showFullIndex: {
+    type: Boolean,
+    default: false,
+  },
   /** 索引是否吸顶，默认为true */
   sticky: {
     type: Boolean,

package/dist/indexes/type.ts

@@ -17,6 +17,11 @@ export interface TdIndexesProps {
    * 索引字符列表。不传默认 `A-Z`
    */
   indexList?: Array<string | number>;
+  /**
+   * 索引是否完整展示
+   * @default false
+   */
+  showFullIndex?: Boolean;
   /**
    * 索引是否吸顶，默认为true
    * @default true

package/dist/indexes-anchor/README.en-US.md

@@ -11,7 +11,7 @@ index | String / Number | - | \- | 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
 -- | -- | --
 --td-indexes-anchor-active-bg-color | @bg-color-container | -
 --td-indexes-anchor-active-color | @brand-color | -

package/dist/indexes-anchor/README.md

@@ -15,7 +15,7 @@ t-class | 根节点样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-indexes-anchor-active-bg-color | @bg-color-container | -
 --td-indexes-anchor-active-color | @brand-color | -

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

@@ -20,11 +20,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 { 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}-indexes-anchor`;

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

@@ -93,7 +93,7 @@ t-class-tips | \-
 ### 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-input-align-items | center | -
 --td-input-bg-color | @bg-color-container | -

package/dist/input/README.md

@@ -164,7 +164,7 @@ t-class-tips | 提示样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-input-align-items | center | -
 --td-input-bg-color | @bg-color-container | -

package/dist/input/input.vue

@@ -143,15 +143,16 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { RELATION_MAP } from '../common/relation/parent-map';
+import { uniComponent } from '../common/src/index';
 import { getCharacterLength, calcIcon, coalesce, nextTick } from '../common/utils';
+import tools from '../common/utils.wxs';
 import { isDef } from '../common/validator';
+import TIcon from '../icon/icon';
+
 import { getInputClass } from './computed.js';
-import tools from '../common/utils.wxs';
-import { RELATION_MAP } from '../common/relation/parent-map';
+import props from './props';
 
 
 const name = `${prefix}-input`;
@@ -304,8 +305,8 @@ export default {
       },
 
       emitChange(data) {
-        this.$emit('change', data);
         this.$emit('update:value', data.value);
+        this.$emit('change', data);
       },
 
       onFocus(e) {
@@ -344,8 +345,9 @@ export default {
       },
 
       clearInput(e) {
+        this.updateValue('');
+        this.emitChange({ value: this.dataValue });
         this.$emit('clear', e.detail);
-        this.dataValue = '';
       },
 
       onKeyboardHeightChange(e) {

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

@@ -48,7 +48,7 @@ t-class-suffix-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-link-danger-active-color | @error-color-active | -
 --td-link-danger-color | @error-color | -

package/dist/link/README.md

@@ -98,7 +98,7 @@ t-class-suffix-icon | 后置图标样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-link-danger-active-color | @error-color-active | -
 --td-link-danger-color | @error-color | -

package/dist/link/link.vue

@@ -72,12 +72,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, coalesce } from '../common/utils';
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+
+import props from './props';
 
 
 const name = `${prefix}-link`;

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

@@ -40,7 +40,7 @@ t-class-text | \-
 ### 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-loading-color | @brand-color | -
 --td-loading-full-bg-color | rgba(255, 255, 255, 0.6) | -

package/dist/loading/README.md

@@ -89,7 +89,7 @@ t-class-text | 文本样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-loading-color | @brand-color | -
 --td-loading-full-bg-color | rgba(255, 255, 255, 0.6) | -

package/dist/loading/loading.vue

@@ -88,11 +88,13 @@
   </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 tools from '../common/utils.wxs';
 
+import props from './props';
+
 
 const name = `${prefix}-loading`;
 

package/dist/message/index.js

@@ -1,6 +1,7 @@
-import { MessageType } from './message.interface';
 import { getInstance } from '../common/utils';
 
+import { MessageType } from './message.interface';
+
 
 const showMessage = function (options, theme = MessageType.info) {
   const { context, selector = '#t-message', ...otherOptions } = options;

package/dist/message/message.vue

@@ -34,12 +34,13 @@
 </template>
 
 <script>
-import TMessageItem from '../message-item/message-item.vue';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
+import { uniComponent } from '../common/src/index';
+import { unitConvert } from '../common/utils';
+import TMessageItem from '../message-item/message-item.vue';
+
 import { MessageType } from './message.interface';
 import props from './props';
-import { unitConvert } from '../common/utils';
 
 
 const SHOW_DURATION = 400;

package/dist/message-item/index.js

@@ -1,5 +1,5 @@
-import { MessageType } from '../message/message.interface';
 import { getInstance } from '../common/utils';
+import { MessageType } from '../message/message.interface';
 
 
 const showMessage = function (options, theme = MessageType.info) {

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

@@ -89,16 +89,18 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import TLink from '../link/link';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
+import { uniComponent } from '../common/src/index';
 import { getRect, unitConvert, calcIcon } from '../common/utils';
-import { isObject } from '../common/validator';
 import tools from '../common/utils.wxs';
-import { getMessageStyles } from './computed.js';
+import { isObject } from '../common/validator';
+import TIcon from '../icon/icon';
+import TLink from '../link/link';
+
 import { messageDefaultData } from '../message/config';
 
+import { getMessageStyles } from './computed.js';
+
 
 const SHOW_DURATION = 400;
 const name = `${prefix}-message`;

package/dist/mixins/page-scroll.js

@@ -1,5 +1,5 @@
-import { getCurrentPage } from '../common/utils';
 import Bus from '../common/bus';
+import { getCurrentPage } from '../common/utils';
 
 const overflowScrollReg = /scroll|auto|overlay/i;
 

package/dist/mixins/using-config.js

@@ -1,8 +1,8 @@
 /**
  * 提供子组件从 config-provider 获取全局配置的能力
  */
-import { getComponentLocale, useConfig } from '../config-provider/use-config';
 import { toCamel } from '../common/utils';
+import { getComponentLocale, useConfig } from '../config-provider/use-config';
 import defaultLocale from '../locale/zh_CN';
 
 export default function usingConfig(options) {

package/dist/mixins/using-custom-navbar.js

@@ -25,7 +25,7 @@ const useCustomNavbarBehavior = {
       const { statusBarHeight } = systemInfo;
       let distance = 0;
       // #ifndef H5
-      // #ifndef APP-PLUS
+      // #ifndef APP
       const menuButton = uni.getMenuButtonBoundingClientRect();
       distance = menuButton.top + menuButton.bottom - statusBarHeight;
       // #endif

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

@@ -57,7 +57,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-navbar-padding-top | 20px | -
 --td-navbar-right | 95px | -

package/dist/navbar/README.md

@@ -45,7 +45,7 @@ import TNavbar from '@tdesign/uniapp/navbar/navbar.vue';
 
 #### 高度说明
 
-`navbar` 组件可由 `--td-navbar-height` 控制。在 H5 或 APP-PLUS 平台下，`--td-navbar-height` 变量需要业务自己设置，小程序平台则会根据 `statusBarHeight` 等变量计算得到。
+`navbar` 组件可由 `--td-navbar-height` 控制。在 H5 或 APP 平台下，`--td-navbar-height` 变量需要业务自己设置，小程序平台则会根据 `statusBarHeight` 等变量计算得到。
 
 ## API
 
@@ -104,7 +104,7 @@ t-class-title | 标题样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-navbar-padding-top | 20px | -
 --td-navbar-right | 95px | -

package/dist/navbar/navbar.vue

@@ -47,12 +47,13 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
+import { prefix } from '../common/config';
 import { uniComponent } from '../common/src/index';
 import { getRect, getWindowInfo } from '../common/utils';
-import { prefix } from '../common/config';
-import props from './props';
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+
+import props from './props';
 
 
 const name = `${prefix}-navbar`;
@@ -176,7 +177,7 @@ export default {
           '--td-navbar-capsule-width': `${iMenuRect.width}px`, // 胶囊宽度
           '--td-navbar-height': `${(iMenuRect.top - windowInfo.statusBarHeight) * 2 + iMenuRect.height}px`,
         };
-        // #ifdef H5 || APP-PLUS
+        // #ifdef H5 || APP
         delete iBoxStyle['--td-navbar-height'];
         // #endif
 

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

@@ -47,7 +47,7 @@ t-class-suffix-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-notice-bar-error-bg-color | @error-color-1 | -
 --td-notice-bar-error-color | @error-color | -

package/dist/notice-bar/README.md

@@ -103,7 +103,7 @@ t-class-suffix-icon | 后置图标样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-notice-bar-error-bg-color | @error-color-1 | -
 --td-notice-bar-error-color | @error-color | -

package/dist/notice-bar/notice-bar.vue

@@ -102,12 +102,13 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon.vue';
+import { prefix } from '../common/config';
 import { uniComponent } from '../common/src/index';
 import { getRect, getAnimationFrame, calcIcon } from '../common/utils';
-import props from './props';
-import { prefix } from '../common/config';
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon.vue';
+
+import props from './props';
 
 
 const name = `${prefix}-notice-bar`;

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

@@ -28,7 +28,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-overlay-bg-color | @mask-active | -
 --td-overlay-transition-duration | 300ms | -

package/dist/overlay/README.md

@@ -50,7 +50,7 @@ click | `(context: { visible: boolean })` | 点击遮罩时触发
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-overlay-bg-color | @mask-active | -
 --td-overlay-transition-duration | 300ms | -

package/dist/overlay/overlay.vue

@@ -37,12 +37,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 tools from '../common/utils.wxs';
 import transition from '../mixins/transition';
+
 import useCustomNavbar from '../mixins/using-custom-navbar';
-import tools from '../common/utils.wxs';
+
+import props from './props';
 
 
 const name = `${prefix}-overlay`;

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

@@ -59,7 +59,7 @@ label-suffix-index | \-
 ### 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-picker-bg-color | @bg-color-container | -
 --td-picker-border-radius | 24rpx | -

package/dist/picker/README.md

@@ -96,7 +96,7 @@ label-suffix-index | 列表子项后置插槽，用于自定义标签文本之
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-picker-bg-color | @bg-color-container | -
 --td-picker-border-radius | 24rpx | -

package/dist/picker/picker.vue

@@ -26,7 +26,7 @@
               :class="classPrefix + '__cancel ' + tClassCancel"
               @click="onCancel"
             >
-              {{ globalConfig.cancel }}
+              {{ cancelBtn === true ? globalConfig.cancel : cancelBtn }}
             </view>
             <view :class="classPrefix + '__title ' + tClassTitle">
               {{ title }}
@@ -36,7 +36,7 @@
               :class="classPrefix + '__confirm ' + tClassConfirm"
               @click="onConfirm"
             >
-              {{ globalConfig.confirm }}
+              {{ confirmBtn === true ? globalConfig.confirm : confirmBtn }}
             </view>
           </view>
           <slot name="header" />
@@ -72,7 +72,7 @@
             :class="classPrefix + '__cancel ' + tClassCancel"
             @click="onCancel"
           >
-            {{ globalConfig.cancel }}
+            {{ cancelBtn === true ? globalConfig.cancel : cancelBtn }}
           </view>
           <view :class="classPrefix + '__title ' + tClassTitle">
             {{ title }}
@@ -82,7 +82,7 @@
             :class="classPrefix + '__confirm ' + tClassConfirm"
             @click="onConfirm"
           >
-            {{ globalConfig.confirm }}
+            {{ confirmBtn === true ? globalConfig.confirm : confirmBtn }}
           </view>
         </view>
         <slot name="header" />
@@ -105,16 +105,18 @@
   </view>
 </template>
 <script>
-import TPopup from '../popup/popup';
+import { prefix } from '../common/config';
+
+import { ParentMixin, RELATION_MAP } from '../common/relation';
 import { uniComponent } from '../common/src/index';
 import { coalesce } from '../common/utils';
-import { prefix } from '../common/config';
-import props from './props';
-import useCustomNavbar from '../mixins/using-custom-navbar';
 import tools from '../common/utils.wxs';
-import { ParentMixin, RELATION_MAP } from '../common/relation';
 
 import usingConfig from '../mixins/using-config';
+import useCustomNavbar from '../mixins/using-custom-navbar';
+import TPopup from '../popup/popup';
+
+import props from './props';
 const componentName = 'picker';
 const name = `${prefix}-${componentName}`;
 

package/dist/picker-item/README.en-US.md

@@ -18,7 +18,7 @@ label-suffix--[index] | \-
 ### 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-picker-item-active-color | @text-color-primary | -
 --td-picker-item-color | @text-color-secondary | -

package/dist/picker-item/README.md

@@ -18,7 +18,7 @@ label-suffix--[index] | 列表子项后置插槽，用于自定义标签文本
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-picker-item-active-color | @text-color-primary | -
 --td-picker-item-color | @text-color-secondary | -

package/dist/picker-item/picker-item.vue

@@ -71,13 +71,14 @@
 </template>
 
 <script>
-import TIcon from '../icon/icon.vue';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
-import tools from '../common/utils.wxs';
-import { nextTick } from '../common/utils';
 import { ChildrenMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
+import { nextTick } from '../common/utils';
+import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon.vue';
+
+import props from './props';
 
 
 const name = `${prefix}-picker-item`;

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

@@ -38,7 +38,7 @@ t-class-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-popover-brand-bg-color | @primary-color-1 | -
 --td-popover-brand-color | @primary-color-7 | -

package/dist/popover/README.md

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

package/dist/popover/popover.vue

@@ -37,14 +37,17 @@
 </template>
 
 <script>
-import TOverlay from '../overlay/overlay';
-import { getWindowInfo } from '../common/wechat';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { uniComponent } from '../common/src/index';
+
+
 import { debounce, nextTick, coalesce } from '../common/utils';
-import { transitionMixins } from '../mixins/transition';
+import { getWindowInfo } from '../common/wechat';
 import pageScrollMixin from '../mixins/page-scroll';
+import { transitionMixins } from '../mixins/transition';
+import TOverlay from '../overlay/overlay';
+
+import props from './props';
 
 delete props.visible;
 

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

@@ -44,7 +44,7 @@ t-class-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-popup-bg-color | @bg-color-container | -
 --td-popup-border-radius | @radius-extraLarge | -

package/dist/popup/README.md

@@ -75,7 +75,7 @@ t-class-content | 内容样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-popup-bg-color | @bg-color-container | -
 --td-popup-border-radius | @radius-extraLarge | -