good/xhs-examples
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
熊潇
2025-09-14 00:21:54 +08:00
commit d40b3bbd62
766 changed files with 36275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
xhs-mini-demos/component-case/input/input.css Normal file
View File

@@ -0,0 +1,3 @@
.inputChangeValue {
overflow: scroll;
}

313
xhs-mini-demos/component-case/input/input.js Normal file
View File

@@ -0,0 +1,313 @@
const __templateJs = require("./templates.js");
const __mergePageOptions = require("../../util/mergePageOptions.js");
Page(__mergePageOptions({
onShareAppMessage() {
return {
title: 'input',
path: 'page/component/pages/input/input'
};
},
data: {
// 非受控
inputNotBindValue: '',
// 非受控有长度
inputNotBindValueMaxLength: '',
// 受控
inputBindValue: '',
// 受控只能输入英文
wordValue: '',
// 受控有长度
inputMaxLengthValue: '',
// 不限制长度
inputMaxLengthInfinity: '',
// 密码输入
inputPassword: '',
// 数字输入
inputNumber: '',
// 不可输入
disabledValue: 'disabled',
inputValue: '',
inputChangeValue: '',
// 非受控 textarea
textareaNotBindValue: '',
// 受控 textarea
textareaBindValue: '',
// 受控只能输入英文
textareaWordValue: '',
// 受控最大长度
textareaMaxLengthValue: '',
// 非受控最大
textareaNoBindMaxLengthValue: '',
// 无限长度的 textarea
textareaInfinityLengthValue: '',
// 不可输入的 textarea
textareaDisabled: `I'm disabled
I'm disabled
I'm disabled
`,
password: false,
focus: false,
value: '',
type: 'text',
placeholder: '',
placeholderClass: 'input-placeholder',
disabled: false,
maxlength: 140,
autoFocus: false,
cursor: -1,
selectionStart: -1,
selectionEnd: -1,
focusTime: 0,
blurTime: 0
},
// 非受控
bindNotBindInput(e) {
this.setData({
inputNotBindValue: e.detail.value
});
},
// 非受控有长度
bindInputNotBindValueMaxLength(e) {
this.setData({
inputNotBindValueMaxLength: e.detail.value
});
},
// 受控
bindBindInput(e) {
this.setData({
inputBindValue: e.detail.value
});
},
// 受控只能输入英文
bindWordInput(e) {
const value = e.detail.value;
console.log("%c Line:46 🍐 value", "color:#93c0a4", value);
// 过滤非英文字母
const valueFilter = value.replace(/[^A-Za-z]/ig, '');
console.log("%c Line:49 🥕 valueFilter", "color:#42b983", valueFilter);
this.setData({
wordValue: valueFilter
});
},
// 受控 textarea 只能输入英文
bindTextareaWordInput(e) {
const value = e.detail.value;
console.log("%c Line:46 🍐 value", "color:#93c0a4", value);
// 过滤非英文字母
const valueFilter = value.replace(/[^A-Za-z]/ig, '');
console.log("%c Line:49 🥕 valueFilter", "color:#42b983", valueFilter);
this.setData({
textareaWordValue: valueFilter
});
},
// 受控有长度
bindMaxLengthInput(e) {
this.setData({
inputMaxLengthValue: e.detail.value
});
},
// 受控不限制长度
bindInputMaxLengthInfinity(e) {
this.setData({
inputMaxLengthInfinity: e.detail.value
});
},
// 受控密码输入
bindPasswordInput(e) {
this.setData({
inputPassword: e.detail.value
});
},
// 输入数字
bindNumberInput(e) {
this.setData({
inputNumber: e.detail.value
});
},
// 不可输入
bindDisabledInput(e) {
this.setData({
disabledValue: e.detail.value
});
},
// 非受控 textarea
bindTextareaNoBindInput(e) {
this.setData({
textareaNotBindValue: e.detail.value
});
},
// 受控 textarea
bindTextareaBindValue(e) {
console.log("%c Line:63 🌰 e", "color:#6ec1c2", e);
this.setData({
textareaBindValue: e.detail.value
});
},
// 最大长度
bindTextareaMaxLengthInput(e) {
this.setData({
textareaMaxLengthValue: e.detail.value
});
},
bindTextareaNoBindMaxLengthValue(e) {
this.setData({
textareaNoBindMaxLengthValue: e.detail.value
});
},
// 长度不受限的 textarea
bindTextareaInfinityLengthValue(e) {
this.setData({
textareaInfinityLengthValue: e.detail.value
});
},
// 不可输入的 textarea
bindTextareaDisabledInput(e) {
this.setData({
textareaDisabled: e.detail.value
});
},
bindKeyInput(e) {
this.setData({
inputValue: e.detail.value
});
},
bindReplaceInput(e) {
xhs.showToast({
title: e.detail.value,
icon: 'success',
duration: 2000
});
this.setData({
value: e.detail.value
});
// const value = e.detail.value
// let pos = e.detail.cursor
// let left
// if (pos !== -1) {
// // 光标在中间
// left = e.detail.value.slice(0, pos)
// // 计算光标的位置
// pos = left.replace(/11/g, '2').length
// }
// // 直接返回对象，可以对输入进行过滤处理，同时可以控制光标的位置
// return {
// value: value.replace(/11/g, '2'),
// cursor: pos,
// }
// 或者直接返回字符串,光标在最后边
// return value.replace(/11/g,'2'),
},
bindHideKeyboard(e) {
if (e.detail.value === '123') {
// 收起键盘
xhs.hideKeyboard();
}
},
changeValue({
detail
}) {
this.setData({
value: detail.value
});
},
changePlaceholder({
detail
}) {
this.setData({
placeholder: detail.value
});
},
changePlaceholderStyle({
detail
}) {
this.setData({
placeholderStyle: detail.value
});
},
changePlaceholderClass({
detail
}) {
this.setData({
placeholderClass: detail.value
});
},
changeDisabled() {
this.setData({
disabled: !this.data.disabled
});
},
changePassword() {
this.setData({
password: !this.data.password
});
},
changeMaxlength({
detail
}) {
this.setData({
maxlength: detail.value
});
},
changeFocus() {
this.setData({
focus: !this.data.focus
});
},
changeCursor({
detail
}) {
this.setData({
cursor: detail.value
});
},
changeType({
detail
}) {
this.setData({
type: detail.value
});
},
changeSelectionStart({
detail
}) {
this.setData({
selectionStart: detail.value
});
},
changeSelectionEnd({
detail
}) {
this.setData({
selectionEnd: detail.value
});
},
bindTextFocus({
timeStamp
}) {
this.setData({
focusTime: new Date(timeStamp).toLocaleString()
});
},
bindTextBlur({
timeStamp
}) {
this.setData({
blurTime: new Date(timeStamp).toLocaleString()
});
},
bindTextInput(e) {
console.log(`bindTextInput: ${JSON.stringify(e)}`);
this.setData({
inputChangeValue: e.detail.value
});
},
onChange(e) {
console.log('onChange', e);
},
bindconfirm(e) {
console.log('bindconfirm', e);
}
}, __templateJs));

7
xhs-mini-demos/component-case/input/input.json Normal file
View File

@@ -0,0 +1,7 @@
{
"navigationBarTitleText": "输入框",
"usingComponents": {
"showbox": "../../common/component/showbox/index",
"box": "../../common/component/container/index"
}
}

289
xhs-mini-demos/component-case/input/input.xhsml Normal file
View File

@@ -0,0 +1,289 @@
<view class="container">
<showbox title="非受控 Input">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ inputNotBindValue }}</text>
</view>
<view class="_ui-input">
<input
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindNotBindInput"
/>
</view>
</box>
</showbox>
<showbox title="非受控 Input，maxLength 设置为 10">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ inputNotBindValueMaxLength }}</text>
</view>
<view class="_ui-input">
<text>长度是: {{ inputNotBindValueMaxLength.length }}</text>
</view>
<view class="_ui-input">
<input
maxlength="10"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindInputNotBindValueMaxLength"
/>
</view>
</box>
</showbox>
<showbox title="受控 Input">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ inputBindValue }}</text>
</view>
<view class="_ui-input">
<input
value="{{ inputBindValue }}"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindBindInput"
/>
</view>
</box>
</showbox>
<showbox title="受控 Input，只能输入英文字母，其他会被过滤">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ wordValue }}</text>
</view>
<view class="_ui-input">
<input
value="{{ wordValue }}"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindWordInput"
/>
</view>
</box>
</showbox>
<showbox title="受控 Input，最大只能输入 10 个字符">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ inputMaxLengthValue }}</text>
</view>
<view class="_ui-input">
<text>长度是: {{ inputMaxLengthValue.length }}</text>
</view>
<view class="_ui-input">
<input
value="{{ inputMaxLengthValue }}"
maxlength="10"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindMaxLengthInput"
/>
</view>
</box>
</showbox>
<showbox title="受控 Input，maxlength 为 -1，表示不限制长度">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ inputMaxLengthInfinity }}</text>
</view>
<view class="_ui-input">
<text>长度是: {{ inputMaxLengthInfinity.length }}</text>
</view>
<view class="_ui-input">
<input
value="{{ inputMaxLengthInfinity }}"
maxlength="-1"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindInputMaxLengthInfinity"
/>
</view>
</box>
</showbox>
<showbox title="受控 Input，密码输入">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ inputPassword }}</text>
</view>
<view class="_ui-input">
<input
password
value="{{ inputPassword }}"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindPasswordInput"
/>
</view>
</box>
</showbox>
<showbox title="受控 Input，数字模式">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ inputNumber }}</text>
</view>
<view class="_ui-input">
<input
value="{{ inputNumber }}"
type="number"
inputmode="numeric"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindNumberInput"
/>
</view>
</box>
</showbox>
<showbox title="不可输入的 Input">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ disabledValue }}</text>
</view>
<view class="_ui-input">
<text>长度: {{ disabledValue.length }}</text>
</view>
<view class="_ui-input">
<input
disabled
value="{{ disabledValue }}"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindDisabledInput"
/>
</view>
</box>
</showbox>
<showbox title="非受控 Textarea，自动换行高度">
<box>
<view class="_ui-textarea">
<textarea
auto-height
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindTextareaNoBindInput"
/>
</view>
<view class="_ui-textarea">
<text>你输入的内容是: {{ textareaNotBindValue }}</text>
</view>
</box>
</showbox>
<showbox title="受控 Textarea，自动换行高度">
<box>
<view class="_ui-textarea">
<textarea
auto-height
value="{{ textareaBindValue }}"
bindinput="bindTextareaBindValue"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
/>
</view>
<view class="_ui-textarea">
<text>你输入的内容是: {{ textareaBindValue }}</text>
</view>
</box>
</showbox>
<showbox title="受控 Textarea，只能输入英文字母">
<box>
<view class="_ui-input">
<textarea
value="{{ textareaWordValue }}"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindTextareaWordInput"
/>
</view>
<view class="_ui-input">
<text>你输入的内容是: {{ textareaWordValue }}</text>
</view>
</box>
</showbox>
<showbox title="非受控 Textarea，maxLength 设置为 10">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ textareaNoBindMaxLengthValue }}</text>
</view>
<view class="_ui-input">
<text>长度是: {{ textareaNoBindMaxLengthValue.length }}</text>
</view>
<view class="_ui-input">
<textarea
maxlength="10"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindTextareaNoBindMaxLengthValue"
/>
</view>
</box>
</showbox>
<showbox title="受控 Textarea，maxLength 设置为 10">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ textareaMaxLengthValue }}</text>
</view>
<view class="_ui-input">
<text>长度是: {{ textareaMaxLengthValue.length }}</text>
</view>
<view class="_ui-input">
<textarea
value="{{ textareaMaxLengthValue }}"
maxlength="10"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindTextareaMaxLengthInput"
/>
</view>
</box>
</showbox>
<showbox title="受控 Textarea，长度不受限">
<box>
<view class="_ui-input">
<text>你输入的内容是: {{ textareaInfinityLengthValue }}</text>
</view>
<view class="_ui-input">
<text>长度是: {{ textareaInfinityLengthValue.length }}</text>
</view>
<view class="_ui-input">
<textarea
value="{{ textareaInfinityLengthValue }}"
maxlength="-1"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindTextareaInfinityLengthValue"
/>
</view>
</box>
</showbox>
<showbox title="不可输入 textarea">
<box>
<view class="_ui-input">
<text>你输入的内容是: \n{{ textareaDisabled }}</text>
</view>
<view class="_ui-input">
<textarea
disabled
value="{{ textareaDisabled }}"
maxlength="10"
placeholder="占位文字"
placeholder-style="color: #3333334D;"
bindinput="bindTextareaDisabledInput"
/>
</view>
</box>
</showbox>
</view>
<include src="templates.xhsml" />

189
xhs-mini-demos/component-case/input/templates.js Normal file
View File

@@ -0,0 +1,189 @@
/** 以下内容为自动生成，请勿手动修改 */
module.exports = {
data: {
page_data_0: ``,
page_data_1: 0,
page_data_2: ["text", "number"],
page_data_3: false,
page_data_4: ``,
page_data_5: ``,
page_data_6: `input-placeholder`,
page_data_7: false,
page_data_8: 140,
page_data_9: 140,
page_data_10: false,
page_data_11: undefined,
page_data_12: -1,
page_data_13: -1,
page_data_14: true,
page_data_15: 2,
page_data_16: ["send", "search", "next", "go", "done"],
page_data_17: false,
page_data_18: 0,
page_data_19: false,
page_data_20: ``,
page_data_21: ``,
page_data_22: ``,
page_data_23: `textarea-placeholder`,
page_data_24: false,
page_data_25: 140,
page_data_26: false,
page_data_27: false,
page_data_28: false,
page_data_29: undefined,
page_data_30: -1,
page_data_31: -1,
},
page_fun_0(e) {
this.setData("page_data_0", e.detail.value);
},
page_fun_1(e) {
this.setData("page_data_1", e.detail.value);
},
page_fun_2(e) {
this.setData("page_data_3", e.detail.value);
},
page_fun_3(e) {
this.setData("page_data_4", e.detail.value);
},
page_fun_4(e) {
this.setData("page_data_5", e.detail.value);
},
page_fun_5(e) {
this.setData("page_data_6", e.detail.value);
},
page_fun_6(e) {
this.setData("page_data_7", e.detail.value);
},
page_fun_7(e) {
this.setData("page_data_8", e.detail.value);
},
page_fun_8(e) {
this.setData("page_data_9", e.detail.value);
},
page_fun_9(e) {
this.setData("page_data_10", e.detail.value);
},
page_fun_10(e) {
this.setData("page_data_11", e.detail.value);
},
page_fun_11(e) {
this.setData("page_data_12", e.detail.value);
},
page_fun_12(e) {
this.setData("page_data_13", e.detail.value);
},
page_fun_13(e) {
this.setData("page_data_14", e.detail.value);
},
page_fun_14(e) {
this.setData("page_data_15", e.detail.value);
},
page_fun_15(e) {
this.setData("page_data_17", e.detail.value);
},
page_fun_16(e) {
this.setData("page_data_18", e.detail.value);
},
page_fun_17(e) {
this.setData("page_data_19", e.detail.value);
},
page_fun_18(e) {
this.setData("page_data_20", e.detail.value);
},
page_fun_19(e) {
this.setData("page_data_21", e.detail.value);
},
page_fun_20(e) {
this.setData("page_data_22", e.detail.value);
},
page_fun_21(e) {
this.setData("page_data_23", e.detail.value);
},
page_fun_22(e) {
this.setData("page_data_24", e.detail.value);
},
page_fun_23(e) {
this.setData("page_data_25", e.detail.value);
},
page_fun_24(e) {
this.setData("page_data_26", e.detail.value);
},
page_fun_25(e) {
this.setData("page_data_27", e.detail.value);
},
page_fun_26(e) {
this.setData("page_data_28", e.detail.value);
},
page_fun_27(e) {
this.setData("page_data_29", e.detail.value);
},
page_fun_28(e) {
this.setData("page_data_30", e.detail.value);
},
page_fun_29(e) {
this.setData("page_data_31", e.detail.value);
},
};

452
xhs-mini-demos/component-case/input/templates.xhsml Normal file
View File

@@ -0,0 +1,452 @@
<!-- 以下内容为自动生成，请勿手动修改 -->
<view class="container">
<showbox title="input演示">
<box>
<view class="_ui-space">
<view>
<view class="_ui-input">
<input
value="{{page_data_0}}"
type="{{page_data_2[page_data_1]}}"
password="{{page_data_3}}"
placeholder="{{page_data_4}}"
placeholder-style="{{page_data_5}}"
placeholder-class="{{page_data_6}}"
disabled="{{page_data_7}}"
max-length="{{page_data_8}}"
maxlength="{{page_data_9}}"
focus="{{page_data_10}}"
cursor="{{page_data_11}}"
selection-start="{{page_data_12}}"
selection-end="{{page_data_13}}"
adjust-position="{{page_data_14}}"
confirm-type="{{page_data_16[page_data_15]}}"
confirm-hold="{{page_data_17}}"
cursor-spacing="{{page_data_18}}"
gesture="{{page_data_19}}"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>value</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_0}}"
placeholder="value"
type="text"
bindinput="page_fun_0"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>type</text></view
>
<view style="flex: 6" class="_ui-input">
<picker
value="{{page_data_1}}"
range="{{page_data_2}}"
bindchange="page_fun_1"
>
{{page_data_2[page_data_1] ?? '请选择'}}
</picker>
</view>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启password</text>
</view>
<switch
checked="{{page_data_3}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_2"
/>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>placeholder</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_4}}"
placeholder="placeholder"
type="text"
bindinput="page_fun_3"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>placeholderStyle</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_5}}"
placeholder="placeholderStyle"
type="text"
bindinput="page_fun_4"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>placeholderClass</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_6}}"
placeholder="placeholderClass"
type="text"
bindinput="page_fun_5"
/>
</view>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启disabled</text>
</view>
<switch
checked="{{page_data_7}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_6"
/>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>maxLength</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_8}}"
placeholder="maxLength"
type="text"
bindinput="page_fun_7"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>maxlength</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_9}}"
placeholder="maxlength"
type="text"
bindinput="page_fun_8"
/>
</view>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启focus</text>
</view>
<switch
checked="{{page_data_10}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_9"
/>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>cursor</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_11}}"
placeholder="cursor"
type="text"
bindinput="page_fun_10"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>selectionStart</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_12}}"
placeholder="selectionStart"
type="text"
bindinput="page_fun_11"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>selectionEnd</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_13}}"
placeholder="selectionEnd"
type="text"
bindinput="page_fun_12"
/>
</view>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启adjustPosition</text>
</view>
<switch
checked="{{page_data_14}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_13"
/>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>confirmType</text></view
>
<view style="flex: 6" class="_ui-input">
<picker
value="{{page_data_15}}"
range="{{page_data_16}}"
bindchange="page_fun_14"
>
{{page_data_16[page_data_15] ?? '请选择'}}
</picker>
</view>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启confirmHold</text>
</view>
<switch
checked="{{page_data_17}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_15"
/>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>cursorSpacing</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_18}}"
placeholder="cursorSpacing"
type="text"
bindinput="page_fun_16"
/>
</view>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启gesture</text>
</view>
<switch
checked="{{page_data_19}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_17"
/>
</view>
</view>
</box>
</showbox>
<showbox title="textarea演示">
<box>
<view class="_ui-space">
<view>
<view class="_ui-textarea">
<textarea
value="{{page_data_20}}"
placeholder="{{page_data_21}}"
placeholder-style="{{page_data_22}}"
placeholder-class="{{page_data_23}}"
disabled="{{page_data_24}}"
maxlength="{{page_data_25}}"
auto-focus="{{page_data_26}}"
focus="{{page_data_27}}"
auto-height="{{page_data_28}}"
cursor="{{page_data_29}}"
selection-start="{{page_data_30}}"
selection-end="{{page_data_31}}"
>
</textarea>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>value</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_20}}"
placeholder="value"
type="text"
bindinput="page_fun_18"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>placeholder</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_21}}"
placeholder="placeholder"
type="text"
bindinput="page_fun_19"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>placeholderStyle</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_22}}"
placeholder="placeholderStyle"
type="text"
bindinput="page_fun_20"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>placeholderClass</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_23}}"
placeholder="placeholderClass"
type="text"
bindinput="page_fun_21"
/>
</view>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启disabled</text>
</view>
<switch
checked="{{page_data_24}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_22"
/>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>maxlength</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_25}}"
placeholder="maxlength"
type="text"
bindinput="page_fun_23"
/>
</view>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启autoFocus</text>
</view>
<switch
checked="{{page_data_26}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_24"
/>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启focus</text>
</view>
<switch
checked="{{page_data_27}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_25"
/>
</view>
<view class="_dflex _jc_space-between">
<view class="_dflex _ai_center">
<text>是否开启autoHeight</text>
</view>
<switch
checked="{{page_data_28}}"
color="rgba(255, 36, 66, 1)"
bindchange="page_fun_26"
/>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>cursor</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_29}}"
placeholder="cursor"
type="text"
bindinput="page_fun_27"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>selectionStart</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_30}}"
placeholder="selectionStart"
type="text"
bindinput="page_fun_28"
/>
</view>
</view>
<view class="_dflex">
<view style="flex: 4" class="_dflex _ai_center"
><text>selectionEnd</text></view
>
<view style="flex: 6" class="_ui-input">
<input
value="{{page_data_31}}"
placeholder="selectionEnd"
type="text"
bindinput="page_fun_29"
/>
</view>
</view>
</view>
</box>
</showbox>
</view>