This commit is contained in:
2022-12-09 16:41:41 +08:00
parent c1cce5a7c2
commit ff7aa8774f
2003 changed files with 156639 additions and 140 deletions

View File

@@ -0,0 +1,2 @@
xm<>Mn<4D> F<><46>#<23>E"<22><>՟<EFBFBD>c<EFBFBD>E<EFBFBD><45><EFBFBD>R.b<>$<24><11><>Q<EFBFBD><51>w<EFBFBD><77><EFBFBD><EFBFBD><EFBFBD><02><><EFBFBD>}<7D>V<EFBFBD>[xyz<79><7A>}<7D><>
<EFBFBD><EFBFBD><EFBFBD><x.<18><>u*<2A>e<EFBFBD><03><19><>

View File

@@ -0,0 +1,183 @@
::: anchor
:::
::: title 基本介绍
:::
::: describe 通过鼠标或键盘,输入范围内的数值。
:::
::: title 基础使用
:::
::: demo 使用 `lay-input-number` 标签, 创建数字输入框
<template>
<lay-input-number v-model="data1" :step="0.11"></lay-input-number>
<lay-input-number v-model="data2" position="right"></lay-input-number>
</template>
<script>
import { ref } from 'vue';
const data1 = ref(0);
const data2 = ref(0);
export default {
setup() {
return {
data1,
data2,
}
}
}
</script>
:::
::: title 尺寸
:::
::: demo 通过 `size` 属性定义尺寸, 默认为 `md`, 可选值为 `lg` `md` `sm` `xs`。
<template>
<div>
<div>
<lay-input-number v-model="data3" size="lg"></lay-input-number>
<lay-input-number v-model="data4" size="md"></lay-input-number>
<lay-input-number v-model="data5" size="sm"></lay-input-number>
<lay-input-number v-model="data6" size="xs"></lay-input-number>
</div>
</div>
</template>
<script>
import { ref } from 'vue';
const data3 = ref(0);
const data4 = ref(0);
const data5 = ref(0);
const data6 = ref(0);
export default {
setup() {
return {
data3,
data4,
data5,
data6,
}
}
}
</script>
:::
::: title 限制数字大小
:::
::: demo 通过 `min` 与 `max` 属性, 限制输入数字的大小。
<template>
<lay-input-number v-model="data7" :min="0" :max="10"></lay-input-number>
</template>
<script>
import { ref } from 'vue';
const data7 = ref(0);
export default {
setup() {
return {
data7,
}
}
}
</script>
:::
::: title 数字步数
:::
::: demo 通过 `step` 属性, 设置 加 与 减 的步长。
<template>
<lay-input-number v-model="data8" :step="10"></lay-input-number>
</template>
<script>
import { ref } from 'vue';
const data8 = ref(0);
export default {
setup() {
return {
data8,
}
}
}
</script>
:::
::: title 禁用
:::
::: demo 通过 `disabled-input` 与 `disabled` 属性, 禁用输入或操作。
<template>
<lay-space>
<p>禁用输入</p>
<lay-input-number v-model="data9" disabled-input></lay-input-number>
<p>全部禁用</p>
<lay-input-number v-model="data10" disabled></lay-input-number>
</lay-space>
</template>
<script>
import { ref } from 'vue';
const data9 = ref(10);
const data10 = ref(25);
export default {
setup() {
return {
data9,
data10
}
}
}
</script>
:::
::: title Input Number 属性
:::
::: table
| 属性 | 描述 | 类型 | 默认值 |
| -------- | ------------- | ------ | ------ |
| v-model | 值 | `number` | 0 |
| name | 原生属性`name` | `number` | 5 |
| disabledInput | 禁用输入框输入 | `boolean` | false |
| disabled | 禁用操作 | `boolean` | false |
| step | 数字增减的步数 | `number` | 1 |
| position | 控制按钮显示位置, 目前除了默认值,只有`right`可填 | `string` | -- |
| min | 最小可输入的数 | `number` | -- |
| max | 最大可输入的数 | `number` | -- |
| size | 尺寸, 可选值`md` / `sm` / `xs`| `string` | 默认为最大尺寸 |
:::
::: title Input Number 事件
:::
::: table
| 属性 | 描述 | 回调参数 |
| -------- | -------- | ------ |
| change | 值更改触发事件 | (value: number) |
:::
::: contributor inputNumber
:::
::: previousNext inputNumber
:::

View File

@@ -0,0 +1,3 @@
export * from "./public";
export * from "./select";
export * from "./form";

View File

@@ -0,0 +1,4 @@
x<01>T<EFBFBD>N<EFBFBD>0<10><>~<7E>H<EFBFBD><48><12><>.<2E>@<40><>'<27>$#<23>m<EFBFBD>N@<40>;c;Z<>h<EFBFBD>"K<><4B>g<EFBFBD>\<5C>Z<EFBFBD>֛?7<><37>Z>$<24><><4E><D99D><05><><EFBFBD>"YS<59>G-#m<><6D>wLJ+ <20>ɠ<EFBFBD><C9A0>m<1E>o<><6F><11>h<EFBFBD><68>h<EFBFBD><11><><EFBFBD><EFBFBD>C<EFBFBD>X/<2F><>±<EFBFBD><C2B1><EFBFBD>$<24>Z6<5A><36><EFBFBD><EFBFBD>Q|][_<><45>bG<11><>LWAm<41>B/j;<3B>J<EFBFBD><4A>`<60>F`lRp<52><70>x<EFBFBD><78><EFBFBD>(<28>T4<54>
6n<EFBFBD><EFBFBD>`<60>d<EFBFBD><15><>&<26><><EFBFBD>
|W<><57><EFBFBD><15>w<EFBFBD><77>=<3D><><01>9?<3F>2<>i<EFBFBD><><DFAD>Bt<42><74><EFBFBD><w<1E>Ը<03><><EFBFBD><1D><><EFBFBD><10>-<2D><>}N<>tN<74><19><>k<>:<3A><><EFBFBD>sLD=<3D>HQ#<23>b<EFBFBD>T*;<3B><><EFBFBD>y<EFBFBD>o.<2E><>rr2s<32><73><EFBFBD><EFBFBD>^<5E>d9<64><05><><EFBFBD>#u}d<><64><15><>z<>Z<EFBFBD>f<EFBFBD>[Ng
rp<72><70><EFBFBD>]OEp<45><70>Mcw^<5E><><EFBFBD> ><3E>$:Kh<>JUo<55><6F>K<1E><05> <06><>9yd<79><64><EFBFBD><EFBFBD> ^y<>3<14><18>Ni<4E>I)4<>V<EFBFBD>1<EFBFBD><31>jM.P8I/<2F>M8<4D>-<2D><>K<EFBFBD>_<EFBFBD>"<22>m<EFBFBD>y<EFBFBD>j<EFBFBD> <11>N<18><>;[v<><76><EFBFBD><EFBFBD>CS<43><53>F5++<2B>=<3D>D<EFBFBD>0<><30>^

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 195 KiB