Merge branch 'develop' into feature/uniapp-theme

Author: novlan1

packages/components/fab/template/draggable.wxml

@@ -4,6 +4,8 @@
 <template name="draggable">
   <t-draggable
     id="draggable"
+    class="class"
+    t-class="{{prefix}}-class"
     style="right: 16px; bottom: 32px; {{_._style([style, customStyle, moveStyle])}}"
     direction="{{draggable === true ? 'all' : draggable}}"
     bind:start="onStart"

packages/components/indexes/README.en-US.md

@@ -10,9 +10,10 @@ style | Object | - | CSS(Cascading Style Sheets) | N
 custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N
 current | String / Number | - | `1.9.7` | N
 default-current | String / Number | undefined | `1.9.7`。uncontrolled property | N
-index-list | Array | - | `0.32.0`。Typescript：`Array<string \| number>` | N
-list | Array | [] | `deprecated`。Typescript：`ListItem[] ` `interface ListItem { title: string;  index: string;  children: { title: string; [key: string]: any} [] }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/indexes/type.ts) | N
-sticky | Boolean | true | Typescript：`Boolean` | N
+index-list | Array | - | `0.32.0`。Typescript: `Array<string \| number>` | N
+list | Array | [] | `deprecated`。Typescript: `ListItem[] ` `interface ListItem { title: string;  index: string;  children: { title: string; [key: string]: any} [] }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/indexes/type.ts) | N
+show-full-index | Boolean | false | `1.13.2`。Typescript: `Boolean` | N
+sticky | Boolean | true | Typescript: `Boolean` | N
 sticky-offset | Number | 0 | `1.0.0` | N
 
 ### Indexes Events

packages/components/indexes/README.md

@@ -61,6 +61,7 @@ current | String / Number | - | `1.9.7`。索引列表的激活项，默认首
 default-current | String / Number | undefined | `1.9.7`。索引列表的激活项，默认首项。非受控属性 | N
 index-list | Array | - | `0.32.0`。索引字符列表。不传默认 `A-Z`。TS 类型：`Array<string \| number>` | N
 list | Array | [] | 已废弃。索引列表的列表数据。每个元素包含三个子元素，index(string)：索引值，例如1，2，3，...或A，B，C等；title(string): 索引标题，可不填将默认设为索引值；children(Array<{title: string}>): 子元素列表，title为子元素的展示文案。TS 类型：`ListItem[] ` `interface ListItem { title: string;  index: string;  children: { title: string; [key: string]: any} [] }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/indexes/type.ts) | N
+show-full-index | Boolean | false | `1.13.2`。是否显示完整的索引内容，默认只显示首字符。TS 类型：`Boolean` | N
 sticky | Boolean | true | 索引是否吸顶，默认为true。TS 类型：`Boolean` | N
 sticky-offset | Number | 0 | `1.0.0`。锚点吸顶时与顶部的距离	 | N
 

packages/components/indexes/__test__/__snapshots__/demo.test.js.snap

@@ -453,6 +453,7 @@ exports[`Indexes Indexes custom demo works fine 1`] = `
           "#",
         ]
       }}"
+      showFullIndex="{{true}}"
       stickyOffset="{{8}}"
       tClass="wrapper"
       bind:change="onChange"

packages/components/indexes/_example/custom/index.wxml

@@ -2,7 +2,13 @@
   <t-navbar title="TDesign" leftArrow placeholder />
 </view>
 <view class="indexes">
-  <t-indexes bind:change="onChange" index-list="{{indexList}}" sticky-offset="{{stickyOffset + 8}}" t-class="wrapper">
+  <t-indexes
+    bind:change="onChange"
+    show-full-index
+    index-list="{{indexList}}"
+    sticky-offset="{{stickyOffset + 8}}"
+    t-class="wrapper"
+  >
     <block wx:for="{{list}}" wx:key="index">
       <t-indexes-anchor index="{{item.index}}" t-class="anchor-wrapper">
         <view class="capsule{{curIndex == item.index ? ' capsule--active' : ''}}">{{item.index}}</view>

packages/components/indexes/indexes.less

@@ -20,17 +20,22 @@
   &__sidebar {
     position: fixed;
     right: @indexes-sidebar-right;
-    width: @indexes-sidebar-item-size;
     color: @indexes-sidebar-color;
     font: @indexes-sidebar-font;
     display: flex;
+    align-items: center;
+    justify-content: center;
     flex-flow: column nowrap;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
 
     &-item {
-      border-radius: 50%;
+      min-width: @indexes-sidebar-item-size;
+      height: @indexes-sidebar-item-size;
+      padding: 0 calc(@spacer / 2);
+      box-sizing: border-box;
+      border-radius: @indexes-sidebar-item-size;
       position: relative;
       text-align: center;
 

packages/components/indexes/indexes.wxml

@@ -17,7 +17,7 @@
       bind:tap="onClick"
     >
       <view aria-role="button" aria-label="{{ current === item ? '已选中' + item : ''}}">
-        {{ _this.getFirstCharacter(item) }}
+        {{ _this.getFirstCharacter(item, showFullIndex) }}
       </view>
       <view class="{{classPrefix}}__sidebar-tips" wx:if="{{ showTips && current === item }}"> {{ item }} </view>
     </view>

packages/components/indexes/indexes.wxs

@@ -1,5 +1,9 @@
-function getFirstCharacter(str) {
-  return str.toString().substring(0, 1);
+function getFirstCharacter(str, showFullIndex) {
+  var res = str.toString();
+  if (showFullIndex) {
+    return res;
+  }
+  return res.substring(0, 1);
 }
 
 module.exports = {

packages/components/indexes/props.ts

@@ -19,6 +19,11 @@ const props: TdIndexesProps = {
   indexList: {
     type: Array,
   },
+  /** 是否显示完整的索引内容，默认只显示首字符 */
+  showFullIndex: {
+    type: Boolean,
+    value: false,
+  },
   /** 索引是否吸顶，默认为true */
   sticky: {
     type: Boolean,

packages/components/indexes/type.ts

@@ -26,6 +26,14 @@ export interface TdIndexesProps {
     type: ArrayConstructor;
     value?: Array<string | number>;
   };
+  /**
+   * 是否显示完整的索引内容，默认只显示首字符
+   * @default false
+   */
+  showFullIndex?: {
+    type: BooleanConstructor;
+    value?: Boolean;
+  };
   /**
    * 索引是否吸顶，默认为true
    * @default true