tmui-cli 2.0.1 → 2.0.3

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//350/275/246/347/211/214/351/224/256/347/233/230 xKeyboardCar.md"

@@ -0,0 +1,151 @@
+# 车牌键盘 xKeyboardCar
+
+## 介绍
+
+功能齐全的车牌快速输入键盘。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-keyboard-car/x-keyboard-car.uvue
+```
+
+## 使用
+
+```ts
+<x-keyboard-car></x-keyboard-car>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| modelValue | `当前输入的值`<br> | `string` | `""` |
+| maxLen | `最大长度`<br> | `number` | `8` |
+| modelShow | `当前打开的状态。`<br>`等同v-model:model-show`<br> | `boolean` | `false` |
+| title | `顶部标题，默认：安全键盘请放心输入`<br> | `string` | `""` |
+| color | `主按钮色，空值取全局主题`<br> | `string` | `""` |
+| btnColor | `按钮背景`<br> | `string` | `'white'` |
+| bgColor | `键盘背景`<br> | `string` | `'info'` |
+| fontColor | `文字颜色`<br> | `string` | `'#3b3b3b'` |
+| hold | `点击确认是否保持键盘不收起`<br> | `boolean` | `false` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| change | `value: string<br>` | 值变化时触发 |
+| update:modelShow | `-` | 变量控制打开状态<br>等同v-model:model-show |
+| confirm | `value: string<br>` | 确认时触发 |
+| cancel | `value: string<br>` | 关闭取消时触发 |
+| update:modelValue | `-` | - |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| default | `插槽,默认触发打开选择器。你的默认布局可以放置在这里。` | show: boolean<br> |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/biaodan/keyboard
+```
+
+## 示例源码
+
+```vue
+<template>
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">键盘 Keyboard</x-text>
+		<x-text color="#999999" >允许小数点，整数，最大长度的控制,可定制性强</x-text>
+		
+		<x-sheet dark-color="#333" :margin="['0','16']" color="#f5f5f5">
+			<x-text>输入的值：{{price}}</x-text>
+		</x-sheet>
+		<x-keyboard-number :max="100" v-model="price">
+			<x-button :block="true">打开默认键盘(控制最大100)</x-button>
+		</x-keyboard-number>
+		<x-keyboard-number :digit="false" :max="100" v-model="price">
+			<x-button class="mt-20" :block="true">整数键盘</x-button>
+		</x-keyboard-number>
+		
+	</x-sheet>
+	
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-24">通过属性定制不同样式键盘</x-text>
+		<x-keyboard-number btn-color="white" v-model="price">
+			<x-button  class="mb-24" color="info" darkColor="#333" :block="true">打开白色键盘</x-button>
+		</x-keyboard-number>
+		<x-keyboard-number bg-color="#111111" btn-color="#232323" font-color="#f0f0f0" v-model="price">
+			<x-button color='success' :block="true">打开黑色键盘</x-button>
+		</x-keyboard-number>
+	</x-sheet>
+	
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-24">密码键盘</x-text>
+		
+		<x-keyboard v-model="password">
+			<x-button darkColor="#333" color="info" :block="true">打开密码键盘</x-button>
+		</x-keyboard>
+		
+	</x-sheet>
+
+	
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-24">身份证键盘</x-text>
+		<x-keyboard-idcard>
+			<x-button darkColor="#333" :block="true">打开身份证键盘</x-button>
+		</x-keyboard-idcard>
+	</x-sheet>
+	
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-24">车牌键盘</x-text>
+		<x-keyboard-car>
+			<x-button darkColor="#333" :block="true">打开车牌键盘</x-button>
+		</x-keyboard-car>
+	</x-sheet>
+	
+	
+	<view style="height: 50px;"></view>
+
+</template>
+
+<script setup>
+	const price = ref("")
+	const password = ref("")
+	
+</script>
+
+<style lang="scss">
+
+</style>
+
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//350/276/223/345/205/245/346/241/206 xInput.md"

@@ -0,0 +1,198 @@
+# 输入框 xInput
+
+## 介绍
+
+表单输入框，样式可定制化强
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-input/x-input.uvue
+```
+
+## 使用
+
+```ts
+<x-input></x-input>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| _style | `自定义style`<br>`标签请写_style,不是-style，插件文档转换问题`<br> | `string` | `""` |
+| focusBorder | `输入框统一的聚集样式`<br>`第3表示默认的边颜色(如果为空表示默认边颜色不生效.),第4表示聚焦时的颜色(空表示取全局color,transparent为不生效就是没有聚集样式)`<br>`['2px','solid','','']`<br>`全局的配置名称是:inputFocusBorder,可以全局设置.`<br> | `Array` | `():string[] => [] as string[]` |
+| placeholderStyle | `占位的样式`<br> | `string` | `""` |
+| _class | `自定class`<br>`标签请写_class,不是-class，插件文档转换问题`<br> | `string` | `""` |
+| round | `输入框圆角`<br> | `string` | `""` |
+| showClear | `是否显示清除图标`<br> | `boolean` | `false` |
+| rightText | `右侧文本`<br> | `string` | `""` |
+| leftText | `左侧文本`<br> | `string` | `""` |
+| modelValue | `双向绑定的输入值`<br> | `string` | `""` |
+| placeholder | `输入框提示语`<br> | `string` | `""` |
+| iconColor | `左图标的颜色`<br>`默认空值取全局的主题色。`<br> | `string` | `""` |
+| clearColor | `清除图标的颜色`<br> | `string` | `"#bfbfbf"` |
+| color | `输入框背景`<br> | `string` | `""` |
+| darkBgColor | `输入框暗黑背景，空值取全局的配置`<br>`提供会覆盖全局的配色。默认是透明`<br> | `string` | `"transparent"` |
+| fontColor | `输入框的字体颜色`<br> | `string` | `"#333333"` |
+| darkFontColor | `如果你提供，就会覆盖自动的反转配色。`<br>`默认是fontColor的反转颜色。`<br> | `string` | `""` |
+| fontSize | `文字大小`<br> | `string` | `"16"` |
+| leftIcon | `左图标`<br> | `string` | `""` |
+| name | `见官方文档：https://doc.dcloud.net.cn/uni-app-x/component/input.html`<br> | `string` | `""` |
+| disabled | `见官方文档：https://doc.dcloud.net.cn/uni-app-x/component/input.html`<br> | `boolean` | `false` |
+| type | `类型`<br>`"text"\`<br>`"number"\`<br>`"digit"\`<br>`"tel"`<br>`见官方文档：https://doc.dcloud.net.cn/uni-app-x/component/input.html`<br>`不管你是number,还是digit或者tel是可以让用户按规范填写的只能是数字`<br>`但你定义modelValue类型时，只能是string，请特别注意。`<br> | `union` | `"text"` |
+| password | `是否是密码类型`<br> | `boolean` | `false` |
+| maxlength | `最大字符数量，如果要显示统计字符，请设置showChartCount为ture`<br> | `number` | `-1` |
+| cursorSpacing | ``<br> | `number` | `0` |
+| cursorColor | ``<br> | `string` | `""` |
+| autoFocus | ``<br> | `boolean` | `false` |
+| focus | ``<br> | `boolean` | `false` |
+| confirmType | ``<br> | `union` | `"done"` |
+| confirmHold | ``<br> | `boolean` | `false` |
+| cursor | ``<br> | `number` | `0` |
+| selectionStart | ``<br> | `number` | `-1` |
+| selectionEnd | ``<br> | `number` | `-1` |
+| adjustPosition | ``<br> | `boolean` | `true` |
+| width | `宽`<br> | `string` | `"auto"` |
+| height | `高`<br> | `string` | `"50"` |
+| trim | `自动删除首尾空格?`<br>`只会在失去焦点时删除.`<br>`这里需要个解释:由于用户输入过快或者允许用户自由的输入,组件本身不会去干涉用户输入`<br>`因为一旦干涉就在会在低端机上会出现字符闪烁的情况(特别是微信小程序上的安桌机),看似简单的功能后面隐藏着非常大的风险`<br>`因此你在事件中收到的字符绝对是经过处理的字符串,但用户的输入框可能还是有空格.`<br> | `boolean` | `true` |
+| align | `文本对齐方式`<br> | `union` | `"left"` |
+| autoHeight | `type=textarea时生效`<br> | `boolean` | `false` |
+| fixed | `如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true`<br> | `boolean` | `false` |
+| showFooter | `显示底部的注释说明及出错信息。`<br> | `boolean` | `false` |
+| showChartCount | `是否显示字符统计。`<br> | `boolean` | `false` |
+| inputPadding | `格式就是正常的css格式`<br>`比如：8rpx 8rpx 0rpx 0rpx`<br> | `string` | `"8px 12px"` |
+| inputmode | `见官方文档：https://doc.dcloud.net.cn/uni-app-x/component/input.html#%E5%B1%9E%E6%80%A7`<br> | `union` | `'text'` |
+| holdKeyboard | `focus时，点击页面的时候不收起键盘`<br>`见官方文档：https://doc.dcloud.net.cn/uni-app-x/component/input.html#%E5%B1%9E%E6%80%A7`<br> | `boolean` | `false` |
+| isLink | `是否作为可点击指示。会在右边显示图标指示可以点击的链接状态`<br> | `boolean` | `false` |
+| rightIcon | ``<br> | `string` | `""` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| click | `-` | 点击整个输入框触发 |
+| clear | `-` | 清空时触发 |
+| rightClick | `value: string<br>` | 点击右侧文本时触发,如果你使用了插槽替换了，此事件不会触发 |
+| confirm | `value: string<br>` | 输入法点了确认搜索按钮时触发 |
+| input | `value: string<br>` | 输入时触发 |
+| focus | `evt: UniInputBlurEvent<br>` | 获得焦点时 |
+| blur | `evt: UniInputBlurEvent<br>` | 失去焦点时 |
+| linechange | `evt: UniTextareaLineChangeEvent<br>` | 行高变化时,type=textarea时生效 |
+| keyboardheightchange | `evt: UniInputKeyboardHeightChangeEvent<br>` | 键盘高度变化时触发 |
+| update:modelValue | `-` | - |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| left | `左插槽` | - |
+| inputLeft | `输入框内的左插槽` | - |
+| inputRight | `输入框内右插槽` | - |
+| right | `右插槽` | - |
+| footer | `底部提示插槽` | - |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/biaodan/input
+```
+
+## 示例源码
+
+```vue
+<template>
+
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor"
+			:front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">输入框 xInput</x-text>
+		<x-text color="#999999">定义多样化</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-input v-model="content" darkBgColor=""></x-input>
+		<!-- #ifdef MP-WEIXIN -->
+		<x-text font-size="18" class=" text-weight-b my-8">点击获取微信昵称</x-text>
+		<x-input v-model="content" type="nickname" darkBgColor=""></x-input>
+		<!-- #endif -->
+
+		<x-text font-size="18" class=" text-weight-b my-8">定义focusBorder聚焦样式</x-text>
+		<x-text color="#999999" class=" mb-16">为了向下兼容,如果你要全局开启,可一全局配置:inputFocusBorder来让全局生效.</x-text>
+		<x-input :focusBorder="['2px','solid','transparent','']" v-model="content" darkBgColor=""></x-input>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class="text-weight-b ">显示密码</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-input darkBgColor="" :password="true"></x-input>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class="text-weight-b ">显示左右文本</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-input darkBgColor="" left-icon="money-cny-circle-line" type="number" placeholder="请输入金额" right-text="万元"
+			left-text="物料金额"></x-input>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class="text-weight-b ">通过插槽定义</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-input darkBgColor="" left-icon="terminal-line" placeholder="输入验证码">
+			<template v-slot:inputLeft>
+				<x-text class="ml-12">4位码</x-text>
+			</template>
+			<template v-slot:inputRight>
+				<x-button round="8" class="mr-2" height="40" width="90">获取</x-button>
+			</template>
+		</x-input>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class="text-weight-b mb-8">文本域-自动高-限制字符</x-text>
+		<x-input confirmType="send" darkBgColor="" :showFooter="true" :maxlength="255" align="right" :autoHeight="true"
+			type="textarea">
+			<template #footer>
+				<x-text line-height="1.2" color="error">请不要超过字符数量，详细填写哦！</x-text>
+			</template>
+		</x-input>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class="text-weight-b mb-8">文本域-限定高</x-text>
+		<x-input darkBgColor="" height="80" type="textarea"></x-input>
+	</x-sheet>
+	<view style="height:50px"></view>
+
+</template>
+
+<script setup>
+	const content = ref("")
+</script>
+
+<style lang="scss">
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//350/276/223/345/205/245/346/241/206 xInputNumber.md"

@@ -0,0 +1,183 @@
+# 输入框 xInputNumber
+
+## 介绍
+
+表单数字输入框，样式可定制化强，允许整数，小数限制,注意配合属性type和inputmodel来实现业务功能体验
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-input-number/x-input-number.uvue
+```
+
+## 使用
+
+```ts
+<x-input-number></x-input-number>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| _style | `自定义style`<br>`标签请写_style,不是-style，插件文档转换问题`<br> | `string` | `""` |
+| focusBorder | `输入框统一的聚集样式`<br>`第3表示默认的边颜色(如果为空表示默认边颜色不生效.),第4表示聚焦时的颜色(空表示取全局color,transparent为不生效就是没有聚集样式)`<br>`['2px','solid','','']`<br>`全局的配置名称是:inputFocusBorder,可以全局设置.`<br> | `Array` | `():string[] => [] as string[]` |
+| placeholderStyle | `占位的样式`<br> | `string` | `""` |
+| _class | `自定class`<br>`标签请写_class,不是-class，插件文档转换问题`<br> | `string` | `""` |
+| round | `输入框圆角`<br> | `string` | `""` |
+| showClear | `是否显示清除图标`<br> | `boolean` | `false` |
+| rightText | `右侧文本`<br> | `string` | `""` |
+| leftText | `左侧文本`<br> | `string` | `""` |
+| modelValue | `双向绑定的输入值,如果是空值返回的是NaN`<br> | `number` | `NaN` |
+| placeholder | `输入框提示语`<br> | `string` | `""` |
+| iconColor | `左图标的颜色`<br>`默认空值取全局的主题色。`<br> | `string` | `""` |
+| clearColor | `清除图标的颜色`<br> | `string` | `"#bfbfbf"` |
+| color | `输入框背景`<br> | `string` | `""` |
+| darkBgColor | `输入框暗黑背景，空值取全局的配置`<br>`提供会覆盖全局的配色。默认是透明`<br> | `string` | `"transparent"` |
+| fontColor | `输入框的字体颜色`<br> | `string` | `"#333333"` |
+| darkFontColor | `如果你提供，就会覆盖自动的反转配色。`<br>`默认是fontColor的反转颜色。`<br> | `string` | `""` |
+| fontSize | `文字大小`<br> | `string` | `"16"` |
+| leftIcon | `左图标`<br> | `string` | `""` |
+| name | `见官方文档：https://doc.dcloud.net.cn/uni-app-x/component/input.html`<br> | `string` | `""` |
+| disabled | `见官方文档：https://doc.dcloud.net.cn/uni-app-x/component/input.html`<br> | `boolean` | `false` |
+| type | `输入类型，数字仅限整数，小数或者整数`<br> | `union` | `"number"` |
+| inputmode | `numeric：整数，配合type=number时，输入框只允许输入整数，手机会自动切换为整数数字键盘（不带小数点符号）`<br>`decimal：小数，配合type=digit时，输入框允许输入小数或者整数，在手机键盘会自动切换为带小数点的键盘`<br> | `union` | `'numeric'` |
+| decimalLen | `当type=digit时，可以控制小数点长度，默认1`<br> | `number` | `1` |
+| max | `最大值`<br> | `number` | `9999999999` |
+| min | `最小值`<br> | `number` | `-999999999` |
+| password | `是否是密码类型`<br> | `boolean` | `false` |
+| maxlength | `最大字符数量，如果要显示统计字符，请设置showChartCount为ture`<br> | `number` | `-1` |
+| cursorSpacing | ``<br> | `number` | `0` |
+| cursorColor | ``<br> | `string` | `""` |
+| autoFocus | ``<br> | `boolean` | `false` |
+| focus | ``<br> | `boolean` | `false` |
+| confirmType | ``<br> | `union` | `"next"` |
+| confirmHold | ``<br> | `boolean` | `false` |
+| cursor | ``<br> | `number` | `0` |
+| selectionStart | ``<br> | `number` | `-1` |
+| selectionEnd | ``<br> | `number` | `-1` |
+| adjustPosition | ``<br> | `boolean` | `true` |
+| width | `宽`<br> | `string` | `"auto"` |
+| height | `高`<br> | `string` | `"44"` |
+| trim | `自动删除首尾空格?`<br>`只会在失去焦点时删除.`<br>`这里需要个解释:由于用户输入过快或者允许用户自由的输入,组件本身不会去干涉用户输入`<br>`因为一旦干涉就在会在低端机上会出现字符闪烁的情况(特别是微信小程序上的安桌机),看似简单的功能后面隐藏着非常大的风险`<br>`因此你在事件中收到的字符绝对是经过处理的字符串,但用户的输入框可能还是有空格.`<br> | `boolean` | `true` |
+| align | `文本对齐方式`<br> | `union` | `"left"` |
+| autoHeight | `type=textarea时生效`<br> | `boolean` | `false` |
+| fixed | `如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true`<br> | `boolean` | `false` |
+| showFooter | `显示底部的注释说明及出错信息。`<br> | `boolean` | `false` |
+| showChartCount | `是否显示字符统计。`<br> | `boolean` | `false` |
+| inputPadding | `格式就是正常的css格式`<br>`比如：8rpx 8rpx 0rpx 0rpx`<br> | `string` | `"8px 12px"` |
+| holdKeyboard | `focus时，点击页面的时候不收起键盘`<br>`见官方文档：https://doc.dcloud.net.cn/uni-app-x/component/input.html#%E5%B1%9E%E6%80%A7`<br> | `boolean` | `false` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| click | `-` | 点击整个输入框触发 |
+| clear | `-` | 清空时触发 |
+| rightClick | `value: number<br>` | 点击右侧文本时触发,如果你使用了插槽替换了，此事件不会触发 |
+| confirm | `value: number<br>` | 输入法点了确认搜索按钮时触发 |
+| input | `value: number<br>` | 输入时触发 |
+| focus | `evt: UniInputBlurEvent<br>` | 获得焦点时 |
+| blur | `evt: UniInputBlurEvent<br>` | 失去焦点时 |
+| keyboardheightchange | `evt: UniInputKeyboardHeightChangeEvent<br>` | 键盘高度变化时触发 |
+| update:modelValue | `-` | - |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| left | `左插槽` | - |
+| inputLeft | `输入框内的左插槽` | - |
+| inputRight | `输入框内右插槽` | - |
+| right | `右插槽` | - |
+| footer | `底部提示插槽` | - |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/biaodan/input-number
+```
+
+## 示例源码
+
+```vue
+<template>
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor"
+			:front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">数字输入框 xInputNumber</x-text>
+		<x-text color="#999999">定义多样化,属性几乎与xInput一样，唯一不同的是这个只能数字，所以更多dmeo样式见xInput页面</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class="text-weight-b ">仅能输入整数</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-input-number :show-clear="true" v-model="(val as number)" darkBgColor=""></x-input-number>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class="text-weight-b ">输入小数并保留小数位</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-input-number type="digit" inputmode="decimal" v-model="(val2 as number)" darkBgColor="">
+			<template v-slot:inputLeft>
+				<x-text color="primary" class="pl-16">投资金额:</x-text>
+			</template>
+			<template v-slot:inputRight>
+				<x-text class="px-16">万元</x-text>
+			</template>
+		</x-input-number>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class="text-weight-b ">小数位长度2</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-input-number leftText="商品价格" rightText="元" type="digit" :decimalLen="3" inputmode="decimal"
+			v-model="(val3 as number)" darkBgColor=""></x-input-number>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class="text-weight-b ">最小0，最大100</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-input-number :min="0" :max="100" leftText="商品价格" rightText="元" type="digit" inputmode="decimal"
+			v-model="(val4 as number)" darkBgColor=""></x-input-number>
+	</x-sheet>
+</template>
+
+<script setup>
+	const val = ref(3)
+	const val2 = ref(3.3)
+	const val3 = ref(8.000)
+	const val4 = ref(8.0)
+</script>
+
+<style>
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)