Skip to content

Commit e3be2bc

Browse files
baiwusanyu-cbaiwusanyu-c
authored
feat: added KInputNumber component(#375)
feat: added KInputNumber component
2 parents 713aad6 + fd70793 commit e3be2bc

27 files changed

+1566
-45
lines changed

‎components/Form/__test__/__snapshots__/form.spec.ts.snap

Lines changed: 20 additions & 2 deletions
Large diffs are not rendered by default.

‎components/Form/__test__/fixture/disabled.svelte

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
import { KCheckboxGroup } from '@ikun-ui/checkbox-group';
1010
import { KSelect } from '@ikun-ui/select';
1111
import { KSlider } from '@ikun-ui/slider';
12+
import { KInputNumber } from '@ikun-ui/input-number';
1213
const initValue = {
1314
KInput: 'KInput',
1415
KSwitch: true,
1516
KRate: 4,
17+
KInputNumber: 4,
1618
KRadio: '3',
1719
KCheckbox: ['2'],
1820
KSelect: { label: '不知明镜里', value: '不知', id: '3' },
@@ -40,6 +42,9 @@
4042
<KFormItem field="KRate" label="KRate">
4143
<KRate clearable />
4244
</KFormItem>
45+
<KFormItem field="KInputNumber" label="KInputNumber">
46+
<KInputNumber />
47+
</KFormItem>
4348
<KFormItem field="KRadio" label="KRadio">
4449
<KRadioGroup>
4550
<KRadio uid="1">KRadio 1</KRadio>

‎components/Form/__test__/fixture/getForm.svelte

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
import { KCheckboxGroup } from '@ikun-ui/checkbox-group';
1010
import { KSelect } from '@ikun-ui/select';
1111
import { createEventDispatcher } from 'svelte';
12+
import { KInputNumber } from '@ikun-ui/input-number';
1213
export let initValue = {};
1314
let KFormInst: KForm | undefined = undefined;
1415
const dataList = [
@@ -23,6 +24,10 @@
2324
{ required: true, msg: 'KInput required' },
2425
{ min: 3, max: 5, msg: 'KInput 3 ~5' }
2526
],
27+
KInputNumber: [
28+
{ required: true, msg: 'KInputNumber required' },
29+
{ min: 3, max: 5, msg: 'KInputNumber 3 ~5' }
30+
],
2631
KSwitch: [
2732
{
2833
required: true,
@@ -84,6 +89,9 @@
8489
<KFormItem field="KRate" label="KRate">
8590
<KRate clearable />
8691
</KFormItem>
92+
<KFormItem field="KInputNumber" label="KInputNumber">
93+
<KInputNumber />
94+
</KFormItem>
8795
<KFormItem field="KRadio" label="KRadio">
8896
<KRadioGroup>
8997
<KRadio uid="1">KRadio 1</KRadio>

‎components/Form/__test__/fixture/init.svelte

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,12 @@
1010
import { KSelect } from '@ikun-ui/select';
1111
import { onMount } from 'svelte';
1212
import { KSlider } from '@ikun-ui/slider';
13+
import { KInputNumber } from '@ikun-ui/input-number';
1314
const initValue = {
1415
KInput: 'KInput',
1516
KSwitch: true,
1617
KRate: 4,
18+
KInputNumber: 4,
1719
KRadio: '3',
1820
KCheckbox: ['2'],
1921
KSelect: { label: '不知明镜里', value: '不知', id: '3' },
@@ -46,6 +48,9 @@
4648
<KFormItem field="KRate" label="KRate">
4749
<KRate clearable />
4850
</KFormItem>
51+
<KFormItem field="KInputNumber" label="KInputNumber">
52+
<KInputNumber />
53+
</KFormItem>
4954
<KFormItem field="KRadio" label="KRadio">
5055
<KRadioGroup>
5156
<KRadio uid="1">KRadio 1</KRadio>

‎components/Form/__test__/fixture/resetForm.svelte

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
import { KSelect } from '@ikun-ui/select';
1111
import { createEventDispatcher } from 'svelte';
1212
import { KSlider } from '@ikun-ui/slider';
13+
import { KInputNumber } from '@ikun-ui/input-number';
1314
export let initValue = {};
1415
let KFormInst: KForm | undefined = undefined;
1516
const dataList = [
@@ -24,6 +25,10 @@
2425
{ required: true, msg: 'KInput required' },
2526
{ min: 3, max: 5, msg: 'KInput 3 ~5' }
2627
],
28+
KInputNumber: [
29+
{ required: true, msg: 'KInputNumber required' },
30+
{ min: 3, max: 5, msg: 'KInputNumber 3 ~5' }
31+
],
2732
KSwitch: [
2833
{
2934
required: true,
@@ -97,6 +102,9 @@
97102
<KFormItem field="KRate" label="KRate">
98103
<KRate clearable />
99104
</KFormItem>
105+
<KFormItem field="KInputNumber" label="KInputNumber">
106+
<KInputNumber />
107+
</KFormItem>
100108
<KFormItem field="KRadio" label="KRadio">
101109
<KRadioGroup>
102110
<KRadio uid="1">KRadio 1</KRadio>

‎components/Form/__test__/fixture/setForm.svelte

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,13 @@
99
import { KCheckboxGroup } from '@ikun-ui/checkbox-group';
1010
import { KSelect } from '@ikun-ui/select';
1111
import { createEventDispatcher } from 'svelte';
12+
import { KInputNumber } from '@ikun-ui/input-number';
1213
export let isValidate = true;
1314
export let initValue = {
1415
KInput: 'KInput',
1516
KSwitch: true,
1617
KRate: null,
18+
KInputNumber: 3,
1719
KRadio: '',
1820
KCheckbox: [],
1921
KSelect: null,
@@ -32,6 +34,10 @@
3234
{ required: true, msg: 'KInput required' },
3335
{ min: 3, max: 5, msg: 'KInput 3 ~5' }
3436
],
37+
KInputNumber: [
38+
{ required: true, msg: 'KInputNumber required' },
39+
{ min: 3, max: 5, msg: 'KInputNumber 3 ~5' }
40+
],
3541
KSwitch: [
3642
{
3743
required: true,
@@ -93,6 +99,7 @@
9399
},
94100
KRadio: '1',
95101
KCheckbox: ['1'],
102+
KInputNumber: 4,
96103
KSelect: {
97104
label: '白发三千丈',
98105
value: '白发',
@@ -130,6 +137,9 @@
130137
<KRadio uid="4" disabled>KRadio 4</KRadio>
131138
</KRadioGroup>
132139
</KFormItem>
140+
<KFormItem field="KInputNumber" label="KInputNumber">
141+
<KInputNumber />
142+
</KFormItem>
133143
<KFormItem field="KCheckbox" label="KCheckbox">
134144
<KCheckboxGroup>
135145
<KCheckbox uid="1">KCheckbox 1</KCheckbox>

‎components/Form/__test__/fixture/size.svelte

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
import { KCheckboxGroup } from '@ikun-ui/checkbox-group';
1010
import { KSelect } from '@ikun-ui/select';
1111
import { KSlider } from '@ikun-ui/slider';
12+
import { KInputNumber } from '@ikun-ui/input-number';
1213
const initValue = {
1314
KInput: 'KInput',
1415
KSwitch: true,
1516
KRate: 4,
17+
KInputNumber: 4,
1618
KRadio: '3',
1719
KCheckbox: ['2'],
1820
KSelect: { label: '不知明镜里', value: '不知', id: '3' },
@@ -40,6 +42,9 @@
4042
<KFormItem field="KRate" label="KRate">
4143
<KRate clearable />
4244
</KFormItem>
45+
<KFormItem field="KInputNumber" label="KInputNumber">
46+
<KInputNumber />
47+
</KFormItem>
4348
<KFormItem field="KRadio" label="KRadio">
4449
<KRadioGroup>
4550
<KRadio uid="1">KRadio 1</KRadio>

‎components/Form/__test__/fixture/validateEvent.svelte

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
import { KCheckboxGroup } from '@ikun-ui/checkbox-group';
1010
import { KSelect } from '@ikun-ui/select';
1111
import { createEventDispatcher } from 'svelte';
12+
import { KInputNumber } from '@ikun-ui/input-number';
1213
const initValue = {
1314
KInput: 'KInput',
1415
KSwitch: true,
1516
KRate: null,
17+
KInputNumber: 3,
1618
KRadio: '',
1719
KCheckbox: [],
1820
KSelect: null,
@@ -31,6 +33,10 @@
3133
{ required: true, msg: 'KInput required' },
3234
{ min: 3, max: 5, msg: 'KInput 3 ~5' }
3335
],
36+
KInputNumber: [
37+
{ required: true, msg: 'KInputNumber required' },
38+
{ min: 3, max: 5, msg: 'KInputNumber 3 ~5' }
39+
],
3440
KSwitch: [
3541
{
3642
required: true,
@@ -75,7 +81,7 @@
7581
};
7682
7783
const dispatch = createEventDispatcher();
78-
const handleValidate = (data) => {
84+
const handleValidate = (data: any) => {
7985
dispatch('getRes', data);
8086
};
8187
</script>
@@ -90,6 +96,9 @@
9096
<KFormItem field="KRate" label="KRate">
9197
<KRate clearable />
9298
</KFormItem>
99+
<KFormItem field="KInputNumber" label="KInputNumber">
100+
<KInputNumber />
101+
</KFormItem>
93102
<KFormItem field="KRadio" label="KRadio">
94103
<KRadioGroup>
95104
<KRadio uid="1">KRadio 1</KRadio>

‎components/Form/__test__/fixture/validateForm.svelte

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,11 @@
99
import { KCheckboxGroup } from '@ikun-ui/checkbox-group';
1010
import { KSelect } from '@ikun-ui/select';
1111
import { createEventDispatcher } from 'svelte';
12+
import { KInputNumber } from '@ikun-ui/input-number';
1213
const initValue = {
1314
KInput: 'KInput',
1415
KSwitch: true,
16+
KInputNumber: 2,
1517
KRate: null,
1618
KRadio: '',
1719
KCheckbox: [],
@@ -31,6 +33,10 @@
3133
{ required: true, msg: 'KInput required' },
3234
{ min: 3, max: 5, msg: 'KInput 3 ~5' }
3335
],
36+
KInputNumber: [
37+
{ required: true, msg: 'KInputNumber required' },
38+
{ min: 3, max: 5, msg: 'KInputNumber 3 ~5' }
39+
],
3440
KSwitch: [
3541
{
3642
required: true,
@@ -98,6 +104,9 @@
98104
<KFormItem field="KRate" label="KRate">
99105
<KRate clearable />
100106
</KFormItem>
107+
<KFormItem field="KInputNumber" label="KInputNumber">
108+
<KInputNumber />
109+
</KFormItem>
101110
<KFormItem field="KRadio" label="KRadio">
102111
<KRadioGroup>
103112
<KRadio uid="1">KRadio 1</KRadio>

0 commit comments

Comments
 (0)