feat(button): add new prop customDataset

Tencent · Mar 14, 2022 · 2cebf36 · 2cebf36
1 parent 4a9d1a3
commit 2cebf36
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/src/button/README.md b/src/button/README.md
@@ -78,6 +78,7 @@ isComponent: true
 -- | -- | -- | -- | --
 block | Boolean | false | 是否为块级元素 | N
 content | String / Slot | - | 按钮内容 | N
+custom-dataset | Any | - | 自定义 dataset，可通过 event.currentTarget.dataset.custom 获取。TS 类型：`any` | N
 disabled | Boolean | false | 是否禁用按钮 | N
 external-classes | Array | - | 组件类名。`['t-class', 't-class-icon']` | N
 ghost | Boolean | false | 是否为幽灵按钮（镂空按钮） | N

diff --git a/src/button/button.wxml b/src/button/button.wxml
@@ -1,4 +1,5 @@
 <button
+  data-custom="{{ customDataset }}"
   class="{{className}} {{prefix}}-class"
   form-type="{{type}}"
   open-type="{{disabled ? '' : openType}}"

diff --git a/src/button/props.ts b/src/button/props.ts
@@ -15,6 +15,10 @@ const props: TdButtonProps = {
   content: {
     type: String,
   },
+  /** 自定义 dataset，可通过 event.currentTarget.dataset.custom 获取 */
+  customDataset: {
+    type: null,
+  },
   /** 是否禁用按钮 */
   disabled: {
     type: Boolean,

diff --git a/src/button/type.ts b/src/button/type.ts
@@ -24,6 +24,14 @@ export interface TdButtonProps {
     value?: string;
     required?: boolean;
   };
+  /**
+   * 自定义 dataset，可通过 event.currentTarget.dataset.custom 获取
+   */
+  customDataset?: {
+    type: ObjectConstructor;
+    value?: any;
+    required?: boolean;
+  };
   /**
    * 是否禁用按钮
    * @default false