Browse Source

feat(input): 新增adjust-position原生属性 (#1255)

mikasayw 3 years ago
parent
commit
2a3891b764

+ 1 - 0
src/packages/__VUE/input/doc.md

@@ -418,6 +418,7 @@ app.use(Icon);
 | error-message-align | 底部错误提示文案对齐方式,可选值 `left`、`center`、`right`          | String | - |
 | formatter      | 输入内容格式化函数    | `(val: string) => string` | - |
 | format-trigger | 格式化函数触发的时机,可选值为 `onChange`、`onBlur` | String | - |
+| adjust-position| 键盘弹起时,是否自动上推页面,仅支持原生     | Boolean | `true` |
 
 ### Event
 

+ 6 - 0
src/packages/__VUE/input/index.taro.vue

@@ -32,6 +32,7 @@
           :value="modelValue"
           :formatTrigger="formatTrigger"
           :autofocus="autofocus"
+          :adjust-position="adjustPosition"
           @input="onInput"
           @focus="onFocus"
           @blur="onBlur"
@@ -50,6 +51,7 @@
           :value="modelValue"
           :formatTrigger="formatTrigger"
           :autofocus="autofocus"
+          :adjust-position="adjustPosition"
           @input="onInput"
           @focus="onFocus"
           @blur="onBlur"
@@ -221,6 +223,10 @@ export default create({
     autofocus: {
       type: Boolean,
       default: false
+    },
+    adjustPosition: {
+      type: Boolean,
+      default: true
     }
   },
 

+ 4 - 1
src/sites/mobile-taro/vue/src/dentry/pages/input/index.vue

@@ -49,6 +49,7 @@
       rows="2"
       maxLength="50"
       placeholder="请输入留言"
+      :adjust-position="state.adjustPosition"
     />
 
     <h2>对齐方式</h2>
@@ -67,6 +68,7 @@
       right-icon="ask2"
       clearable
       placeholder="显示图标"
+      :adjust-position="state.adjustPosition"
       @update:model-value="change"
       @focus="focus"
       @blur="blur"
@@ -103,7 +105,8 @@ export default {
       textarea: '',
       align1: '',
       align2: '',
-      event: ''
+      event: '',
+      adjustPosition: false
     });
     setTimeout(function () {
       // state.val1 = '异步数据';