feat(input): 支持readonly下的点击事件 (#76)

Author: novlan1

packages/tdesign/input/_example/status/index.vue

@@ -14,12 +14,14 @@
       label="标签文字"
       value="不可编辑文字"
       disabled
+      @click="onClick"
     />
 
     <t-input
       label="标签文字"
       value="只读模式"
       readonly
+      @click="onClick"
     />
   </view>
 </template>
@@ -34,7 +36,11 @@ export default {
     return {};
   },
   created() {},
-  methods: {},
+  methods: {
+    onClick() {
+      console.log('click input');
+    },
+  },
 };
 </script>
 <style>

packages/tdesign/input/input.vue

@@ -1,7 +1,8 @@
 <template>
   <view
     :style="_._style([customStyle])"
-    :class="_.cls(classPrefix, [['border', !borderless]]) + ' ' + classPrefix + '--layout-' + layout + ' ' + tClass"
+    :class="_.cls(classPrefix, [['border', !borderless], ['readonly', readonly], ['disabled', disabled]])
+      + ' ' + classPrefix + '--layout-' + layout + ' ' + tClass"
     aria-describedby
   >
     <view :class="classPrefix + '__wrap--prefix'">
@@ -372,5 +373,16 @@ export default uniComponent({
 </script>
 <style scoped>
 @import './input.css';
-
+/* #ifdef H5 */
+.t-input--disabled {
+  :deep(input) {
+    pointer-events: none;
+  }
+}
+.t-input--readonly {
+  :deep(input) {
+    pointer-events: none;
+  }
+}
+/* #endif */
 </style>