@cniot/android-pda-components 2.0.0-beta.4 → 2.0.0-beta.5

package/es/index.es.js

@@ -1942,6 +1942,7 @@ class ImageUploader extends Component {
     __publicField(this, "handlerUploadNavigator", () => {
       const { beforeUpload, onBeforeUpload } = this.props;
       const dom = document.querySelector("#inputFile");
+      dom.value = null;
       dom.click();
       dom.onchange = (e2) => {
         let fileData = e2.target.files[0];
@@ -3301,7 +3302,7 @@ class Filed extends JSONWatch {
     this.validateStatusMap = {};
     this.validatorMap = {};
   }
-  getProps(key, { validator } = {}) {
+  getProps(key, { validator, formatValue, handleValueInChange } = {}) {
     const realValidator = typeof validator !== "function" && validator !== "required" ? null : (val) => {
       if (validator === "required") {
         validator = (val2) => {
@@ -3311,14 +3312,18 @@ class Filed extends JSONWatch {
       this.validateStatusMap[key] = validator == null ? void 0 : validator(val);
     };
     this.validatorMap[key] = realValidator;
+    const value = this.get(key);
     return {
-      value: this.get(key),
-      onChange: (value) => {
-        if (value && value.target && value.preventDefault) {
-          value = value.target.value;
+      value: typeof formatValue === "function" ? formatValue(value, key) : value,
+      onChange: (value2) => {
+        if (value2 && value2.target && value2.preventDefault) {
+          value2 = value2.target.value;
         }
-        realValidator == null ? void 0 : realValidator(value);
-        this.set(key, value);
+        if (typeof handleValueInChange === "function") {
+          value2 = handleValueInChange(value2, key);
+        }
+        realValidator == null ? void 0 : realValidator(value2);
+        this.set(key, value2);
       }
     };
   }
@@ -15061,6 +15066,33 @@ const ROUND_MAP = /* @__PURE__ */ new Map([
   ["error", error],
   ["warning", warning]
 ]);
+const ToastForPages = ({ duration, ...restProps }) => {
+  const [visible, setVisible] = React__default.useState(true);
+  React__default.useEffect(() => {
+    const timeId = setTimeout(() => {
+      setVisible(false);
+    }, duration || 5e3);
+    return () => clearTimeout(timeId);
+  }, []);
+  return visible && /* @__PURE__ */ React__default.createElement(Toast, {
+    data: restProps
+  });
+};
+ToastForPages.toast = (props) => {
+  const { title = "", message = "" } = props;
+  const _props = { ...props, title, message };
+  let toastRoot = document.getElementById("op-pda-active-toast-for-pages-root");
+  if (!toastRoot) {
+    toastRoot = document.createElement("div");
+    toastRoot.id = "op-pda-active-toast-for-pages-root";
+    document.body.appendChild(toastRoot);
+  }
+  ReactDOM__default.render(/* @__PURE__ */ React__default.createElement(ToastForPages, {
+    key: Math.random(),
+    ..._props,
+    hasNext: false
+  }), toastRoot);
+};
 var index$3 = "";
 function Alert(props) {
   const { data, onNext } = props;
@@ -15204,6 +15236,7 @@ function Debug() {
 }
 const PageFlowSystemPagesV2 = {
   Toast,
+  ToastForPages,
   Alert,
   Confirm,
   Prompt,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cniot/android-pda-components",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.5",
   "description": "",
   "main": "./es/index.cjs.js",
   "module": "./es/index.es.js",