diff --git a/src/pages/componentsC/input/input.nvue b/src/pages/componentsC/input/input.nvue
index c5c247119..42336e475 100644
--- a/src/pages/componentsC/input/input.nvue
+++ b/src/pages/componentsC/input/input.nvue
@@ -105,58 +105,36 @@
 		<view class="u-demo-block">
 			<text class="u-demo-block__title">前后插槽</text>
 			<view class="u-demo-block__content">
-				<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
-				<!-- #ifndef APP-NVUE -->
 				<up-input placeholder="前置插槽">
-					<!-- #endif -->
-					<!-- #ifdef APP-NVUE -->
-					<up-input placeholder="前置插槽">
-						<!-- #endif -->
-						<template #prefix>
-							<up-text
-								text="http://"
-								margin="0 3px 0 0"
-								type="tips"
-							></up-text>
-						</template>
-						<!-- #ifndef APP-NVUE -->
+					<template #prefix>
+						<up-text
+							text="http://"
+							margin="0 3px 0 0"
+							type="tips"
+						></up-text>
+					</template>
 				</up-input>
-				<!-- #endif -->
-				<!-- #ifdef APP-NVUE -->
-				</up-input>
-				<!-- #endif -->
 			</view>
 			<view
 				class="u-demo-block__content"
 				style="margin-top: 15px;"
 			>
-				<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
-				<!-- #ifndef APP-NVUE -->
 				<up-input placeholder="后置插槽">
-					<!-- #endif -->
-					<!-- #ifdef APP-NVUE -->
-					<up-input placeholder="后置插槽">
-						<!-- #endif -->
-						<template #suffix>
-							<up-code
-								ref="uCode"
-								@change="codeChange"
-								seconds="20"
-								changeText="X秒重新获取哈哈哈"
-							></up-code>
-							<up-button
-								@tap="getCode"
-								:text="tips"
-								type="success"
-								size="mini"
-							></up-button>
-						</template>
-						<!-- #ifndef APP-NVUE -->
-				</up-input>
-				<!-- #endif -->
-				<!-- #ifdef APP-NVUE -->
+					<template #suffix>
+						<up-code
+							ref="upCodeRef"
+							@change="codeChange"
+							seconds="20"
+							changeText="X秒重新获取哈哈哈"
+						></up-code>
+						<up-button
+							@tap="getCode"
+							:text="tips"
+							type="success"
+							size="mini"
+						></up-button>
+					</template>
 				</up-input>
-				<!-- #endif -->
 			</view>
 		</view>
 		<up-gap
@@ -189,7 +167,7 @@
 				this.tips = text;
 			},
 			getCode() {
-				if (this.$refs.uCode.canGetCode) {
+				if (this.$refs.upCodeRef.canGetCode) {
 					// 模拟向后端请求验证码
 					uni.showLoading({
 						title: '正在获取验证码'
@@ -199,7 +177,7 @@
 						// 这里此提示会被this.start()方法中的提示覆盖
 						uni.$u.toast('验证码已发送');
 						// 通知验证码组件内部开始倒计时
-						this.$refs.uCode.start();
+						this.$refs.upCodeRef.start();
 					}, 2000);
 				} else {
 					uni.$u.toast('倒计时结束后再发送');
diff --git a/src/uni_modules/uview-plus/components/up-cell-group/props.uts b/src/uni_modules/uview-plus/components/up-cell-group/props.uts
index 8a565ceb3..895f8f3bc 100644
--- a/src/uni_modules/uview-plus/components/up-cell-group/props.uts
+++ b/src/uni_modules/uview-plus/components/up-cell-group/props.uts
@@ -10,7 +10,7 @@ import { defineMixin } from '../../libs/vue.uts'
 import defProps from '../../libs/config/props.uts'
 let cellGroup = defProps['cellGroup'] as UTSJSONObject
 
-export const props = defineMixin({
+export const propsCellGroup = defineMixin({
     props: {
         // 分组标题
         title: {
diff --git a/src/uni_modules/uview-plus/components/up-cell-group/up-cell-group.uvue b/src/uni_modules/uview-plus/components/up-cell-group/up-cell-group.uvue
index fd24d10a8..8599a80bc 100644
--- a/src/uni_modules/uview-plus/components/up-cell-group/up-cell-group.uvue
+++ b/src/uni_modules/uview-plus/components/up-cell-group/up-cell-group.uvue
@@ -1,8 +1,11 @@
 <template>
-    <view :style="[addStyle(customStyle)]" :class="[customClass]" class="up-cell-group">
+    <view :style="[addStyle(customStyle)]"
+		:class="[customClass]" class="up-cell-group">
         <view v-if="title" class="up-cell-group__title">
             <slot name="title">
-				<text class="up-cell-group__title__text">{{ title }}</text>
+				<text class="up-cell-group__title__text">
+					{{ title }}
+				</text>
 			</slot>
         </view>
         <view class="up-cell-group__wrapper">
@@ -13,7 +16,7 @@
 </template>
 
 <script>
-	import { props } from './props';
+	import { propsCellGroup } from './props';
 	import { mpMixin } from '../../libs/mixin/mpMixin';
 	import { mixin } from '../../libs/mixin/mixin';
 	import { addStyle } from '../../libs/function/index';
@@ -30,7 +33,7 @@
 	 */
 	export default {
 		name: 'up-cell-group',
-		mixins: [mpMixin, mixin, props],
+		mixins: [mpMixin, mixin, propsCellGroup],
 		methods: {
 			addStyle(val: any): any {
 				return addStyle(val)
diff --git a/src/uni_modules/uview-plus/components/up-code/code.uts b/src/uni_modules/uview-plus/components/up-code/code.uts
new file mode 100644
index 000000000..34295d54f
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-code/code.uts
@@ -0,0 +1,20 @@
+/*
+ * @Author       : jry
+ * @Description  :
+ * @version      : 4.0
+ * @Date         : 2024-08-28 23:05:58
+ * @LastAuthor   : jry
+ * @lastTime     : 2024-08-28 23:05:58
+ * @FilePath     : /uview-plus/libs/config/props/code.js
+ */
+export default {
+    // code 组件
+    code: {
+        seconds: 60,
+        startText: '获取验证码',
+        changeText: 'X秒重新获取',
+        endText: '重新获取',
+        keepRunning: false,
+        uniqueKey: ''
+    }
+} as UTSJSONObject
diff --git a/src/uni_modules/uview-plus/components/up-code/props.uts b/src/uni_modules/uview-plus/components/up-code/props.uts
new file mode 100644
index 000000000..6865b1849
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-code/props.uts
@@ -0,0 +1,47 @@
+/*
+ * @Author       : jry
+ * @Description  :
+ * @version      : 4.0
+ * @Date         : 2024-08-28 23:05:58
+ * @LastAuthor   : jry
+ * @lastTime     : 2024-08-28 23:05:58
+ * @FilePath     : /uview-plus/libs/config/props/code.js
+ */
+import { defineMixin } from '../../libs/vue'
+import defProps from './code'
+let crtProp = defProps['code'] as UTSJSONObject
+
+export const propsCode = defineMixin({
+    props: {
+        // 倒计时总秒数
+        seconds: {
+            type: [Number],
+            default: crtProp['seconds']
+        },
+        // 尚未开始时提示
+        startText: {
+            type: String,
+            default: crtProp['startText']
+        },
+        // 正在倒计时中的提示
+        changeText: {
+            type: String,
+            default: crtProp['changeText']
+        },
+        // 倒计时结束时的提示
+        endText: {
+            type: String,
+            default: crtProp['endText']
+        },
+        // 是否在H5刷新或各端返回再进入时继续倒计时
+        keepRunning: {
+            type: Boolean,
+            default: crtProp['keepRunning']
+        },
+        // 为了区分多个页面，或者一个页面多个倒计时组件本地存储的继续倒计时变了
+        uniqueKey: {
+            type: String,
+            default: crtProp['uniqueKey']
+        }
+    }
+})
diff --git a/src/uni_modules/uview-plus/components/up-code/up-code.uvue b/src/uni_modules/uview-plus/components/up-code/up-code.uvue
new file mode 100644
index 000000000..2b9d275c4
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-code/up-code.uvue
@@ -0,0 +1,137 @@
+<template>
+	<view class="up-code">
+		<!-- 此组件功能由js完成，无需写html逻辑 -->
+	</view>
+</template>
+
+<script>
+	import { propsCode } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
+	/**
+	 * Code 验证码输入框
+	 * @author jry ijry@qq.com
+	 * @description 考虑到用户实际发送验证码的场景，可能是一个按钮，也可能是一段文字，提示语各有不同，所以本组件 不提供界面显示，只提供提示语，由用户将提示语嵌入到具体的场景
+	 * @tutorial https://ijry.github.io/uview-plus/components/code.html
+	 * @property {String | Number}	seconds			倒计时所需的秒数（默认 60 ）
+	 * @property {String}			startText		开始前的提示语，见官网说明（默认 '获取验证码' ）
+	 * @property {String}			changeText		倒计时期间的提示语，必须带有字母"x"，见官网说明（默认 'X秒重新获取' ）
+	 * @property {String}			endText			倒计结束的提示语，见官网说明（默认 '重新获取' ）
+	 * @property {Boolean}			keepRunning		是否在H5刷新或各端返回再进入时继续倒计时（ 默认false ）
+	 * @property {String}			uniqueKey		为了区分多个页面，或者一个页面多个倒计时组件本地存储的继续倒计时变了
+	 *
+	 * @event {Function}	change	倒计时期间，每秒触发一次
+	 * @event {Function}	start	开始倒计时触发
+	 * @event {Function}	end		结束倒计时触发
+	 * @example <up-code ref="uCode" @change="codeChange" :seconds="20"></up-code>
+	 */
+	export default {
+		name: "up-code",
+		mixins: [mpMixin, mixin, propsCode],
+		data() {
+			return {
+				secNum: this.seconds as number,
+				timer: 0,
+				canGetCode: true, // 是否可以执行验证码操作
+			}
+		},
+		mounted() {
+			this.checkKeepRunning()
+		},
+		watch: {
+			seconds: {
+				immediate: true,
+				handler(n: number) {
+					this.secNum = n
+				}
+			}
+		},
+		emits: ["start", "end", "change"],
+		methods: {
+			checkKeepRunning(): void {
+				// 获取上一次退出页面(H5还包括刷新)时的时间戳，如果没有上次的保存，此值可能为空
+				let lastTimestamp = parseInt(uni.getStorageSync(this.uniqueKey + '_$upCountDownTimestamp').toString())
+				if(lastTimestamp > 0) {
+					return this.changeEvent(this.startText)
+				}
+				// 当前秒的时间戳
+				let nowTimestamp = Math.floor(new Date().getTime() / 1000)
+				// 判断当前的时间戳，是否小于上一次的本该按设定结束，却提前结束的时间戳
+				if(this.keepRunning
+					&& lastTimestamp > 0
+					&& lastTimestamp > nowTimestamp) {
+					// 剩余尚未执行完的倒计秒数
+					this.secNum = lastTimestamp - nowTimestamp
+					// 清除本地保存的变量
+					uni.removeStorageSync(this.uniqueKey + '_$upCountDownTimestamp')
+					// 开始倒计时
+					this.start()
+				} else {
+					// 如果不存在需要继续上一次的倒计时，执行正常的逻辑
+					this.changeEvent(this.startText)
+				}
+			},
+			// 开始倒计时
+			start(): void {
+				// 防止快速点击获取验证码的按钮而导致内部产生多个定时器导致混乱
+				if(this.timer != 0) {
+					clearInterval(this.timer)
+					this.timer = 0
+				}
+				this.$emit('start')
+				this.canGetCode = false
+				// 这里放这句，是为了一开始时就提示，否则要等setInterval的1秒后才会有提示
+				this.changeEvent(this.changeText.replace(/x|X/, this.secNum.toString()))
+				this.timer = setInterval(() => {
+					if (this.secNum - 1 > 0) {
+						// 用当前倒计时的秒数替换提示字符串中的"x"字母
+						this.changeEvent(this.changeText.replace(/x|X/, (this.secNum - 1).toString()))
+					} else {
+						clearInterval(this.timer)
+						this.timer = 0
+						this.changeEvent(this.endText)
+						this.secNum = parseInt(this.seconds.toString())
+						this.$emit('end')
+						this.canGetCode = true
+					}
+				}, 1000)
+				this.setTimeToStorage()
+			},
+			// 重置，可以让用户再次获取验证码
+			reset(): void {
+				this.canGetCode = true
+				clearInterval(this.timer)
+				this.secNum = parseInt(this.seconds.toString())
+				this.changeEvent(this.endText)
+			},
+			changeEvent(text: string): void {
+				this.$emit('change', text)
+			},
+			// 保存时间戳，为了防止倒计时尚未结束，H5刷新或者各端的右上角返回上一页再进来
+			setTimeToStorage(): void {
+				if(!this.keepRunning || this.timer == 0) return
+				// 记录当前的时间戳，为了下次进入页面，如果还在倒计时内的话，继续倒计时
+				// 倒计时尚未结束，结果大于0；倒计时已经开始，就会小于初始值，如果等于初始值，说明没有开始倒计时，无需处理
+				if(this.secNum > 0 && this.secNum < parseInt(this.seconds.toString())) {
+					// 获取当前时间戳(+ new Date()为特殊写法)，除以1000变成秒，再去除小数部分
+					let nowTimestamp = Math.floor(new Date().getTime() / 1000)
+					// 将本该结束时候的时间戳保存起来 => 当前时间戳 + 剩余的秒数
+					uni.setStorage({
+						key: this.uniqueKey + '_$uCountDownTimestamp',
+						data: (nowTimestamp + this.secNum).toString()
+					})
+				}
+			}
+		},
+		// 组件销毁的时候，清除定时器，否则定时器会继续存在，系统不会自动清除
+		beforeUnmount() {
+			this.setTimeToStorage()
+			clearTimeout(this.timer)
+			this.timer = 0
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import "../../libs/css/components.scss";
+</style>
diff --git a/src/uni_modules/uview-plus/components/up-code/up-code.vue b/src/uni_modules/uview-plus/components/up-code/up-code.vue
index 08a487ef2..9159bca90 100644
--- a/src/uni_modules/uview-plus/components/up-code/up-code.vue
+++ b/src/uni_modules/uview-plus/components/up-code/up-code.vue
@@ -26,7 +26,7 @@
 	 */
 	export default {
 		name: "up-code",
-		mixins: [mpMixin, mixin,props],
+		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
 				secNum: this.seconds,
diff --git a/src/uni_modules/uview-plus/components/up-input/input.uts b/src/uni_modules/uview-plus/components/up-input/input.uts
new file mode 100644
index 000000000..1a9674f69
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-input/input.uts
@@ -0,0 +1,48 @@
+/*
+ * @Author       : jry
+ * @Description  :
+ * @version      : 4.0
+ * @Date         : 2024-08-28 22:58:58
+ * @LastAuthor   : jry
+ * @lastTime     : 2024-08-28 22:58:58
+ * @FilePath     : /uview-plus/libs/config/props/input.js
+ */
+export default {
+	// index 组件
+	input: {
+		value: '',
+		type: 'text',
+		fixed: false,
+		disabled: false,
+		disabledColor: '#f5f7fa',
+		clearable: false,
+		password: false,
+		maxlength: 140,
+		placeholder: null,
+		placeholderClass: 'input-placeholder',
+		placeholderStyle: 'color: #c0c4cc',
+		showWordLimit: false,
+		confirmType: 'done',
+		confirmHold: false,
+		holdKeyboard: false,
+		focus: false,
+		autoBlur: false,
+		disableDefaultPadding: false,
+		cursor: -1,
+		cursorSpacing: 30,
+		selectionStart: -1,
+		selectionEnd: -1,
+		adjustPosition: true,
+		inputAlign: 'left',
+		fontSize: '15px',
+		color: '#303133',
+		prefixIcon: '',
+		prefixIconStyle: '',
+		suffixIcon: '',
+		suffixIconStyle: '',
+		border: 'surround',
+		readonly: false,
+		shape: 'square',
+		formatter: function() {}
+	}
+} as UTSJSONObject
diff --git a/src/uni_modules/uview-plus/components/up-input/props.uts b/src/uni_modules/uview-plus/components/up-input/props.uts
new file mode 100644
index 000000000..109e546bf
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-input/props.uts
@@ -0,0 +1,198 @@
+/*
+ * @Author       : jry
+ * @Description  : uview-plus component's props mixin file
+ * @version      : 4.0
+ * @Date         : 2024-04-28 22:56:20
+ * @LastAuthor   : jry
+ * @lastTime     : 2024-08-28 22:56:20
+ */
+import { defineMixin } from '../../libs/vue'
+import defProps from './input'
+let crtProp = defProps['input'] as UTSJSONObject
+
+export const propsInput = defineMixin({
+	props: {
+		// 绑定的值
+		modelValue: {
+			type: String,
+			default: crtProp['value']
+		},
+		// number-数字输入键盘，app-vue下可以输入浮点数，app-nvue和小程序平台下只能输入整数
+		// idcard-身份证输入键盘，微信、支付宝、百度、QQ小程序
+		// digit-带小数点的数字键盘，App的nvue页面、微信、支付宝、百度、头条、QQ小程序
+		// text-文本输入键盘
+		type: {
+			type: String,
+			default: crtProp['type']
+		},
+		// 如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true，
+		// 兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序
+		fixed: {
+			type: Boolean,
+			default: crtProp['fixed']
+		},
+		// 是否禁用输入框
+		disabled: {
+			type: Boolean,
+			default: crtProp['disabled']
+		},
+		// 禁用状态时的背景色
+		disabledColor: {
+			type: String,
+			default: crtProp['disabledColor']
+		},
+		// 是否显示清除控件
+		clearable: {
+			type: Boolean,
+			default: crtProp['clearable']
+		},
+		// 是否密码类型
+		password: {
+			type: Boolean,
+			default: crtProp['password']
+		},
+		// 最大输入长度，设置为 -1 的时候不限制最大长度
+		maxlength: {
+			type: [Number],
+			default: crtProp['maxlength']
+		},
+		// 	输入框为空时的占位符
+		placeholder: {
+			type: String,
+			default: crtProp['placeholder']
+		},
+		// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/
+		placeholderClass: {
+			type: String,
+			default: crtProp['placeholderClass']
+		},
+		// 指定placeholder的样式
+		placeholderStyle: {
+			type: [String],
+			default: crtProp['placeholderStyle']
+		},
+		// 是否显示输入字数统计，只在 type ="text"或type ="textarea"时有效
+		showWordLimit: {
+			type: Boolean,
+			default: crtProp['showWordLimit']
+		},
+		// 设置右下角按钮的文字，有效值：send|search|next|go|done，兼容性详见uni-app文档
+		// https://uniapp.dcloud.io/component/input
+		// https://uniapp.dcloud.io/component/textarea
+		confirmType: {
+			type: String,
+			default: crtProp['confirmType']
+		},
+		// 点击键盘右下角按钮时是否保持键盘不收起，H5无效
+		confirmHold: {
+			type: Boolean,
+			default: crtProp['confirmHold']
+		},
+		// focus时，点击页面的时候不收起键盘，微信小程序有效
+		holdKeyboard: {
+			type: Boolean,
+			default: crtProp['holdKeyboard']
+		},
+		// 自动获取焦点
+		// 在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点
+		focus: {
+			type: Boolean,
+			default: crtProp['focus']
+		},
+		// 键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效
+		autoBlur: {
+			type: Boolean,
+			default: crtProp['autoBlur']
+		},
+		// 是否去掉 iOS 下的默认内边距，仅微信小程序，且type=textarea时有效
+		disableDefaultPadding: {
+			type: Boolean,
+			default: crtProp['disableDefaultPadding']
+		},
+		// 指定focus时光标的位置
+		cursor: {
+			type: [String, Number],
+			default: crtProp['cursor']
+		},
+		// 输入框聚焦时底部与键盘的距离
+		cursorSpacing: {
+			type: [String, Number],
+			default: crtProp['cursorSpacing']
+		},
+		// 光标起始位置，自动聚集时有效，需与selection-end搭配使用
+		selectionStart: {
+			type: [String, Number],
+			default: crtProp['selectionStart']
+		},
+		// 光标结束位置，自动聚集时有效，需与selection-start搭配使用
+		selectionEnd: {
+			type: [String, Number],
+			default: crtProp['selectionEnd']
+		},
+		// 键盘弹起时，是否自动上推页面
+		adjustPosition: {
+			type: Boolean,
+			default: crtProp['adjustPosition']
+		},
+		// 输入框内容对齐方式，可选值为：left|center|right
+		inputAlign: {
+			type: String,
+			default: crtProp['inputAlign']
+		},
+		// 输入框字体的大小
+		fontSize: {
+			type: [String, Number],
+			default: crtProp['fontSize']
+		},
+		// 输入框字体颜色
+		color: {
+			type: String,
+			default: crtProp['color']
+		},
+		// 输入框前置图标
+		prefixIcon: {
+			type: String,
+			default: crtProp['prefixIcon']
+		},
+		// 前置图标样式，对象或字符串
+		prefixIconStyle: {
+			type: [String, Object],
+			default: crtProp['prefixIconStyle']
+		},
+		// 输入框后置图标
+		suffixIcon: {
+			type: String,
+			default: crtProp['suffixIcon']
+		},
+		// 后置图标样式，对象或字符串
+		suffixIconStyle: {
+			type: [String, Object],
+			default: crtProp['suffixIconStyle']
+		},
+		// 边框类型，surround-四周边框，bottom-底部边框，none-无边框
+		border: {
+			type: String,
+			default: crtProp['border']
+		},
+		// 是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会
+		readonly: {
+			type: Boolean,
+			default: crtProp['readonly']
+		},
+		// 输入框形状，circle-圆形，square-方形
+		shape: {
+			type: String,
+			default: crtProp['shape']
+		},
+		// 用于处理或者过滤输入框内容的方法
+		formatter: {
+			type: [Function],
+			default: crtProp['formatter']
+		},
+		// 是否忽略组件内对文本合成系统事件的处理
+		ignoreCompositionEvent: {
+			type: Boolean,
+			default: true
+		}
+	}
+})
diff --git a/src/uni_modules/uview-plus/components/up-input/up-input.uvue b/src/uni_modules/uview-plus/components/up-input/up-input.uvue
new file mode 100644
index 000000000..8650fbe5e
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-input/up-input.uvue
@@ -0,0 +1,391 @@
+<template>
+    <view class="up-input" :class="inputClass" :style="[wrapperStyle]">
+        <view class="up-input__content">
+            <view
+                class="up-input__content__prefix-icon"
+                v-if="prefixIcon != '' || $slots['prefix'] != null"
+            >
+                <slot name="prefix">
+                    <up-icon
+                        :name="prefixIcon"
+                        size="18"
+                        :customStyle="prefixIconStyle"
+                    ></up-icon>
+                </slot>
+            </view>
+            <view class="up-input__content__field-wrapper" @tap="clickHandler">
+				<!-- 根据uni-app的input组件文档，H5和APP中只要声明了password参数(无论true还是false)，type均失效，此时
+					为了防止type=number时，又存在password属性，type无效，此时需要设置password为undefined
+				 -->
+            	<input
+                    ref="input-native"
+            	    class="up-input__content__field-wrapper__field"
+            	    :style="[inputStyle]"
+            	    :type="type"
+            	    :focus="focus"
+            	    :cursor="cursor"
+            	    :value="innerValue"
+            	    :auto-blur="autoBlur"
+            	    :disabled="disabled || readonly"
+            	    :maxlength="maxlength"
+            	    :placeholder="placeholder"
+            	    :placeholder-style="placeholderStyle"
+            	    :placeholder-class="placeholderClass"
+            	    :confirm-type="confirmType"
+            	    :confirm-hold="confirmHold"
+            	    :hold-keyboard="holdKeyboard"
+            	    :cursor-spacing="cursorSpacing"
+            	    :adjust-position="adjustPosition"
+            	    :selection-end="selectionEnd"
+            	    :selection-start="selectionStart"
+            	    :password="password || type === 'password' || false"
+                    :ignoreCompositionEvent="ignoreCompositionEvent"
+            	    @input="onInput"
+            	    @blur="onBlur"
+            	    @focus="onFocus"
+            	    @confirm="onConfirm"
+            	    @keyboardheightchange="onkeyboardheightchange"
+            	/>
+            </view>
+            <view
+                class="up-input__content__clear"
+                v-if="isShowClear"
+                @click="onClear"
+            >
+                <up-icon
+                    name="close"
+                    size="11"
+                    color="#ffffff"
+                    customStyle="line-height: 12px"
+                ></up-icon>
+            </view>
+            <view
+                class="up-input__content__subfix-icon"
+                v-if="suffixIcon != '' || $slots['suffix'] != null"
+            >
+                <slot name="suffix">
+                    <up-icon
+                        :name="suffixIcon"
+                        size="18"
+                        :customStyle="suffixIconStyle"
+                    ></up-icon>
+                </slot>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+import { propsInput } from "./props";
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+// import { debounce } from '../../libs/function/debounce';
+import { addStyle, addUnit, deepMerge, formValidate, sleep, os } from '../../libs/function/index';
+/**
+ * Input 输入框
+ * @description  此组件为一个输入框，默认没有边框和样式，是专门为配合表单组件up-form而设计的，利用它可以快速实现表单验证，输入内容，下拉选择等功能。
+ * @tutorial https://uview-plus.jiangruyi.com/components/input.html
+ * @property {String | Number}	value					输入的值
+ * @property {String}			type					输入框类型，见上方说明 （ 默认 'text' ）
+ * @property {Boolean}			fixed					如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true，兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序 （ 默认 false ）
+ * @property {Boolean}			disabled				是否禁用输入框 （ 默认 false ）
+ * @property {String}			disabledColor			禁用状态时的背景色（ 默认 '#f5f7fa' ）
+ * @property {Boolean}			clearable				是否显示清除控件 （ 默认 false ）
+ * @property {Boolean}			password				是否密码类型 （ 默认 false ）
+ * @property {Number}       	maxlength				最大输入长度，设置为 -1 的时候不限制最大长度 （ 默认 -1 ）
+ * @property {String}			placeholder				输入框为空时的占位符
+ * @property {String}			placeholderClass		指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ （ 默认 'input-placeholder' ）
+ * @property {String | Object}	placeholderStyle		指定placeholder的样式，字符串/对象形式，如"color: red;"
+ * @property {Boolean}			showWordLimit			是否显示输入字数统计，只在 type ="text"或type ="textarea"时有效 （ 默认 false ）
+ * @property {String}			confirmType				设置右下角按钮的文字，兼容性详见uni-app文档 （ 默认 'done' ）
+ * @property {Boolean}			confirmHold				点击键盘右下角按钮时是否保持键盘不收起，H5无效 （ 默认 false ）
+ * @property {Boolean}			holdKeyboard			focus时，点击页面的时候不收起键盘，微信小程序有效 （ 默认 false ）
+ * @property {Boolean}			focus					自动获取焦点，在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点 （ 默认 false ）
+ * @property {Boolean}			autoBlur				键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效 （ 默认 false ）
+ * @property {Boolean}			disableDefaultPadding	是否去掉 iOS 下的默认内边距，仅微信小程序，且type=textarea时有效 （ 默认 false ）
+ * @property {String ｜ Number}	cursor					指定focus时光标的位置（ 默认 140 ）
+ * @property {String ｜ Number}	cursorSpacing			输入框聚焦时底部与键盘的距离 （ 默认 30 ）
+ * @property {String ｜ Number}	selectionStart			光标起始位置，自动聚集时有效，需与selection-end搭配使用 （ 默认 -1 ）
+ * @property {String ｜ Number}	selectionEnd			光标结束位置，自动聚集时有效，需与selection-start搭配使用 （ 默认 -1 ）
+ * @property {Boolean}			adjustPosition			键盘弹起时，是否自动上推页面 （ 默认 true ）
+ * @property {String}			inputAlign				输入框内容对齐方式（ 默认 'left' ）
+ * @property {String | Number}	fontSize				输入框字体的大小 （ 默认 '15px' ）
+ * @property {String}			color					输入框字体颜色	（ 默认 '#303133' ）
+ * @property {Function}			formatter			    内容式化函数
+ * @property {String}			prefixIcon				输入框前置图标
+ * @property {String | Object}	prefixIconStyle			前置图标样式，对象或字符串
+ * @property {String}			suffixIcon				输入框后置图标
+ * @property {String | Object}	suffixIconStyle			后置图标样式，对象或字符串
+ * @property {String}			border					边框类型，surround-四周边框，bottom-底部边框，none-无边框 （ 默认 'surround' ）
+ * @property {Boolean}			readonly				是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会 （ 默认 false ）
+ * @property {String}			shape					输入框形状，circle-圆形，square-方形 （ 默认 'square' ）
+ * @property {Object}			customStyle				定义需要用到的外部样式
+ * @property {Boolean}			ignoreCompositionEvent	是否忽略组件内对文本合成系统事件的处理。
+ * @example <up-input v-model="value" :password="true" suffix-icon="lock-fill" />
+ */
+const defaultFormat = function(value: string): string {
+	return value
+}
+export default {
+    name: "up-input",
+    mixins: [mpMixin, mixin, propsInput],
+    data() {
+        return {
+            // 清除操作
+            clearInput: false,
+            // 输入框的值
+            innerValue: "",
+            // 是否处于获得焦点状态
+            focused: false,
+            // value是否第一次变化，在watch中，由于加入immediate属性，会在第一次触发，此时不应该认为value发生了变化
+            firstChange: true,
+            // value绑定值的变化是由内部还是外部引起的
+            changeFromInner: false,
+			// 过滤处理方法
+			innerFormatter: defaultFormat as Function
+        };
+    },
+    created() {
+        // 格式化过滤方法
+        // if (this.formatter != null) {
+        //     this.innerFormatter = this.formatter;
+        // }
+    },
+    watch: {
+        modelValue: {
+            immediate: true,
+            handler(newVal: string, oldVal: string) {
+                // console.log(newVal, oldVal)
+                if (this.changeFromInner || this.innerValue === newVal) {
+                    this.changeFromInner = false; // 重要否则会出现双向绑定失效问题https://github.com/ijry/uview-plus/issues/419
+                    return;
+                }
+                this.innerValue = newVal;
+                // 在H5中，外部value变化后，修改input中的值，不会触发@input事件，此时手动调用值变化方法
+                if (
+                    this.firstChange === false &&
+					this.changeFromInner === false
+                ) {
+                    this.valueChange(this.innerValue, true);
+                } else {
+					// 尝试调用up-form的验证方法
+                    if(!this.firstChange) formValidate(this, "change");
+				}
+                this.firstChange = false;
+                // 重置changeFromInner的值为false，标识下一次引起默认为外部引起的
+                this.changeFromInner = false;
+            }
+        }
+    },
+    computed: {
+        // 是否显示清除控件
+        isShowClear(): boolean {
+            const { clearable, readonly, focused, innerValue } = this;
+            return !!clearable && !readonly && !!focused && innerValue !== "";
+        },
+        // 组件的类名
+        inputClass(): string {
+            let classes: string[] = [],
+                { border, disabled, shape } = this;
+            if (border === "surround") {
+				(classes = classes.concat(["up-border", "up-input--radius"]));
+			}
+            classes.push(`up-input--${shape}`);
+            if (border === "bottom") {
+                (classes = classes.concat([
+                    "up-border-bottom",
+                    "up-input--no-radius",
+                ]));
+			}
+            return classes.join(" ");
+        },
+        // 组件的样式
+        wrapperStyle(): any {
+            const style = {};
+            // 禁用状态下，被背景色加上对应的样式
+            if (this.disabled) {
+                style['backgroundColor'] = this.disabledColor;
+            }
+            // 无边框时，去除内边距
+            if (this.border === "none") {
+                style['padding'] = "0";
+            } else {
+                style['paddingTop'] = "6px";
+                style['paddingBottom'] = "6px";
+                style['paddingLeft'] = "9px";
+                style['paddingRight'] = "9px";
+            }
+            return deepMerge(style, addStyle(this.customStyle));
+        },
+        // 输入框的样式
+        inputStyle(): any {
+            const style = {
+                color: this.color,
+                fontSize: addUnit(this.fontSize),
+				textAlign: this.inputAlign
+            };
+            return style;
+        },
+    },
+    // #ifdef VUE3
+    emits: ['update:modelValue', 'focus', 'blur', 'change', 'confirm', 'clear', 'keyboardheightchange'],
+    // #endif
+    methods: {
+		// 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
+		setFormatter(e: Function): void {
+			this.innerFormatter = e
+		},
+        // 当键盘输入时，触发input事件
+        onInput(e: UniInputEvent): void {
+            let { value = "" } = e.detail;
+            // 为了避免props的单向数据流特性，需要先将innerValue值设置为当前值，再在$nextTick中重新赋予设置后的值才有效
+            console.log('onInput', value, this.innerValue)
+            this.innerValue = value;
+            this.$nextTick(() => {
+             //    let formatValue: string = this.innerFormatter(value);
+            	// this.innerValue = formatValue;
+				// this.valueChange(formatValue);
+                this.valueChange(value.toString(), false);
+            })
+        },
+        // 输入框失去焦点时触发
+        onBlur(event: UniInputBlurEvent): void {
+            this.$emit("blur", event.detail.value);
+            // H5端的blur会先于点击清除控件的点击click事件触发，导致focused
+            // 瞬间为false，从而隐藏了清除控件而无法被点击到
+            // sleep(150).then(() => {
+                this.focused = false;
+            // });
+            // 尝试调用up-form的验证方法
+            formValidate(this, "blur");
+        },
+        // 输入框聚焦时触发
+        onFocus(event: UniInputFocusEvent): void {
+            this.focused = true;
+            this.$emit("focus");
+        },
+        doFocus(): void {
+			(this.$refs['input-native'] as UniInputElement).focus();
+        },
+        doBlur(): void {
+			(this.$refs['input-native'] as UniInputElement).blur();
+        },
+        // 点击完成按钮时触发
+        onConfirm(event: UniInputConfirmEvent): void {
+            this.$emit("confirm", this.innerValue);
+        },
+        // 键盘高度发生变化的时候触发此事件
+        // 兼容性：微信小程序2.7.0+、App 3.1.0+
+		onkeyboardheightchange(event: UniInputKeyboardHeightChangeEventDetail) {
+            this.$emit("keyboardheightchange", event);
+        },
+        // 内容发生变化，进行处理
+        valueChange(value: string, isOut: boolean): void {
+            if(this.clearInput) {
+                this.innerValue = '';
+                this.clearInput = false;
+            }
+            this.$nextTick(() => {
+                if (!isOut || this.clearInput) {
+                    // 标识value值的变化是由内部引起的
+                    this.changeFromInner = true;
+                    this.$emit("change", value);
+                    this.$emit("update:modelValue", value);
+                }
+
+                // 尝试调用up-form的验证方法
+                formValidate(this, "change");
+            });
+        },
+        // 点击清除控件
+        onClear(): void {
+            this.clearInput = true;
+            this.innerValue = "";
+            this.$nextTick(() => {
+                this.valueChange("", false);
+                this.$emit("clear");
+            });
+        },
+        /**
+         * 在安卓nvue上，事件无法冒泡
+         * 在某些时间，我们希望监听up-from-item的点击事件，此时会导致点击up-form-item内的up-input后
+         * 无法触发up-form-item的点击事件，这里通过手动调用up-form-item的方法进行触发
+         */
+        clickHandler(): void {
+            // if (os() === "android") {
+            //     const formItem = $parent.call(this, "up-form-item");
+            //     if (formItem) {
+            //         formItem.clickHandler();
+            //     }
+            // }
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "../../libs/css/components.scss";
+
+.up-input {
+    @include flex(row);
+    align-items: center;
+    justify-content: space-between;
+    flex: 1;
+
+    &--radius,
+    &--square {
+        border-radius: 4px;
+    }
+
+    &--no-radius {
+        border-radius: 0;
+    }
+
+    &--circle {
+        border-radius: 100px;
+    }
+
+    &__content {
+        flex: 1;
+        @include flex(row);
+        align-items: center;
+        justify-content: space-between;
+
+        &__field-wrapper {
+            position: relative;
+            @include flex(row);
+            margin: 0;
+            flex: 1;
+			
+			&__field {
+				line-height: 26px;
+				text-align: left;
+				color: $up-main-color;
+				height: 24px;
+				font-size: 15px;
+				flex: 1;
+			}
+        }
+
+        &__clear {
+            width: 20px;
+            height: 20px;
+            border-radius: 100px;
+            background-color: #c6c7cb;
+            @include flex(row);
+            align-items: center;
+            justify-content: center;
+            transform: scale(0.82);
+            margin-left: 4px;
+        }
+
+        &__subfix-icon {
+            margin-left: 4px;
+        }
+
+        &__prefix-icon {
+            margin-right: 4px;
+        }
+    }
+}
+</style>
diff --git a/src/uni_modules/uview-plus/components/up-tabs/up-tabs.vue b/src/uni_modules/uview-plus/components/up-tabs/up-tabs.vue
index f9758ea67..b3dbeef43 100644
--- a/src/uni_modules/uview-plus/components/up-tabs/up-tabs.vue
+++ b/src/uni_modules/uview-plus/components/up-tabs/up-tabs.vue
@@ -128,7 +128,11 @@
 				handler (newValue, oldValue) {
 					// 内外部值不相等时，才尝试移动滑块
 					if (newValue !== this.innerCurrent) {
-						this.innerCurrent = newValue
+						if (typeof newValue == 'string') {
+							this.innerCurrent = parseInt(newValue)
+						} else {
+							this.innerCurrent = newValue
+						}
 						this.$nextTick(() => {
 							this.resize()
 						})
@@ -147,7 +151,9 @@
 				return index => {
 					const style = {}
 					// 取当期是否激活的样式
-					const customeStyle = index === this.innerCurrent ? addStyle(this.activeStyle) : addStyle(this.inactiveStyle)
+					const customeStyle = (index == this.innerCurrent)
+						 ? addStyle(this.activeStyle) 
+						 : addStyle(this.inactiveStyle)
 					// 如果当前菜单被禁用，则加上对应颜色，需要在此做处理，是因为nvue下，无法在style样式中通过!import覆盖标签的内联样式
 					if (this.list[index].disabled) {
 						style.color = '#c8c9cc'
diff --git a/src/uni_modules/uview-plus/libs/function/index.uts b/src/uni_modules/uview-plus/libs/function/index.uts
index 7ce36b803..fffa4fdb8 100644
--- a/src/uni_modules/uview-plus/libs/function/index.uts
+++ b/src/uni_modules/uview-plus/libs/function/index.uts
@@ -619,7 +619,7 @@ export function priceFormat(numberOri: any, decimals = 0, decimalPoint = '.', th
  * @param {*} instance
  * @param {*} event
  */
-export function formValidate(instance, event): void {
+export function formValidate(instance: any, event: any): void {
     // todox
     // const formItem = uni.$u.$parent.call(instance, 'up-form-item')
     // const form = uni.$u.$parent.call(instance, 'up-form')
diff --git a/uni-app-x/pages/componentsC/input/input.nvue b/uni-app-x/pages/componentsC/input/input.uvue
similarity index 68%
rename from uni-app-x/pages/componentsC/input/input.nvue
rename to uni-app-x/pages/componentsC/input/input.uvue
index 175dd50de..ea69d2732 100644
--- a/uni-app-x/pages/componentsC/input/input.nvue
+++ b/uni-app-x/pages/componentsC/input/input.uvue
@@ -1,4 +1,7 @@
-<template>
+<template>
+	<!-- #ifdef APP -->
+	<scroll-view style="flex:1">
+	<!-- #endif -->
 	<view class="u-page">
 		<view class="u-demo-block">
 			<text class="u-demo-block__title">基础使用</text>
@@ -97,64 +100,46 @@
 		<view class="u-demo-block">
 			<text class="u-demo-block__title">前后插槽</text>
 			<view class="u-demo-block__content">
-				<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
-				<!-- #ifndef APP-NVUE -->
 				<up-input placeholder="前置插槽">
-					<!-- #endif -->
-					<!-- #ifdef APP-NVUE -->
-					<up-input placeholder="前置插槽">
-						<!-- #endif -->
+					<template #prefix>
 						<up-text
 							text="http://"
-							slot="prefix"
 							margin="0 3px 0 0"
 							type="tips"
 						></up-text>
-						<!-- #ifndef APP-NVUE -->
+					</template>
 				</up-input>
-				<!-- #endif -->
-				<!-- #ifdef APP-NVUE -->
-				</up-input>
-				<!-- #endif -->
 			</view>
 			<view
 				class="u-demo-block__content"
 				style="margin-top: 15px;"
 			>
-				<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
-				<!-- #ifndef APP-NVUE -->
 				<up-input placeholder="后置插槽">
-					<!-- #endif -->
-					<!-- #ifdef APP-NVUE -->
-					<up-input placeholder="后置插槽">
-						<!-- #endif -->
-						<template slot="suffix">
-							<up-code
-								ref="uCode"
-								@change="codeChange"
-								seconds="20"
-								changeText="X秒重新获取哈哈哈"
-							></up-code>
-							<up-button
-								@tap="getCode"
-								:text="tips"
-								type="success"
-								size="mini"
-							></up-button>
-						</template>
-						<!-- #ifndef APP-NVUE -->
-				</up-input>
-				<!-- #endif -->
-				<!-- #ifdef APP-NVUE -->
+					<template #suffix>
+						<up-code
+							ref="upCodeRef"
+							@change="codeChange"
+							seconds="20"
+							changeText="X秒重新获取哈哈哈"
+						></up-code>
+						<up-button
+							@tap="getCode"
+							:text="tips"
+							type="success"
+							size="mini"
+						></up-button>
+					</template>
 				</up-input>
-				<!-- #endif -->
 			</view>
 		</view>
 		<up-gap
 			bgColor="#fff"
 			height="50"
 		></up-gap>
-	</view>
+	</view>
+	<!-- #ifdef APP -->
+	</scroll-view>
+	<!-- #endif -->
 </template>
 
 <script>
@@ -166,16 +151,16 @@
 			}
 		},
 		watch: {
-			value(newValue, oldValue) {
+			modelValue(newValue, oldValue) {
 				// console.log('v-model', newValue);
 			}
 		},
 		methods: {
-			codeChange(text) {
+			codeChange(text: string): void {
 				this.tips = text;
 			},
-			getCode() {
-				if (this.$refs.uCode.canGetCode) {
+			getCode(): void {
+				//if ((this.$refs['upCodeRef'] as ComponentPublicInstance).canGetCode) {
 					// 模拟向后端请求验证码
 					uni.showLoading({
 						title: '正在获取验证码'
@@ -183,15 +168,23 @@
 					setTimeout(() => {
 						uni.hideLoading();
 						// 这里此提示会被this.start()方法中的提示覆盖
-						uni.$u.toast('验证码已发送');
+						uni.showToast({
+							title: '验证码已发送',
+							icon: 'success',
+							mask: true
+						});
 						// 通知验证码组件内部开始倒计时
-						this.$refs.uCode.start();
+						//(this.$refs['upCodeRef'] as ComponentPublicInstance).start();
 					}, 2000);
-				} else {
-					uni.$u.toast('倒计时结束后再发送');
-				}
+				// } else {
+				// 	uni.showToast({
+				// 		title: '倒计时结束后再发送',
+				// 		icon: 'none',
+				// 		mask: true
+				// 	})
+				// }
 			},
-			change(e) {
+			change(e: any): void {
 				console.log('change', e);
 			}
 		}
diff --git a/uni-app-x/vite.config.ts b/uni-app-x/vite.config.ts
deleted file mode 100644
index b28e0d88b..000000000
--- a/uni-app-x/vite.config.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import path from "path";
-import fs from 'fs';
-import { defineConfig } from "vite";
-import uni from "@dcloudio/vite-plugin-uni";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    uni()
-  ],
-  resolve: {
-    alias: [
-        // {
-        //     find: "@/uni_modules/uview-plus",
-        //     replacement: path.resolve(__dirname, "../src/uni_modules/uview-plus"),
-        // }
-    ],
-    },
-  server: {
-    port: 5200,
-    fs: {
-        // Allow serving files from one level up to the project root
-        allow: ['..']
-    }
-},
-});