@zuzjs/ui 0.2.6 → 0.2.8

package/dist/index.js

@@ -556,7 +556,7 @@ const UPDATE_FORM_FIELD = (formName, field, value, forms) => {
 };
 
 const Input = forwardRef((props, ref) => {
-    const { as, accept, multiple, onChange, onKeyUp, type, tag, placeholder, name, form, touched, onSubmit, defaultValue, fref } = props;
+    const { as, accept, multiple, onChange, onKeyUp, onClick, readOnly, type, tag, placeholder, name, form, touched, onSubmit, defaultValue, fref } = props;
     const dispatch = useDispatch(STORE_FORM_KEY);
     const { forms } = useStore(state => state[STORE_FORM_KEY], false);
     let Tag = tag || 'input';
@@ -574,7 +574,7 @@ const Input = forwardRef((props, ref) => {
                     : e.currentTarget.value;
                 dispatch(dispatch(UPDATE_FORM_FIELD(form || 'orphan', name, val == "" ? null : val, forms)));
                 onChange && onChange(val == "" ? null : val);
-            }, onBlur: e => {
+            }, onClick: onClick ? onClick : () => { }, readOnly: readOnly || false, onBlur: e => {
             }, onFocus: e => touched == false && dispatch(UPDATE_FORM_FIELD(form || 'orphan', `touched`, true, forms)) }) }));
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zuzjs/ui",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "type": "module",
   "main": "dist/index.js",
   "exports": {

package/src/comps/input.tsx

@@ -23,6 +23,8 @@ const Input = forwardRef((props : { [ key: string ] : any }, ref : LegacyRef<HTM
         multiple,
         onChange,
         onKeyUp,
+        onClick,
+        readOnly,
         type,
         tag,
         placeholder,
@@ -67,6 +69,8 @@ const Input = forwardRef((props : { [ key: string ] : any }, ref : LegacyRef<HTM
                     dispatch( dispatch( UPDATE_FORM_FIELD( form || 'orphan', name, val == "" ? null : val, forms ) ) );
                     onChange && onChange(val == "" ? null : val)
                 }}
+                onClick={onClick ? onClick : () => {}}
+                readOnly={readOnly || false}
                 onBlur={e => {
                     if(touched){}
                 }}