@cniot/android-pda-components 2.0.0-beta.14 → 2.0.0-beta.16

package/README.md

@@ -1,3 +1,9 @@
+# 2.0.0-beta.16
+- useFieldV2 支持 onChange
+
+# 2.0.0-beta.15
+- confirm 中 button 支持 hotkey
+
 # 2.0.0-beta.14
 - SelectV2 默认支持 忽略大小写
 - SelectV2 支持 handleFilter

package/doc/all-v2-components/index.jsx

@@ -24,6 +24,7 @@ import {
   PageFlowSystemPagesV2,
   DatePickerV2,
   InputFieldV2,
+  useFieldV2,
 } from "../../packages";
 import { Button, List } from "antd-mobile";
 import "./index.less";
@@ -144,6 +145,8 @@ export default function (props) {
   type = "list";
   // type = 'tip'
 
+  const field = useFieldV2();
+
   const showMap = {
     LayoutV2: true,
     FinishCardV2: true,
@@ -528,8 +531,31 @@ export default function (props) {
         dataSource={[
           { label: "", value: "value", className: "high", display: false },
           { label: "", value: "value", className: "highlight", display: false },
-          { label: "输入", value: <NumberPickerV2 /> },
-          { label: "输入", value: <InputV2 /> },
+          {
+            label: "输入",
+            value: (
+              <NumberPickerV2
+                {...field.getProps("number", { validator: "required" })}
+              />
+            ),
+            type: field.getValidateStatus("number") ? "error" : null,
+            tip: field.getValidateStatus("number"),
+          },
+          {
+            label: "输入",
+            value: (
+              <InputV2
+                {...field.getProps("input", {
+                  validator: "required",
+                  onChange(val) {
+                    console.log(`val:======`, val);
+                  },
+                })}
+              />
+            ),
+            type: field.getValidateStatus("input") ? "error" : null,
+            tip: field.getValidateStatus("input"),
+          },
           { label: "最多六个字符", value: "2022-09-08 12:00:00" },
           { label: "最多六个字符123", value: "2022-09-08 12:00:00" },
           { label: "入库单号", value: "17836397" },
@@ -804,8 +830,11 @@ export default function (props) {
             fullWidth
             onClick={() => {
               console.log(`primary button click===`);
+              field.validate().then(res=>console.log(`field.getValues:======`,field.getValues())).finally(() => {
+                console.log(`validate end===`);
+              });
             }}
-            hotkey='Enter'
+            hotkey="Enter"
             // hotkeyHandler={() => {
             //   console.log(`primary button hotkeyHandler===`);
             // }}