react-form-manage 1.0.0 → 1.0.2

package/README.md

@@ -33,7 +33,12 @@ Thư viện cung cấp (named/default exports):
 Ví dụ import:
 
 ```javascript
-import Form, { FormItem, FormList, Input, InputWrapper } from 'react-form-manage';
+import Form, {
+  FormItem,
+  FormList,
+  Input,
+  InputWrapper,
+} from "react-form-manage";
 ```
 
 ---
@@ -43,13 +48,17 @@ import Form, { FormItem, FormList, Input, InputWrapper } from 'react-form-manage
 Ví dụ form đơn giản:
 
 ```jsx
-import React from 'react';
-import Form, { FormItem } from 'react-form-manage';
-import Input from './path-to-package/Input';
+import React from "react";
+import Form, { FormItem } from "react-form-manage";
+import Input from "./path-to-package/Input";
 
 function Example() {
   return (
-    <Form formName="myForm" initialValues={{ name: '' }} onFinish={(values) => console.log('submit', values)}>
+    <Form
+      formName="myForm"
+      initialValues={{ name: "" }}
+      onFinish={(values) => console.log("submit", values)}
+    >
       <FormItem name="name">
         <Input />
       </FormItem>
@@ -72,11 +81,11 @@ Bạn có thể lấy instance form để gọi phương thức chương trình
 Ví dụ sử dụng hook attached trên `Form`:
 
 ```jsx
-import React from 'react';
-import Form from 'react-form-manage';
+import React from "react";
+import Form from "react-form-manage";
 
 function CtrlExample() {
-  const [form] = Form.useForm('myForm'); // hoặc useForm('myForm')
+  const [form] = Form.useForm("myForm"); // hoặc useForm('myForm')
 
   return (
     <div>
@@ -106,26 +115,28 @@ Methods available on the form instance (populated by `Form` provider):
 Ví dụ:
 
 ```jsx
-import React from 'react';
-import Form, { FormList, FormItem } from 'react-form-manage';
-import Input from './Input';
+import React from "react";
+import Form, { FormList, FormItem } from "react-form-manage";
+import Input from "./Input";
 
 function ListExample() {
   return (
     <Form formName="listForm">
-      <FormList name="items">{(fields, { add, remove }) => (
-        <div>
-          {fields.map((f, i) => (
-            <div key={f.key}>
-              <FormItem name={f.name}>
-                <Input />
-              </FormItem>
-              <button onClick={() => remove({ index: i })}>Remove</button>
-            </div>
-          ))}
-          <button onClick={() => add()}>Add</button>
-        </div>
-      )}</FormList>
+      <FormList name="items">
+        {(fields, { add, remove }) => (
+          <div>
+            {fields.map((f, i) => (
+              <div key={f.key}>
+                <FormItem name={f.name}>
+                  <Input />
+                </FormItem>
+                <button onClick={() => remove({ index: i })}>Remove</button>
+              </div>
+            ))}
+            <button onClick={() => add()}>Add</button>
+          </div>
+        )}
+      </FormList>
     </Form>
   );
 }
@@ -175,6 +186,7 @@ Nếu bạn muốn tự sinh `.d.ts` từ JS, có thể thêm `tsconfig.types.js
 ## License
 
 Mặc định chưa thêm license — nếu muốn public, hãy thêm `LICENSE` (ví dụ MIT).
+
 # React + Vite
 
 This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

package/dist/index.cjs

@@ -6,7 +6,6 @@ var shallow = require('zustand/react/shallow');
 var immer = require('immer');
 var uuid = require('uuid');
 var zustand = require('zustand');
-var antd = require('antd');
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -459,7 +458,7 @@ var FormCleanUp = function FormCleanUp() {
   return h(Fragment, null);
 };
 
-var _excluded$4 = ["children", "formName", "initialValues", "onFinish", "onReject", "onFinally", "FormElement"];
+var _excluded$3 = ["children", "formName", "initialValues", "onFinish", "onReject", "onFinally", "FormElement"];
 function _catch(body, recover) {
   try {
     var result = body();
@@ -480,7 +479,7 @@ function Form(_ref) {
     onReject = _ref.onReject,
     onFinally = _ref.onFinally,
     FormElement = _ref.FormElement,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var _useFormStore = useFormStore(shallow.useShallow(function (state) {
       var _state$formStates;
       return {
@@ -1879,7 +1878,7 @@ function useFormListControl(_ref) {
   };
 }
 
-var _excluded$3 = ["listFields"];
+var _excluded$2 = ["listFields"];
 var FormList = function FormList(_ref) {
   var name = _ref.name,
     initialValues = _ref.initialValues,
@@ -1893,15 +1892,15 @@ var FormList = function FormList(_ref) {
       formName: formName
     }),
     listFields = _useTestRrenderListCo.listFields,
-    actions = _objectWithoutPropertiesLoose(_useTestRrenderListCo, _excluded$3);
+    actions = _objectWithoutPropertiesLoose(_useTestRrenderListCo, _excluded$2);
   return children(listFields, _extends({}, actions));
 };
 
-var _excluded$2 = ["onChange", "ref"];
+var _excluded$1 = ["onChange", "ref"];
 var Input = function Input(_ref) {
   var _onChange = _ref.onChange,
     ref = _ref.ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return h("input", _extends({
     ref: ref,
     onChange: function onChange(e) {
@@ -1910,19 +1909,6 @@ var Input = function Input(_ref) {
   }, props));
 };
 
-var _excluded$1 = ["onChange", "isValidating"];
-var AntInput = function AntInput(_ref) {
-  var _onChange = _ref.onChange,
-    isValidating = _ref.isValidating,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return h(antd.Input, _extends({}, props, {
-    onChange: function onChange(e) {
-      _onChange && _onChange(e.target.value);
-    },
-    disabled: isValidating
-  }));
-};
-
 var _excluded = ["children", "errors"];
 var InputWrapper = function InputWrapper(_ref) {
   var children = _ref.children,
@@ -1936,7 +1922,6 @@ var InputWrapper = function InputWrapper(_ref) {
   })));
 };
 
-exports.AntInput = AntInput;
 exports.FormItem = FormItem;
 exports.FormList = FormList;
 exports.Input = Input;