feat: input、textarea增加cursor-color的用例

pages/component/input/input.test.js

@@ -139,6 +139,14 @@ describe('component-native-input', () => {
   //   await page.waitFor(500)
   // })
 
+  it("cursor-color", async () => {
+    await page.setData({
+      cursor_color: "transparent",
+    })
+    await page.waitFor(500)
+    expect(await (await page.$('.uni-input-cursor-color')).property("cursor-color")).toBe("transparent")
+  })
+
   it("afterAllTestScreenshot", async () => {
     const image = await program.screenshot({
       fullPage: true

pages/component/input/input.uvue

@@ -136,6 +136,15 @@
         </view>
       </view>
 
+      <view>
+        <view class="uni-title" @click="changeCursorColor">
+          <text class="uni-title-text">设置光标颜色为透明（点击生效，再点复位）</text>
+        </view>
+        <view class="uni-input-wrapper">
+          <input class="uni-input uni-input-cursor-color" :cursor-color="cursor_color" value="光标颜色" />
+        </view>
+      </view>
+
       <view>
         <view class="uni-title">
           <text class="uni-title-text">键盘弹起时，自动上推页面</text>
@@ -219,6 +228,7 @@
         inputClearValue: '',
         showPassword: true,
         cursor: -1,
+        cursor_color: "#3393E2",
         selectionStart: -1,
         selectionEnd: -1,
         inputEventDetail: '',
@@ -290,6 +300,13 @@
       },
       test_check_input_value():number {
         return this.onMaxLengthInputValue.length
+      },
+      changeCursorColor(){
+        if(this.cursor_color == "#3393E2"){
+          this.cursor_color = "transparent"
+        }else{
+          this.cursor_color = "#3393E2"
+        }
       }
     }
   }

pages/component/textarea/textarea.test.js

@@ -61,6 +61,13 @@ describe('component-native-textarea', () => {
     } = await textarea.size()
     expect(height).toBeLessThanOrEqual(150)
   }) */
+  it("cursor-color", async () => {
+    await page.setData({
+      cursor_color: "transparent",
+    })
+    await page.waitFor(500)
+    expect(await textarea.property("cursor-color")).toBe("transparent")
+  })
 
   it("inputmode", async () => {
     const inputmodeEnum = await page.data("inputmode_enum")

pages/component/textarea/textarea.uvue

@@ -13,6 +13,7 @@ export default {
       default_value:"",
       maxlength:-1,
 			inputmode_enum: [{"value":0,"name":"none"},{"value":1,"name":"text"},{"value":2,"name":"decimal"},{"value":3,"name":"numeric"},{"value":4,"name":"tel"},{"value":5,"name":"search"},{"value":6,"name":"email"},{"value":7,"name":"url"}] as ItemType[],
+      cursor_color: "#3393E2",
 			inputmode_enum_current: 0
 		}
 	},
@@ -38,6 +39,7 @@ export default {
 		change_confirm_hold_boolean(checked : boolean) { this.confirm_hold_boolean = checked },
 		change_focus_boolean(checked : boolean) { this.focus_boolean = checked },
 		change_auto_focus_boolean(checked : boolean) { this.auto_focus_boolean = checked },
+    change_cursor_color_boolean(checked : boolean) { if(checked){ this.cursor_color = "transparent"} else {this.cursor_color = "#3393E2"}},
 		radio_change_inputmode_enum(checked : number) { this.inputmode_enum_current = checked }
 	}
 }
@@ -55,6 +57,7 @@ export default {
       :fixed="fixed_boolean"
       :show-confirm-bar="show_confirm_bar_boolean"
       :adjust-position="adjust_position_boolean"
+      :cursor-color="cursor_color"
       :inputmode="inputmode_enum[inputmode_enum_current].name"
       :maxlength="maxlength"
       @click="textarea_click"
@@ -115,6 +118,11 @@ export default {
         title="自动获取焦点"
         @change="change_auto_focus_boolean"
       ></boolean-data>
+      <boolean-data
+        :defaultValue="false"
+        title="改变光标颜色为透明"
+        @change="change_cursor_color_boolean"
+      ></boolean-data>
       <enum-data
         :items="inputmode_enum"
         title="是一个枚举属性，它提供了用户在编辑元素或其内容时可能输入的数据类型的提示。在符合条件的高版本webview里，uni-app的 web 和 app-vue 平台中可使用本属性。"