Skip to content

Commit d38d263

Browse files
author
st-sloth
committed
InputNumber: add select method
1 parent 38f2ea4 commit d38d263

File tree

5 files changed

+39
-0
lines changed

5 files changed

+39
-0
lines changed

examples/docs/en-US/input-number.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -203,3 +203,5 @@ Use attribute `size` to set additional sizes with `medium`, `small` or `mini`.
203203
| Method | Description | Parameters |
204204
|------|--------|-------|
205205
| focus | focus the Input component | - |
206+
| select | select the text in input element ||
207+

examples/docs/es/input-number.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -204,3 +204,5 @@ Utilice el atributo `size` para establecer tamaños adicionales con `medium`, `s
204204
| Método | Descripción | Parámetro |
205205
| ------ | ------------------------------------ | --------- |
206206
| focus | coloca el foco en el elemento actual | - |
207+
| select | selecciona el texto del input | - |
208+

examples/docs/zh-CN/input-number.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -200,3 +200,4 @@
200200
| 方法名 | 说明 | 参数 |
201201
| ---- | ---- | ---- |
202202
| focus | 使 input 获取焦点 | - |
203+
| select | 选中 input 中的文字 ||

packages/input-number/src/input-number.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -231,6 +231,9 @@
231231
if (!isNaN(newVal) || value === '') {
232232
this.setCurrentValue(newVal);
233233
}
234+
},
235+
select() {
236+
this.$refs.input.select();
234237
}
235238
},
236239
mounted() {

test/unit/specs/input-number.spec.js

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -396,4 +396,35 @@ describe('InputNumber', () => {
396396
done();
397397
});
398398
});
399+
400+
describe('InputNumber Methods', () => {
401+
it('method:select', done => {
402+
const testContent = '123';
403+
404+
vm = createVue({
405+
template: `
406+
<el-input-number
407+
ref="inputNumComp"
408+
:value="${testContent}"
409+
/>
410+
`
411+
}, true);
412+
413+
expect(vm.$refs.inputNumComp.$refs.input.$refs.input.selectionStart)
414+
.to.equal(testContent.length);
415+
expect(vm.$refs.inputNumComp.$refs.input.$refs.input.selectionEnd)
416+
.to.equal(testContent.length);
417+
418+
vm.$refs.inputNumComp.select();
419+
420+
vm.$nextTick(_ => {
421+
expect(vm.$refs.inputNumComp.$refs.input.$refs.input.selectionStart)
422+
.to.equal(0);
423+
expect(vm.$refs.inputNumComp.$refs.input.$refs.input.selectionEnd)
424+
.to.equal(testContent.length);
425+
426+
done();
427+
});
428+
});
429+
});
399430
});

0 commit comments

Comments
 (0)