@1money/component-ui 0.0.20 → 0.0.22

package/es/components/ProForm/index.js

@@ -1,17 +1,27 @@
 import { ProForm as ProFormBase } from './ProForm';
+import { ProFormItem } from './ProFormItem';
 import { ProFormDependency } from './ProFormDependency';
 import { ProFormList } from './ProFormList';
 import { ProFormGroup } from './ProFormGroup';
 import { Submitter } from './Submitter';
-import { ProFormText, ProFormPassword, ProFormTextArea, ProFormCheckbox, ProFormCheckboxGroup, ProFormSwitch, ProFormSelect, ProFormUpload, ProFormFieldSet } from './fields';
+import { ProFormText, ProFormPassword, ProFormTextArea, ProFormCheckbox, ProFormCheckboxGroup, ProFormSwitch, ProFormSelect, ProFormRadioGroup, ProFormSlider, ProFormDatePicker, ProFormUpload, ProFormFieldSet } from './fields';
+import { useForm } from './core/hooks/useForm';
+import { useProFormContext, useFormInstance } from './context';
 import './style';
-// Compose ProForm with static sub-components
+// Compose ProForm with static sub-components and hooks
 var ProForm = Object.assign(ProFormBase, {
+  // Item + core hooks
+  Item: ProFormItem,
+  useForm: useForm,
+  useInstance: useFormInstance,
+  useContext: useProFormContext,
+  // Composition
   Dependency: ProFormDependency,
   List: ProFormList,
   Group: ProFormGroup,
   FieldSet: ProFormFieldSet,
   Submitter: Submitter,
+  // Fields
   Text: ProFormText,
   Password: ProFormPassword,
   TextArea: ProFormTextArea,
@@ -19,19 +29,21 @@ var ProForm = Object.assign(ProFormBase, {
   CheckboxGroup: ProFormCheckboxGroup,
   Switch: ProFormSwitch,
   Select: ProFormSelect,
+  RadioGroup: ProFormRadioGroup,
+  Slider: ProFormSlider,
+  DatePicker: ProFormDatePicker,
   Upload: ProFormUpload
 });
-export { ProForm };
+export { ProForm, ProFormItem };
 export default ProForm;
-// Re-export individual pieces for named imports
+// Named exports for fields
+export { createProFormField, ProFormText, ProFormPassword, ProFormTextArea, ProFormCheckbox, ProFormCheckboxGroup, ProFormSwitch, ProFormSelect, ProFormRadioGroup, ProFormSlider, ProFormDatePicker, ProFormUpload, ProFormFieldSet } from './fields';
+// Composition + layouts
 export { ProFormDependency } from './ProFormDependency';
 export { ProFormList } from './ProFormList';
 export { ProFormGroup } from './ProFormGroup';
-export { Submitter } from './Submitter';
-export { createProFormField, ProFormText, ProFormPassword, ProFormTextArea, ProFormCheckbox, ProFormCheckboxGroup, ProFormSwitch, ProFormSelect, ProFormUpload, ProFormFieldSet } from './fields';
 export { DrawerForm } from './layouts/DrawerForm';
 export { DialogForm } from './layouts/DialogForm';
 export { QueryFilter } from './layouts/QueryFilter';
-export { useProFormContext, FormListContext, useFormListContext } from './context';
 export { CSS_PREFIX, WIDTH_SIZE_MAP, DEFAULT_COL_SPAN, DEFAULT_TEXT, PROFORM_MODES } from './constants';
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvUHJvRm9ybS9pbmRleC50cyIsImNvbXBvbmVudHMvUHJvRm9ybS9pbmRleC5qcyJdLCJuYW1lcyI6WyJQcm9Gb3JtIiwiUHJvRm9ybUJhc2UiLCJQcm9Gb3JtRGVwZW5kZW5jeSIsIlByb0Zvcm1MaXN0IiwiUHJvRm9ybUdyb3VwIiwiU3VibWl0dGVyIiwiUHJvRm9ybVRleHQiLCJQcm9Gb3JtUGFzc3dvcmQiLCJQcm9Gb3JtVGV4dEFyZWEiLCJQcm9Gb3JtQ2hlY2tib3giLCJQcm9Gb3JtQ2hlY2tib3hHcm91cCIsIlByb0Zvcm1Td2l0Y2giLCJQcm9Gb3JtU2VsZWN0IiwiUHJvRm9ybVVwbG9hZCIsIlByb0Zvcm1GaWVsZFNldCIsIk9iamVjdCIsImFzc2lnbiIsIkRlcGVuZGVuY3kiLCJMaXN0IiwiR3JvdXAiLCJGaWVsZFNldCIsIlRleHQiLCJQYXNzd29yZCIsIlRleHRBcmVhIiwiQ2hlY2tib3giLCJDaGVja2JveEdyb3VwIiwiU3dpdGNoIiwiU2VsZWN0IiwiVXBsb2FkIiwiY3JlYXRlUHJvRm9ybUZpZWxkIiwiRHJhd2VyRm9ybSIsIkRpYWxvZ0Zvcm0iLCJRdWVyeUZpbHRlciIsInVzZVByb0Zvcm1Db250ZXh0IiwiRm9ybUxpc3RDb250ZXh0IiwidXNlRm9ybUxpc3RDb250ZXh0IiwiQ1NTX1BSRUZJWCIsIldJRFRIX1NJWkVfTUFQIiwiREVGQVVMVF9DT0xfU1BBTiIsIkRFRkFVTFRfVEVYVCIsIlBST0ZPUk1fTU9ERVMiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLE9BQU8sSUFBSUMsV0FBVyxRQUFRLFdBQVc7QUFDbEQsU0FBU0MsaUJBQWlCLFFBQVEscUJBQXFCO0FBQ3ZELFNBQVNDLFdBQVcsUUFBUSxlQUFlO0FBQzNDLFNBQVNDLFlBQVksUUFBUSxnQkFBZ0I7QUFDN0MsU0FBU0MsU0FBUyxRQUFRLGFBQWE7QUFDdkMsU0FDRUMsV0FBVyxFQUNYQyxlQUFlLEVBQ2ZDLGVBQWUsRUFDZkMsZUFBZSxFQUNmQyxvQkFBb0IsRUFDcEJDLGFBQWEsRUFDYkMsYUFBYSxFQUNiQyxhQUFhLEVBQ2JDLGVBQWUsUUFDVixVQUFVO0FBSWpCLE9BQU8sU0FBUztBQUVoQjtBQUNBLElBQU1kLE9BQU8sR0FBR2UsTUFBTSxDQUFDQyxNQUFNLENBQUNmLFdBQVcsRUFBRTtFQUN6Q2dCLFVBQVUsRUFBRWYsaUJBQWlCO0VBQzdCZ0IsSUFBSSxFQUFFZixXQUFXO0VBQ2pCZ0IsS0FBSyxFQUFFZixZQUFZO0VBQ25CZ0IsUUFBUSxFQUFFTixlQUFlO0VBQ3pCVCxTQUFTLEVBQVRBLFNBQVM7RUFDVGdCLElBQUksRUFBRWYsV0FBVztFQUNqQmdCLFFBQVEsRUFBRWYsZUFBZTtFQUN6QmdCLFFBQVEsRUFBRWYsZUFBZTtFQUN6QmdCLFFBQVEsRUFBRWYsZUFBZTtFQUN6QmdCLGFBQWEsRUFBRWYsb0JBQW9CO0VBQ25DZ0IsTUFBTSxFQUFFZixhQUFhO0VBQ3JCZ0IsTUFBTSxFQUFFZixhQUFhO0VBQ3JCZ0IsTUFBTSxFQUFFZjtBQ2JWLENEY0MsQ0FBQztBQUVGLFNBQVNiLE9BQU87QUFDaEIsZUFBZUEsT0FBTztBQUV0QjtBQUNBLFNBQVNFLGlCQUFpQixRQUFRLHFCQUFxQjtBQUN2RCxTQUFTQyxXQUFXLFFBQVEsZUFBZTtBQUMzQyxTQUFTQyxZQUFZLFFBQVEsZ0JBQWdCO0FBQzdDLFNBQVNDLFNBQVMsUUFBUSxhQUFhO0FBQ3ZDLFNBQ0V3QixrQkFBa0IsRUFDbEJ2QixXQUFXLEVBQ1hDLGVBQWUsRUFDZkMsZUFBZSxFQUNmQyxlQUFlLEVBQ2ZDLG9CQUFvQixFQUNwQkMsYUFBYSxFQUNiQyxhQUFhLEVBQ2JDLGFBQWEsRUFDYkMsZUFBZSxRQUNWLFVBQVU7QUFDakIsU0FBU2dCLFVBQVUsUUFBUSxzQkFBc0I7QUFDakQsU0FBU0MsVUFBVSxRQUFRLHNCQUFzQjtBQUNqRCxTQUFTQyxXQUFXLFFBQVEsdUJBQXVCO0FBQ25ELFNBQVNDLGlCQUFpQixFQUFFQyxlQUFlLEVBQUVDLGtCQUFrQixRQUFRLFdBQVc7QUEwQmxGLFNBQVNDLFVBQVUsRUFBRUMsY0FBYyxFQUFFQyxnQkFBZ0IsRUFBRUMsWUFBWSxFQUFFQyxhQUFhLFFBQVEsYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL1Byb0Zvcm0vaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IFByb0Zvcm0gYXMgUHJvRm9ybUJhc2UgfSBmcm9tICcuL1Byb0Zvcm0nO1xuaW1wb3J0IHsgUHJvRm9ybURlcGVuZGVuY3kgfSBmcm9tICcuL1Byb0Zvcm1EZXBlbmRlbmN5JztcbmltcG9ydCB7IFByb0Zvcm1MaXN0IH0gZnJvbSAnLi9Qcm9Gb3JtTGlzdCc7XG5pbXBvcnQgeyBQcm9Gb3JtR3JvdXAgfSBmcm9tICcuL1Byb0Zvcm1Hcm91cCc7XG5pbXBvcnQgeyBTdWJtaXR0ZXIgfSBmcm9tICcuL1N1Ym1pdHRlcic7XG5pbXBvcnQgeyBQcm9Gb3JtVGV4dCwgUHJvRm9ybVBhc3N3b3JkLCBQcm9Gb3JtVGV4dEFyZWEsIFByb0Zvcm1DaGVja2JveCwgUHJvRm9ybUNoZWNrYm94R3JvdXAsIFByb0Zvcm1Td2l0Y2gsIFByb0Zvcm1TZWxlY3QsIFByb0Zvcm1VcGxvYWQsIFByb0Zvcm1GaWVsZFNldCwgfSBmcm9tICcuL2ZpZWxkcyc7XG5pbXBvcnQgJy4vc3R5bGUnO1xuLy8gQ29tcG9zZSBQcm9Gb3JtIHdpdGggc3RhdGljIHN1Yi1jb21wb25lbnRzXG5jb25zdCBQcm9Gb3JtID0gT2JqZWN0LmFzc2lnbihQcm9Gb3JtQmFzZSwge1xuICAgIERlcGVuZGVuY3k6IFByb0Zvcm1EZXBlbmRlbmN5LFxuICAgIExpc3Q6IFByb0Zvcm1MaXN0LFxuICAgIEdyb3VwOiBQcm9Gb3JtR3JvdXAsXG4gICAgRmllbGRTZXQ6IFByb0Zvcm1GaWVsZFNldCxcbiAgICBTdWJtaXR0ZXIsXG4gICAgVGV4dDogUHJvRm9ybVRleHQsXG4gICAgUGFzc3dvcmQ6IFByb0Zvcm1QYXNzd29yZCxcbiAgICBUZXh0QXJlYTogUHJvRm9ybVRleHRBcmVhLFxuICAgIENoZWNrYm94OiBQcm9Gb3JtQ2hlY2tib3gsXG4gICAgQ2hlY2tib3hHcm91cDogUHJvRm9ybUNoZWNrYm94R3JvdXAsXG4gICAgU3dpdGNoOiBQcm9Gb3JtU3dpdGNoLFxuICAgIFNlbGVjdDogUHJvRm9ybVNlbGVjdCxcbiAgICBVcGxvYWQ6IFByb0Zvcm1VcGxvYWQsXG59KTtcbmV4cG9ydCB7IFByb0Zvcm0gfTtcbmV4cG9ydCBkZWZhdWx0IFByb0Zvcm07XG4vLyBSZS1leHBvcnQgaW5kaXZpZHVhbCBwaWVjZXMgZm9yIG5hbWVkIGltcG9ydHNcbmV4cG9ydCB7IFByb0Zvcm1EZXBlbmRlbmN5IH0gZnJvbSAnLi9Qcm9Gb3JtRGVwZW5kZW5jeSc7XG5leHBvcnQgeyBQcm9Gb3JtTGlzdCB9IGZyb20gJy4vUHJvRm9ybUxpc3QnO1xuZXhwb3J0IHsgUHJvRm9ybUdyb3VwIH0gZnJvbSAnLi9Qcm9Gb3JtR3JvdXAnO1xuZXhwb3J0IHsgU3VibWl0dGVyIH0gZnJvbSAnLi9TdWJtaXR0ZXInO1xuZXhwb3J0IHsgY3JlYXRlUHJvRm9ybUZpZWxkLCBQcm9Gb3JtVGV4dCwgUHJvRm9ybVBhc3N3b3JkLCBQcm9Gb3JtVGV4dEFyZWEsIFByb0Zvcm1DaGVja2JveCwgUHJvRm9ybUNoZWNrYm94R3JvdXAsIFByb0Zvcm1Td2l0Y2gsIFByb0Zvcm1TZWxlY3QsIFByb0Zvcm1VcGxvYWQsIFByb0Zvcm1GaWVsZFNldCwgfSBmcm9tICcuL2ZpZWxkcyc7XG5leHBvcnQgeyBEcmF3ZXJGb3JtIH0gZnJvbSAnLi9sYXlvdXRzL0RyYXdlckZvcm0nO1xuZXhwb3J0IHsgRGlhbG9nRm9ybSB9IGZyb20gJy4vbGF5b3V0cy9EaWFsb2dGb3JtJztcbmV4cG9ydCB7IFF1ZXJ5RmlsdGVyIH0gZnJvbSAnLi9sYXlvdXRzL1F1ZXJ5RmlsdGVyJztcbmV4cG9ydCB7IHVzZVByb0Zvcm1Db250ZXh0LCBGb3JtTGlzdENvbnRleHQsIHVzZUZvcm1MaXN0Q29udGV4dCB9IGZyb20gJy4vY29udGV4dCc7XG5leHBvcnQgeyBDU1NfUFJFRklYLCBXSURUSF9TSVpFX01BUCwgREVGQVVMVF9DT0xfU1BBTiwgREVGQVVMVF9URVhULCBQUk9GT1JNX01PREVTIH0gZnJvbSAnLi9jb25zdGFudHMnOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvUHJvRm9ybS9pbmRleC50cyIsImNvbXBvbmVudHMvUHJvRm9ybS9pbmRleC5qcyJdLCJuYW1lcyI6WyJQcm9Gb3JtIiwiUHJvRm9ybUJhc2UiLCJQcm9Gb3JtSXRlbSIsIlByb0Zvcm1EZXBlbmRlbmN5IiwiUHJvRm9ybUxpc3QiLCJQcm9Gb3JtR3JvdXAiLCJTdWJtaXR0ZXIiLCJQcm9Gb3JtVGV4dCIsIlByb0Zvcm1QYXNzd29yZCIsIlByb0Zvcm1UZXh0QXJlYSIsIlByb0Zvcm1DaGVja2JveCIsIlByb0Zvcm1DaGVja2JveEdyb3VwIiwiUHJvRm9ybVN3aXRjaCIsIlByb0Zvcm1TZWxlY3QiLCJQcm9Gb3JtUmFkaW9Hcm91cCIsIlByb0Zvcm1TbGlkZXIiLCJQcm9Gb3JtRGF0ZVBpY2tlciIsIlByb0Zvcm1VcGxvYWQiLCJQcm9Gb3JtRmllbGRTZXQiLCJ1c2VGb3JtIiwidXNlUHJvRm9ybUNvbnRleHQiLCJ1c2VGb3JtSW5zdGFuY2UiLCJPYmplY3QiLCJhc3NpZ24iLCJJdGVtIiwidXNlSW5zdGFuY2UiLCJ1c2VDb250ZXh0IiwiRGVwZW5kZW5jeSIsIkxpc3QiLCJHcm91cCIsIkZpZWxkU2V0IiwiVGV4dCIsIlBhc3N3b3JkIiwiVGV4dEFyZWEiLCJDaGVja2JveCIsIkNoZWNrYm94R3JvdXAiLCJTd2l0Y2giLCJTZWxlY3QiLCJSYWRpb0dyb3VwIiwiU2xpZGVyIiwiRGF0ZVBpY2tlciIsIlVwbG9hZCIsImNyZWF0ZVByb0Zvcm1GaWVsZCIsIkRyYXdlckZvcm0iLCJEaWFsb2dGb3JtIiwiUXVlcnlGaWx0ZXIiLCJDU1NfUFJFRklYIiwiV0lEVEhfU0laRV9NQVAiLCJERUZBVUxUX0NPTF9TUEFOIiwiREVGQVVMVF9URVhUIiwiUFJPRk9STV9NT0RFUyJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsT0FBTyxJQUFJQyxXQUFXLFFBQVEsV0FBVztBQUNsRCxTQUFTQyxXQUFXLFFBQVEsZUFBZTtBQUMzQyxTQUFTQyxpQkFBaUIsUUFBUSxxQkFBcUI7QUFDdkQsU0FBU0MsV0FBVyxRQUFRLGVBQWU7QUFDM0MsU0FBU0MsWUFBWSxRQUFRLGdCQUFnQjtBQUM3QyxTQUFTQyxTQUFTLFFBQVEsYUFBYTtBQUN2QyxTQUNFQyxXQUFXLEVBQ1hDLGVBQWUsRUFDZkMsZUFBZSxFQUNmQyxlQUFlLEVBQ2ZDLG9CQUFvQixFQUNwQkMsYUFBYSxFQUNiQyxhQUFhLEVBQ2JDLGlCQUFpQixFQUNqQkMsYUFBYSxFQUNiQyxpQkFBaUIsRUFDakJDLGFBQWEsRUFDYkMsZUFBZSxRQUNWLFVBQVU7QUFDakIsU0FBU0MsT0FBTyxRQUFRLHNCQUFzQjtBQUM5QyxTQUFTQyxpQkFBaUIsRUFBRUMsZUFBZSxRQUFRLFdBQVc7QUFDOUQsT0FBTyxTQUFTO0FBRWhCO0FBQ0EsSUFBTXJCLE9BQU8sR0FBR3NCLE1BQU0sQ0FBQ0MsTUFBTSxDQUFDdEIsV0FBVyxFQUFFO0VBQ3pDO0VBQ0F1QixJQUFJLEVBQUV0QixXQUFXO0VBQ2pCaUIsT0FBTyxFQUFQQSxPQUFPO0VBQ1BNLFdBQVcsRUFBRUosZUFBZTtFQUM1QkssVUFBVSxFQUFFTixpQkFBaUI7RUFDN0I7RUFDQU8sVUFBVSxFQUFFeEIsaUJBQWlCO0VBQzdCeUIsSUFBSSxFQUFFeEIsV0FBVztFQUNqQnlCLEtBQUssRUFBRXhCLFlBQVk7RUFDbkJ5QixRQUFRLEVBQUVaLGVBQWU7RUFDekJaLFNBQVMsRUFBVEEsU0FBUztFQUNUO0VBQ0F5QixJQUFJLEVBQUV4QixXQUFXO0VBQ2pCeUIsUUFBUSxFQUFFeEIsZUFBZTtFQUN6QnlCLFFBQVEsRUFBRXhCLGVBQWU7RUFDekJ5QixRQUFRLEVBQUV4QixlQUFlO0VBQ3pCeUIsYUFBYSxFQUFFeEIsb0JBQW9CO0VBQ25DeUIsTUFBTSxFQUFFeEIsYUFBYTtFQUNyQnlCLE1BQU0sRUFBRXhCLGFBQWE7RUFDckJ5QixVQUFVLEVBQUV4QixpQkFBaUI7RUFDN0J5QixNQUFNLEVBQUV4QixhQUFhO0VBQ3JCeUIsVUFBVSxFQUFFeEIsaUJBQWlCO0VBQzdCeUIsTUFBTSxFQUFFeEI7QUNiVixDRGNDLENBQUM7QUFFRixTQUFTakIsT0FBTyxFQUFFRSxXQUFXO0FBQzdCLGVBQWVGLE9BQU87QUFFdEI7QUFDQSxTQUNFMEMsa0JBQWtCLEVBQ2xCbkMsV0FBVyxFQUNYQyxlQUFlLEVBQ2ZDLGVBQWUsRUFDZkMsZUFBZSxFQUNmQyxvQkFBb0IsRUFDcEJDLGFBQWEsRUFDYkMsYUFBYSxFQUNiQyxpQkFBaUIsRUFDakJDLGFBQWEsRUFDYkMsaUJBQWlCLEVBQ2pCQyxhQUFhLEVBQ2JDLGVBQWUsUUFDVixVQUFVO0FBRWpCO0FBQ0EsU0FBU2YsaUJBQWlCLFFBQVEscUJBQXFCO0FBQ3ZELFNBQVNDLFdBQVcsUUFBUSxlQUFlO0FBQzNDLFNBQVNDLFlBQVksUUFBUSxnQkFBZ0I7QUFDN0MsU0FBU3NDLFVBQVUsUUFBUSxzQkFBc0I7QUFDakQsU0FBU0MsVUFBVSxRQUFRLHNCQUFzQjtBQUNqRCxTQUFTQyxXQUFXLFFBQVEsdUJBQXVCO0FBNEJuRCxTQUFTQyxVQUFVLEVBQUVDLGNBQWMsRUFBRUMsZ0JBQWdCLEVBQUVDLFlBQVksRUFBRUMsYUFBYSxRQUFRLGFBQWEiLCJmaWxlIjoiY29tcG9uZW50cy9Qcm9Gb3JtL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJpbXBvcnQgeyBQcm9Gb3JtIGFzIFByb0Zvcm1CYXNlIH0gZnJvbSAnLi9Qcm9Gb3JtJztcbmltcG9ydCB7IFByb0Zvcm1JdGVtIH0gZnJvbSAnLi9Qcm9Gb3JtSXRlbSc7XG5pbXBvcnQgeyBQcm9Gb3JtRGVwZW5kZW5jeSB9IGZyb20gJy4vUHJvRm9ybURlcGVuZGVuY3knO1xuaW1wb3J0IHsgUHJvRm9ybUxpc3QgfSBmcm9tICcuL1Byb0Zvcm1MaXN0JztcbmltcG9ydCB7IFByb0Zvcm1Hcm91cCB9IGZyb20gJy4vUHJvRm9ybUdyb3VwJztcbmltcG9ydCB7IFN1Ym1pdHRlciB9IGZyb20gJy4vU3VibWl0dGVyJztcbmltcG9ydCB7IFByb0Zvcm1UZXh0LCBQcm9Gb3JtUGFzc3dvcmQsIFByb0Zvcm1UZXh0QXJlYSwgUHJvRm9ybUNoZWNrYm94LCBQcm9Gb3JtQ2hlY2tib3hHcm91cCwgUHJvRm9ybVN3aXRjaCwgUHJvRm9ybVNlbGVjdCwgUHJvRm9ybVJhZGlvR3JvdXAsIFByb0Zvcm1TbGlkZXIsIFByb0Zvcm1EYXRlUGlja2VyLCBQcm9Gb3JtVXBsb2FkLCBQcm9Gb3JtRmllbGRTZXQsIH0gZnJvbSAnLi9maWVsZHMnO1xuaW1wb3J0IHsgdXNlRm9ybSB9IGZyb20gJy4vY29yZS9ob29rcy91c2VGb3JtJztcbmltcG9ydCB7IHVzZVByb0Zvcm1Db250ZXh0LCB1c2VGb3JtSW5zdGFuY2UgfSBmcm9tICcuL2NvbnRleHQnO1xuaW1wb3J0ICcuL3N0eWxlJztcbi8vIENvbXBvc2UgUHJvRm9ybSB3aXRoIHN0YXRpYyBzdWItY29tcG9uZW50cyBhbmQgaG9va3NcbmNvbnN0IFByb0Zvcm0gPSBPYmplY3QuYXNzaWduKFByb0Zvcm1CYXNlLCB7XG4gICAgLy8gSXRlbSArIGNvcmUgaG9va3NcbiAgICBJdGVtOiBQcm9Gb3JtSXRlbSxcbiAgICB1c2VGb3JtLFxuICAgIHVzZUluc3RhbmNlOiB1c2VGb3JtSW5zdGFuY2UsXG4gICAgdXNlQ29udGV4dDogdXNlUHJvRm9ybUNvbnRleHQsXG4gICAgLy8gQ29tcG9zaXRpb25cbiAgICBEZXBlbmRlbmN5OiBQcm9Gb3JtRGVwZW5kZW5jeSxcbiAgICBMaXN0OiBQcm9Gb3JtTGlzdCxcbiAgICBHcm91cDogUHJvRm9ybUdyb3VwLFxuICAgIEZpZWxkU2V0OiBQcm9Gb3JtRmllbGRTZXQsXG4gICAgU3VibWl0dGVyLFxuICAgIC8vIEZpZWxkc1xuICAgIFRleHQ6IFByb0Zvcm1UZXh0LFxuICAgIFBhc3N3b3JkOiBQcm9Gb3JtUGFzc3dvcmQsXG4gICAgVGV4dEFyZWE6IFByb0Zvcm1UZXh0QXJlYSxcbiAgICBDaGVja2JveDogUHJvRm9ybUNoZWNrYm94LFxuICAgIENoZWNrYm94R3JvdXA6IFByb0Zvcm1DaGVja2JveEdyb3VwLFxuICAgIFN3aXRjaDogUHJvRm9ybVN3aXRjaCxcbiAgICBTZWxlY3Q6IFByb0Zvcm1TZWxlY3QsXG4gICAgUmFkaW9Hcm91cDogUHJvRm9ybVJhZGlvR3JvdXAsXG4gICAgU2xpZGVyOiBQcm9Gb3JtU2xpZGVyLFxuICAgIERhdGVQaWNrZXI6IFByb0Zvcm1EYXRlUGlja2VyLFxuICAgIFVwbG9hZDogUHJvRm9ybVVwbG9hZCxcbn0pO1xuZXhwb3J0IHsgUHJvRm9ybSwgUHJvRm9ybUl0ZW0gfTtcbmV4cG9ydCBkZWZhdWx0IFByb0Zvcm07XG4vLyBOYW1lZCBleHBvcnRzIGZvciBmaWVsZHNcbmV4cG9ydCB7IGNyZWF0ZVByb0Zvcm1GaWVsZCwgUHJvRm9ybVRleHQsIFByb0Zvcm1QYXNzd29yZCwgUHJvRm9ybVRleHRBcmVhLCBQcm9Gb3JtQ2hlY2tib3gsIFByb0Zvcm1DaGVja2JveEdyb3VwLCBQcm9Gb3JtU3dpdGNoLCBQcm9Gb3JtU2VsZWN0LCBQcm9Gb3JtUmFkaW9Hcm91cCwgUHJvRm9ybVNsaWRlciwgUHJvRm9ybURhdGVQaWNrZXIsIFByb0Zvcm1VcGxvYWQsIFByb0Zvcm1GaWVsZFNldCwgfSBmcm9tICcuL2ZpZWxkcyc7XG4vLyBDb21wb3NpdGlvbiArIGxheW91dHNcbmV4cG9ydCB7IFByb0Zvcm1EZXBlbmRlbmN5IH0gZnJvbSAnLi9Qcm9Gb3JtRGVwZW5kZW5jeSc7XG5leHBvcnQgeyBQcm9Gb3JtTGlzdCB9IGZyb20gJy4vUHJvRm9ybUxpc3QnO1xuZXhwb3J0IHsgUHJvRm9ybUdyb3VwIH0gZnJvbSAnLi9Qcm9Gb3JtR3JvdXAnO1xuZXhwb3J0IHsgRHJhd2VyRm9ybSB9IGZyb20gJy4vbGF5b3V0cy9EcmF3ZXJGb3JtJztcbmV4cG9ydCB7IERpYWxvZ0Zvcm0gfSBmcm9tICcuL2xheW91dHMvRGlhbG9nRm9ybSc7XG5leHBvcnQgeyBRdWVyeUZpbHRlciB9IGZyb20gJy4vbGF5b3V0cy9RdWVyeUZpbHRlcic7XG5leHBvcnQgeyBDU1NfUFJFRklYLCBXSURUSF9TSVpFX01BUCwgREVGQVVMVF9DT0xfU1BBTiwgREVGQVVMVF9URVhULCBQUk9GT1JNX01PREVTIH0gZnJvbSAnLi9jb25zdGFudHMnOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/ProForm/interface.d.ts

@@ -1,13 +1,11 @@
-import type { ReactNode, FC, ReactElement, MutableRefObject, CSSProperties } from 'react';
-import type { FormProps, FormCoreInstance, Rule } from "../Form";
+import type { ReactNode, FC, ReactElement, MutableRefObject, CSSProperties, FormHTMLAttributes } from 'react';
+import type { FormCoreInstance, FormSize, LabelAlign, ValidateStatus, ValidateTrigger, Rule } from './core/interface';
 import type { ButtonProps } from "../Button";
 import type { DrawerProps, DrawerPlacement } from "../Drawer";
 import type { GridRowProps, GridColSize } from "../Grid";
 import type { DialogProps } from "../Dialog";
 import type { ProFormMode } from './constants';
-/** Transform field value before submission */
 export type ProFormFieldTransformFn = (value: unknown, name: string, allValues: Record<string, unknown>) => unknown;
-/** Convert stored value before displaying in the field */
 export type ProFormFieldConvertValueFn = (value: unknown, name: string) => unknown;
 export type ProFormValueEnumObj = Record<string | number, string | {
     text: string;
@@ -24,29 +22,7 @@ export interface ProFormRequestOption {
     value: unknown;
     disabled?: boolean;
 }
-export interface ProFormContextValue {
-    /** @deprecated Use `mode` instead. Kept for backward compatibility. */
-    readonly?: boolean;
-    /** Form mode: 'edit' (default), 'read' (readonly), 'update' (edit existing data) */
-    mode?: ProFormMode;
-    grid?: boolean;
-    colProps?: ProFormColProps;
-    registerTransform?: (name: string, fn: ProFormFieldTransformFn) => void;
-    unregisterTransform?: (name: string) => void;
-    formInstance?: ProFormFormInstance;
-}
-export interface ProFormFormInstance {
-    submit: () => {
-        success: boolean;
-        values?: Record<string, unknown>;
-        errors?: Record<string, string>;
-    };
-    resetFields: () => void;
-    getFieldValue: (name: string) => unknown;
-    getFieldsValue: () => Record<string, unknown>;
-    setFieldsValue: (values: Record<string, unknown>) => void;
-    setFieldValue: (name: string, value: unknown) => void;
-    validateFields: (fieldsRules?: Record<string, Rule[]>) => boolean;
+export interface ProFormFormInstance extends FormCoreInstance {
     getFieldsFormatValue: () => Record<string, unknown>;
     validateFieldsReturnFormatValue: () => {
         success: boolean;
@@ -54,6 +30,30 @@ export interface ProFormFormInstance {
         errors?: Record<string, string>;
     };
 }
+export interface ProFormContextValue {
+    values: Record<string, unknown>;
+    errors: Record<string, string>;
+    touched: Record<string, boolean>;
+    formInstance: ProFormFormInstance;
+    setFieldValue: (name: string, value: unknown) => void;
+    setFieldError: (name: string, error: string | null) => void;
+    validateField: (name: string, rules: Rule[], providedValue?: unknown) => boolean;
+    registerField: (name: string, rules: Rule[]) => void;
+    unregisterField: (name: string) => void;
+    size: FormSize;
+    labelAlign: LabelAlign;
+    disabled: boolean;
+    colon: boolean;
+    requiredMark: boolean;
+    validateTrigger: ValidateTrigger;
+    /** @deprecated Use `mode` instead. Kept for backward compatibility. */
+    readonly: boolean;
+    mode: ProFormMode;
+    grid: boolean;
+    colProps: ProFormColProps;
+    registerTransform: (name: string, fn: ProFormFieldTransformFn) => void;
+    unregisterTransform: (name: string) => void;
+}
 export interface ProFormFieldProps<FieldProps = Record<string, unknown>> {
     name?: string;
     label?: ReactNode;
@@ -72,7 +72,6 @@ export interface ProFormFieldProps<FieldProps = Record<string, unknown>> {
     colon?: boolean;
     /** @deprecated Use `mode='read'` instead */
     readonly?: boolean;
-    /** Field-level mode override: 'edit', 'read', or 'update' */
     mode?: ProFormMode;
     hidden?: boolean;
     colProps?: ProFormColProps;
@@ -82,17 +81,43 @@ export interface ProFormFieldProps<FieldProps = Record<string, unknown>> {
     width?: 'sm' | 'md' | 'lg' | 'xl' | number;
     transform?: ProFormFieldTransformFn;
     convertValue?: ProFormFieldConvertValueFn;
-    /** Field names to watch — auto-wraps with ProFormDependency */
     dependencies?: string[];
-    /** Async option loader (works with Select, RadioGroup, CheckboxGroup) */
     request?: (params?: Record<string, unknown>) => Promise<ProFormRequestOption[]>;
-    /** Extra params passed to request; merged with dependency values */
     params?: Record<string, unknown>;
-    /** Quick enum → options conversion for Select/Radio/Checkbox fields */
     valueEnum?: ProFormValueEnumObj;
-    /** Debounce delay (ms) for field onChange */
     debounceTime?: number;
 }
+export type ProFormValueType = 'text' | 'password' | 'digit' | 'date' | 'dateTime' | 'select' | 'radio' | 'switch' | 'tag';
+export interface ProFormItemProps {
+    children?: ReactNode;
+    className?: string;
+    prefixCls?: string;
+    label?: ReactNode;
+    name?: string;
+    rules?: Rule[];
+    required?: boolean;
+    help?: ReactNode;
+    validateStatus?: ValidateStatus;
+    hasFeedback?: boolean;
+    colon?: boolean;
+    hidden?: boolean;
+    /** Transform before submit, registered into ProForm pipeline */
+    transform?: ProFormFieldTransformFn;
+    /** Convert the displayed value before rendering into children */
+    convertValue?: ProFormFieldConvertValueFn;
+    /** Built-in read-mode value type renderer */
+    valueType?: ProFormValueType;
+    /** Custom read-mode rendering; overrides valueType */
+    readonlyRender?: (value: unknown, values: Record<string, unknown>) => ReactNode;
+    /** Grid column config; falls back to ProForm.colProps */
+    colProps?: ProFormColProps;
+    /** Per-item mode override */
+    mode?: ProFormMode;
+    /** Placeholder shown in read mode when the value is empty (default: '-') */
+    emptyText?: ReactNode;
+    /** Value enum for select/radio/tag value types */
+    valueEnum?: ProFormValueEnumObj;
+}
 export interface SubmitterProps {
     submitText?: ReactNode;
     resetText?: ReactNode;
@@ -106,11 +131,27 @@ export interface SubmitterProps {
     submitButtonProps?: Partial<ButtonProps>;
     resetButtonProps?: Partial<ButtonProps>;
 }
-export interface ProFormProps extends Omit<FormProps, 'onSubmit'> {
+export interface ProFormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onReset'> {
+    children?: ReactNode;
+    className?: string;
+    prefixCls?: string;
+    initialValues?: Record<string, unknown>;
+    onFinish?: (values: Record<string, unknown>) => void;
+    onFinishFailed?: (errorInfo: {
+        values: Record<string, unknown>;
+        errors: Record<string, string>;
+    }) => void;
+    onValuesChange?: (changedValues: Record<string, unknown>, allValues: Record<string, unknown>) => void;
+    onReset?: () => void;
+    size?: FormSize;
+    labelAlign?: LabelAlign;
+    disabled?: boolean;
+    colon?: boolean;
+    requiredMark?: boolean;
+    validateTrigger?: ValidateTrigger;
     submitter?: SubmitterProps | false;
     /** @deprecated Use `mode='read'` instead */
     readonly?: boolean;
-    /** Form mode: 'edit' (default), 'read' (readonly), 'update' (edit existing data) */
     mode?: ProFormMode;
     grid?: boolean;
     colProps?: ProFormColProps;
@@ -119,7 +160,6 @@ export interface ProFormProps extends Omit<FormProps, 'onSubmit'> {
     request?: (params?: unknown) => Promise<Record<string, unknown>>;
     params?: unknown;
     formRef?: MutableRefObject<ProFormFormInstance | undefined>;
-    /** Strip null / undefined / empty-string values before onFinish (default: true) */
     omitNil?: boolean;
 }
 export interface ProFormListAction {
@@ -134,9 +174,7 @@ export interface ProFormListProps {
     label?: ReactNode;
     min?: number;
     max?: number;
-    /** Validate that the list is not empty on form submission */
     required?: boolean;
-    /** Error message when list is empty (used with required) */
     requiredMessage?: string;
     initialValue?: Record<string, unknown>[];
     copyIconProps?: false | Partial<ButtonProps>;
@@ -177,14 +215,12 @@ export interface ProFormFieldSetProps {
     rules?: Rule[];
     required?: boolean;
     help?: ReactNode;
-    /** Gap between child fields in px */
     gap?: number;
     style?: CSSProperties;
     children?: ReactNode;
 }
 export interface ProFormGroupProps {
     title?: ReactNode;
-    /** Extra content rendered at the right of the title */
     extra?: ReactNode;
     collapsible?: boolean;
     defaultCollapsed?: boolean;
@@ -227,7 +263,6 @@ export interface QueryFilterProps extends ProFormProps {
         searchText?: ReactNode;
         resetText?: ReactNode;
     };
-    /** Sync form values to URL search params */
     syncToUrl?: boolean | ((values: Record<string, unknown>, type: 'get' | 'set') => Record<string, unknown>);
 }
 export interface CreateProFormFieldConfig<FieldProps> {

package/es/components/ProForm/style/ProForm.css

@@ -1 +1 @@
-.om-component-ui-proform{width:100%}.om-component-ui-proform-submitter{display:flex;gap:var(--om-spacing-200,8px);align-items:center;padding-top:var(--om-spacing-300,12px)}.om-component-ui-proform-list{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);width:100%}.om-component-ui-proform-list-label{display:block}.om-component-ui-proform-list-content{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px)}.om-component-ui-proform-list-actions{display:flex;flex-direction:column;gap:var(--om-spacing-100,4px)}.om-component-ui-proform-list-row-actions{display:flex;gap:var(--om-spacing-100,4px);align-items:center}.om-component-ui-proform-dialog-form,.om-component-ui-proform-drawer-form{width:100%}.om-component-ui-proform-group{display:flex;flex-direction:column;width:100%}.om-component-ui-proform-group-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--om-spacing-200,8px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.om-component-ui-proform-group-title{display:flex;gap:var(--om-spacing-100,4px);align-items:center}.om-component-ui-proform-group-arrow{display:inline-block;transition:transform .2s}.om-component-ui-proform-group-body{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px)}.om-component-ui-proform-fieldset{display:flex;align-items:flex-start}.om-component-ui-proform-query-filter{display:flex;flex-wrap:wrap;gap:var(--om-spacing-200,8px);align-items:flex-end;width:100%}.om-component-ui-proform-query-filter-actions{display:flex;gap:var(--om-spacing-200,8px);align-items:center;height:var(--om-component-height-3xl,56px);margin-left:auto}.om-component-ui-proform-query-filter-split{width:1px;height:24px;background-color:var(--om-border-default-secondary,#9fa3a3)}
+.om-component-ui-form{width:100%}.om-component-ui-form-item{margin-bottom:var(--om-spacing-300,12px)}.om-component-ui-form-item-label-wrapper-vertical,.om-component-ui-form-item-small{margin-bottom:var(--om-spacing-200,8px)}.om-component-ui-form-item-label{display:inline;padding:0}.om-component-ui-form-item-label-required:before{margin-right:var(--om-spacing-050,2px);color:var(--om-text-danger,#ae0000);content:"*"}.om-component-ui-form-item-label-wrapper-left{text-align:left}.om-component-ui-form-item-label-wrapper-right{text-align:right}.om-component-ui-form-item-error,.om-component-ui-form-item-help{margin-top:var(--om-spacing-050,2px)}.om-component-ui-proform{width:100%}.om-component-ui-proform-submitter{display:flex;gap:var(--om-spacing-200,8px);align-items:center;padding-top:var(--om-spacing-300,12px)}.om-component-ui-proform-list{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);width:100%}.om-component-ui-proform-list-label{display:block}.om-component-ui-proform-list-content{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px)}.om-component-ui-proform-list-actions{display:flex;flex-direction:column;gap:var(--om-spacing-100,4px)}.om-component-ui-proform-list-row-actions{display:flex;gap:var(--om-spacing-100,4px);align-items:center}.om-component-ui-proform-dialog-form,.om-component-ui-proform-drawer-form{width:100%}.om-component-ui-proform-group{display:flex;flex-direction:column;width:100%}.om-component-ui-proform-group-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--om-spacing-200,8px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.om-component-ui-proform-group-title{display:flex;gap:var(--om-spacing-100,4px);align-items:center}.om-component-ui-proform-group-arrow{display:inline-block;transition:transform .2s}.om-component-ui-proform-group-body{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px)}.om-component-ui-proform-fieldset{display:flex;align-items:flex-start}.om-component-ui-proform-query-filter{display:flex;flex-wrap:wrap;gap:var(--om-spacing-200,8px);align-items:flex-end;width:100%}.om-component-ui-proform-query-filter-actions{display:flex;gap:var(--om-spacing-200,8px);align-items:center;height:var(--om-component-height-3xl,56px);margin-left:auto}.om-component-ui-proform-query-filter-split{width:1px;height:24px;background-color:var(--om-border-default-secondary,#9fa3a3)}