@1money/component-ui 0.0.20 → 0.0.21

package/lib/components/ProForm/index.d.ts

@@ -1,5 +1,10 @@
+import { ProFormItem } from './ProFormItem';
 import './style';
 declare const ProForm: import("react").NamedExoticComponent<import("./interface").ProFormProps> & {
+    Item: import("react").NamedExoticComponent<import("./interface").ProFormItemProps>;
+    useForm: (initialValues?: Record<string, unknown>, options?: import("./core/interface").UseFormOptions) => [import("./core/interface").FormInstance];
+    useInstance: () => import("./interface").ProFormFormInstance;
+    useContext: () => import("./interface").ProFormContextValue;
     Dependency: import("react").NamedExoticComponent<import("./interface").ProFormDependencyProps>;
     List: import("react").NamedExoticComponent<import("./interface").ProFormListProps>;
     Group: import("react").NamedExoticComponent<import("./interface").ProFormGroupProps>;
@@ -12,19 +17,21 @@ declare const ProForm: import("react").NamedExoticComponent<import("./interface"
     CheckboxGroup: import("react").FC<import("./interface").ProFormFieldProps<import("../Checkbox").CheckboxGroupProps>>;
     Switch: import("react").FC<import("./interface").ProFormFieldProps<import("../Switch").SwitchProps>>;
     Select: import("react").FC<import("./interface").ProFormFieldProps<import("../Select").SelectProps>>;
+    RadioGroup: import("react").FC<import("./interface").ProFormFieldProps<import("../Radio").RadioGroupProps>>;
+    Slider: import("react").FC<import("./interface").ProFormFieldProps<import("../Slider").SliderProps>>;
+    DatePicker: import("react").FC<import("./interface").ProFormFieldProps<import("../Calendar").CalendarProps>>;
     Upload: import("react").FC<import("./interface").ProFormFieldProps<import("../Upload").UploadProps>>;
 };
-export { ProForm };
+export { ProForm, ProFormItem };
 export default ProForm;
+export { createProFormField, ProFormText, ProFormPassword, ProFormTextArea, ProFormCheckbox, ProFormCheckboxGroup, ProFormSwitch, ProFormSelect, ProFormRadioGroup, ProFormSlider, ProFormDatePicker, ProFormUpload, ProFormFieldSet, } from './fields';
 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 type { ProFormProps, ProFormFieldProps, ProFormContextValue, ProFormFormInstance, ProFormFieldTransformFn, ProFormFieldConvertValueFn, ProFormValueEnumObj, ProFormRequestOption, FormListContextValue, ProFormColProps, ProFormFieldSetProps, ProFormGroupProps, SubmitterProps, ProFormDependencyProps, ProFormListProps, ProFormListAction, DrawerFormProps, DialogFormProps, QueryFilterProps, CreateProFormFieldConfig, } from './interface';
+export type { ProFormProps, ProFormItemProps, ProFormFieldProps, ProFormContextValue, ProFormFormInstance, ProFormFieldTransformFn, ProFormFieldConvertValueFn, ProFormValueEnumObj, ProFormRequestOption, ProFormValueType, FormListContextValue, ProFormColProps, ProFormFieldSetProps, ProFormGroupProps, SubmitterProps, ProFormDependencyProps, ProFormListProps, ProFormListAction, DrawerFormProps, DialogFormProps, QueryFilterProps, CreateProFormFieldConfig, } from './interface';
 export { CSS_PREFIX, WIDTH_SIZE_MAP, DEFAULT_COL_SPAN, DEFAULT_TEXT, PROFORM_MODES } from './constants';
 export type { ProFormMode } from './constants';
+export type { FormInstance, FormCoreInstance, Rule, ValidateTrigger, ValidateStatus, FormLayout, FormSize, LabelAlign, } from './core/interface';

package/lib/components/ProForm/index.js

@@ -33,12 +33,6 @@ Object.defineProperty(exports, "DrawerForm", {
     return _DrawerForm.DrawerForm;
   }
 });
-Object.defineProperty(exports, "FormListContext", {
-  enumerable: true,
-  get: function get() {
-    return _context.FormListContext;
-  }
-});
 Object.defineProperty(exports, "PROFORM_MODES", {
   enumerable: true,
   get: function get() {
@@ -58,6 +52,12 @@ Object.defineProperty(exports, "ProFormCheckboxGroup", {
     return _fields.ProFormCheckboxGroup;
   }
 });
+Object.defineProperty(exports, "ProFormDatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _fields.ProFormDatePicker;
+  }
+});
 Object.defineProperty(exports, "ProFormDependency", {
   enumerable: true,
   get: function get() {
@@ -76,6 +76,12 @@ Object.defineProperty(exports, "ProFormGroup", {
     return _ProFormGroup.ProFormGroup;
   }
 });
+Object.defineProperty(exports, "ProFormItem", {
+  enumerable: true,
+  get: function get() {
+    return _ProFormItem.ProFormItem;
+  }
+});
 Object.defineProperty(exports, "ProFormList", {
   enumerable: true,
   get: function get() {
@@ -88,12 +94,24 @@ Object.defineProperty(exports, "ProFormPassword", {
     return _fields.ProFormPassword;
   }
 });
+Object.defineProperty(exports, "ProFormRadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _fields.ProFormRadioGroup;
+  }
+});
 Object.defineProperty(exports, "ProFormSelect", {
   enumerable: true,
   get: function get() {
     return _fields.ProFormSelect;
   }
 });
+Object.defineProperty(exports, "ProFormSlider", {
+  enumerable: true,
+  get: function get() {
+    return _fields.ProFormSlider;
+  }
+});
 Object.defineProperty(exports, "ProFormSwitch", {
   enumerable: true,
   get: function get() {
@@ -124,12 +142,6 @@ Object.defineProperty(exports, "QueryFilter", {
     return _QueryFilter.QueryFilter;
   }
 });
-Object.defineProperty(exports, "Submitter", {
-  enumerable: true,
-  get: function get() {
-    return _Submitter.Submitter;
-  }
-});
 Object.defineProperty(exports, "WIDTH_SIZE_MAP", {
   enumerable: true,
   get: function get() {
@@ -143,37 +155,34 @@ Object.defineProperty(exports, "createProFormField", {
   }
 });
 exports["default"] = void 0;
-Object.defineProperty(exports, "useFormListContext", {
-  enumerable: true,
-  get: function get() {
-    return _context.useFormListContext;
-  }
-});
-Object.defineProperty(exports, "useProFormContext", {
-  enumerable: true,
-  get: function get() {
-    return _context.useProFormContext;
-  }
-});
 var _ProForm = require("./ProForm");
+var _ProFormItem = require("./ProFormItem");
 var _ProFormDependency = require("./ProFormDependency");
 var _ProFormList = require("./ProFormList");
 var _ProFormGroup = require("./ProFormGroup");
 var _Submitter = require("./Submitter");
 var _fields = require("./fields");
+var _useForm = require("./core/hooks/useForm");
+var _context = require("./context");
 require("./style");
 var _DrawerForm = require("./layouts/DrawerForm");
 var _DialogForm = require("./layouts/DialogForm");
 var _QueryFilter = require("./layouts/QueryFilter");
-var _context = require("./context");
 var _constants = require("./constants");
-// Compose ProForm with static sub-components
+// Compose ProForm with static sub-components and hooks
 var ProForm = exports.ProForm = Object.assign(_ProForm.ProForm, {
+  // Item + core hooks
+  Item: _ProFormItem.ProFormItem,
+  useForm: _useForm.useForm,
+  useInstance: _context.useFormInstance,
+  useContext: _context.useProFormContext,
+  // Composition
   Dependency: _ProFormDependency.ProFormDependency,
   List: _ProFormList.ProFormList,
   Group: _ProFormGroup.ProFormGroup,
   FieldSet: _fields.ProFormFieldSet,
   Submitter: _Submitter.Submitter,
+  // Fields
   Text: _fields.ProFormText,
   Password: _fields.ProFormPassword,
   TextArea: _fields.ProFormTextArea,
@@ -181,7 +190,11 @@ var ProForm = exports.ProForm = Object.assign(_ProForm.ProForm, {
   CheckboxGroup: _fields.ProFormCheckboxGroup,
   Switch: _fields.ProFormSwitch,
   Select: _fields.ProFormSelect,
+  RadioGroup: _fields.ProFormRadioGroup,
+  Slider: _fields.ProFormSlider,
+  DatePicker: _fields.ProFormDatePicker,
   Upload: _fields.ProFormUpload
 });
-var _default = exports["default"] = ProForm; // Re-export individual pieces for named imports
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvUHJvRm9ybS9pbmRleC50cyIsImNvbXBvbmVudHMvUHJvRm9ybS9pbmRleC5qcyJdLCJuYW1lcyI6WyJfUHJvRm9ybSIsInJlcXVpcmUiLCJfUHJvRm9ybURlcGVuZGVuY3kiLCJfUHJvRm9ybUxpc3QiLCJfUHJvRm9ybUdyb3VwIiwiX1N1Ym1pdHRlciIsIl9maWVsZHMiLCJfRHJhd2VyRm9ybSIsIl9EaWFsb2dGb3JtIiwiX1F1ZXJ5RmlsdGVyIiwiX2NvbnRleHQiLCJfY29uc3RhbnRzIiwiUHJvRm9ybSIsImV4cG9ydHMiLCJPYmplY3QiLCJhc3NpZ24iLCJQcm9Gb3JtQmFzZSIsIkRlcGVuZGVuY3kiLCJQcm9Gb3JtRGVwZW5kZW5jeSIsIkxpc3QiLCJQcm9Gb3JtTGlzdCIsIkdyb3VwIiwiUHJvRm9ybUdyb3VwIiwiRmllbGRTZXQiLCJQcm9Gb3JtRmllbGRTZXQiLCJTdWJtaXR0ZXIiLCJUZXh0IiwiUHJvRm9ybVRleHQiLCJQYXNzd29yZCIsIlByb0Zvcm1QYXNzd29yZCIsIlRleHRBcmVhIiwiUHJvRm9ybVRleHRBcmVhIiwiQ2hlY2tib3giLCJQcm9Gb3JtQ2hlY2tib3giLCJDaGVja2JveEdyb3VwIiwiUHJvRm9ybUNoZWNrYm94R3JvdXAiLCJTd2l0Y2giLCJQcm9Gb3JtU3dpdGNoIiwiU2VsZWN0IiwiUHJvRm9ybVNlbGVjdCIsIlVwbG9hZCIsIlByb0Zvcm1VcGxvYWQiLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLFFBQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLGtCQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxZQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxhQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxVQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxPQUFBLEdBQUFMLE9BQUE7QUFjQUEsT0FBQTtBQXVDQSxJQUFBTSxXQUFBLEdBQUFOLE9BQUE7QUFDQSxJQUFBTyxXQUFBLEdBQUFQLE9BQUE7QUFDQSxJQUFBUSxZQUFBLEdBQUFSLE9BQUE7QUFDQSxJQUFBUyxRQUFBLEdBQUFULE9BQUE7QUEwQkEsSUFBQVUsVUFBQSxHQUFBVixPQUFBO0FBbEVBO0FBQ0EsSUFBTVcsT0FBTyxHQUFBQyxPQUFBLENBQUFELE9BQUEsR0FBR0UsTUFBTSxDQUFDQyxNQUFNLENBQUNDLGdCQUFXLEVBQUU7RUFDekNDLFVBQVUsRUFBRUMsb0NBQWlCO0VBQzdCQyxJQUFJLEVBQUVDLHdCQUFXO0VBQ2pCQyxLQUFLLEVBQUVDLDBCQUFZO0VBQ25CQyxRQUFRLEVBQUVDLHVCQUFlO0VBQ3pCQyxTQUFTLEVBQVRBLG9CQUFTO0VBQ1RDLElBQUksRUFBRUMsbUJBQVc7RUFDakJDLFFBQVEsRUFBRUMsdUJBQWU7RUFDekJDLFFBQVEsRUFBRUMsdUJBQWU7RUFDekJDLFFBQVEsRUFBRUMsdUJBQWU7RUFDekJDLGFBQWEsRUFBRUMsNEJBQW9CO0VBQ25DQyxNQUFNLEVBQUVDLHFCQUFhO0VBQ3JCQyxNQUFNLEVBQUVDLHFCQUFhO0VBQ3JCQyxNQUFNLEVBQUVDO0FDYlYsQ0RjQyxDQUFDO0FBQUMsSUFBQUMsUUFBQSxHQUFBN0IsT0FBQSxjQUdZRCxPQUFPLEVBRXRCIiwiZmlsZSI6ImNvbXBvbmVudHMvUHJvRm9ybS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiaW1wb3J0IHsgUHJvRm9ybSBhcyBQcm9Gb3JtQmFzZSB9IGZyb20gJy4vUHJvRm9ybSc7XG5pbXBvcnQgeyBQcm9Gb3JtRGVwZW5kZW5jeSB9IGZyb20gJy4vUHJvRm9ybURlcGVuZGVuY3knO1xuaW1wb3J0IHsgUHJvRm9ybUxpc3QgfSBmcm9tICcuL1Byb0Zvcm1MaXN0JztcbmltcG9ydCB7IFByb0Zvcm1Hcm91cCB9IGZyb20gJy4vUHJvRm9ybUdyb3VwJztcbmltcG9ydCB7IFN1Ym1pdHRlciB9IGZyb20gJy4vU3VibWl0dGVyJztcbmltcG9ydCB7IFByb0Zvcm1UZXh0LCBQcm9Gb3JtUGFzc3dvcmQsIFByb0Zvcm1UZXh0QXJlYSwgUHJvRm9ybUNoZWNrYm94LCBQcm9Gb3JtQ2hlY2tib3hHcm91cCwgUHJvRm9ybVN3aXRjaCwgUHJvRm9ybVNlbGVjdCwgUHJvRm9ybVVwbG9hZCwgUHJvRm9ybUZpZWxkU2V0LCB9IGZyb20gJy4vZmllbGRzJztcbmltcG9ydCAnLi9zdHlsZSc7XG4vLyBDb21wb3NlIFByb0Zvcm0gd2l0aCBzdGF0aWMgc3ViLWNvbXBvbmVudHNcbmNvbnN0IFByb0Zvcm0gPSBPYmplY3QuYXNzaWduKFByb0Zvcm1CYXNlLCB7XG4gICAgRGVwZW5kZW5jeTogUHJvRm9ybURlcGVuZGVuY3ksXG4gICAgTGlzdDogUHJvRm9ybUxpc3QsXG4gICAgR3JvdXA6IFByb0Zvcm1Hcm91cCxcbiAgICBGaWVsZFNldDogUHJvRm9ybUZpZWxkU2V0LFxuICAgIFN1Ym1pdHRlcixcbiAgICBUZXh0OiBQcm9Gb3JtVGV4dCxcbiAgICBQYXNzd29yZDogUHJvRm9ybVBhc3N3b3JkLFxuICAgIFRleHRBcmVhOiBQcm9Gb3JtVGV4dEFyZWEsXG4gICAgQ2hlY2tib3g6IFByb0Zvcm1DaGVja2JveCxcbiAgICBDaGVja2JveEdyb3VwOiBQcm9Gb3JtQ2hlY2tib3hHcm91cCxcbiAgICBTd2l0Y2g6IFByb0Zvcm1Td2l0Y2gsXG4gICAgU2VsZWN0OiBQcm9Gb3JtU2VsZWN0LFxuICAgIFVwbG9hZDogUHJvRm9ybVVwbG9hZCxcbn0pO1xuZXhwb3J0IHsgUHJvRm9ybSB9O1xuZXhwb3J0IGRlZmF1bHQgUHJvRm9ybTtcbi8vIFJlLWV4cG9ydCBpbmRpdmlkdWFsIHBpZWNlcyBmb3IgbmFtZWQgaW1wb3J0c1xuZXhwb3J0IHsgUHJvRm9ybURlcGVuZGVuY3kgfSBmcm9tICcuL1Byb0Zvcm1EZXBlbmRlbmN5JztcbmV4cG9ydCB7IFByb0Zvcm1MaXN0IH0gZnJvbSAnLi9Qcm9Gb3JtTGlzdCc7XG5leHBvcnQgeyBQcm9Gb3JtR3JvdXAgfSBmcm9tICcuL1Byb0Zvcm1Hcm91cCc7XG5leHBvcnQgeyBTdWJtaXR0ZXIgfSBmcm9tICcuL1N1Ym1pdHRlcic7XG5leHBvcnQgeyBjcmVhdGVQcm9Gb3JtRmllbGQsIFByb0Zvcm1UZXh0LCBQcm9Gb3JtUGFzc3dvcmQsIFByb0Zvcm1UZXh0QXJlYSwgUHJvRm9ybUNoZWNrYm94LCBQcm9Gb3JtQ2hlY2tib3hHcm91cCwgUHJvRm9ybVN3aXRjaCwgUHJvRm9ybVNlbGVjdCwgUHJvRm9ybVVwbG9hZCwgUHJvRm9ybUZpZWxkU2V0LCB9IGZyb20gJy4vZmllbGRzJztcbmV4cG9ydCB7IERyYXdlckZvcm0gfSBmcm9tICcuL2xheW91dHMvRHJhd2VyRm9ybSc7XG5leHBvcnQgeyBEaWFsb2dGb3JtIH0gZnJvbSAnLi9sYXlvdXRzL0RpYWxvZ0Zvcm0nO1xuZXhwb3J0IHsgUXVlcnlGaWx0ZXIgfSBmcm9tICcuL2xheW91dHMvUXVlcnlGaWx0ZXInO1xuZXhwb3J0IHsgdXNlUHJvRm9ybUNvbnRleHQsIEZvcm1MaXN0Q29udGV4dCwgdXNlRm9ybUxpc3RDb250ZXh0IH0gZnJvbSAnLi9jb250ZXh0JztcbmV4cG9ydCB7IENTU19QUkVGSVgsIFdJRFRIX1NJWkVfTUFQLCBERUZBVUxUX0NPTF9TUEFOLCBERUZBVUxUX1RFWFQsIFBST0ZPUk1fTU9ERVMgfSBmcm9tICcuL2NvbnN0YW50cyc7Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+var _default = exports["default"] = ProForm; // Named exports for fields
+// Composition + layouts
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvUHJvRm9ybS9pbmRleC50cyIsImNvbXBvbmVudHMvUHJvRm9ybS9pbmRleC5qcyJdLCJuYW1lcyI6WyJfUHJvRm9ybSIsInJlcXVpcmUiLCJfUHJvRm9ybUl0ZW0iLCJfUHJvRm9ybURlcGVuZGVuY3kiLCJfUHJvRm9ybUxpc3QiLCJfUHJvRm9ybUdyb3VwIiwiX1N1Ym1pdHRlciIsIl9maWVsZHMiLCJfdXNlRm9ybSIsIl9jb250ZXh0IiwiX0RyYXdlckZvcm0iLCJfRGlhbG9nRm9ybSIsIl9RdWVyeUZpbHRlciIsIl9jb25zdGFudHMiLCJQcm9Gb3JtIiwiZXhwb3J0cyIsIk9iamVjdCIsImFzc2lnbiIsIlByb0Zvcm1CYXNlIiwiSXRlbSIsIlByb0Zvcm1JdGVtIiwidXNlRm9ybSIsInVzZUluc3RhbmNlIiwidXNlRm9ybUluc3RhbmNlIiwidXNlQ29udGV4dCIsInVzZVByb0Zvcm1Db250ZXh0IiwiRGVwZW5kZW5jeSIsIlByb0Zvcm1EZXBlbmRlbmN5IiwiTGlzdCIsIlByb0Zvcm1MaXN0IiwiR3JvdXAiLCJQcm9Gb3JtR3JvdXAiLCJGaWVsZFNldCIsIlByb0Zvcm1GaWVsZFNldCIsIlN1Ym1pdHRlciIsIlRleHQiLCJQcm9Gb3JtVGV4dCIsIlBhc3N3b3JkIiwiUHJvRm9ybVBhc3N3b3JkIiwiVGV4dEFyZWEiLCJQcm9Gb3JtVGV4dEFyZWEiLCJDaGVja2JveCIsIlByb0Zvcm1DaGVja2JveCIsIkNoZWNrYm94R3JvdXAiLCJQcm9Gb3JtQ2hlY2tib3hHcm91cCIsIlN3aXRjaCIsIlByb0Zvcm1Td2l0Y2giLCJTZWxlY3QiLCJQcm9Gb3JtU2VsZWN0IiwiUmFkaW9Hcm91cCIsIlByb0Zvcm1SYWRpb0dyb3VwIiwiU2xpZGVyIiwiUHJvRm9ybVNsaWRlciIsIkRhdGVQaWNrZXIiLCJQcm9Gb3JtRGF0ZVBpY2tlciIsIlVwbG9hZCIsIlByb0Zvcm1VcGxvYWQiLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLFFBQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLFlBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLGtCQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxZQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxhQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxVQUFBLEdBQUFMLE9BQUE7QUFDQSxJQUFBTSxPQUFBLEdBQUFOLE9BQUE7QUFjQSxJQUFBTyxRQUFBLEdBQUFQLE9BQUE7QUFDQSxJQUFBUSxRQUFBLEdBQUFSLE9BQUE7QUFDQUEsT0FBQTtBQXFEQSxJQUFBUyxXQUFBLEdBQUFULE9BQUE7QUFDQSxJQUFBVSxXQUFBLEdBQUFWLE9BQUE7QUFDQSxJQUFBVyxZQUFBLEdBQUFYLE9BQUE7QUE0QkEsSUFBQVksVUFBQSxHQUFBWixPQUFBO0FBakZBO0FBQ0EsSUFBTWEsT0FBTyxHQUFBQyxPQUFBLENBQUFELE9BQUEsR0FBR0UsTUFBTSxDQUFDQyxNQUFNLENBQUNDLGdCQUFXLEVBQUU7RUFDekM7RUFDQUMsSUFBSSxFQUFFQyx3QkFBVztFQUNqQkMsT0FBTyxFQUFQQSxnQkFBTztFQUNQQyxXQUFXLEVBQUVDLHdCQUFlO0VBQzVCQyxVQUFVLEVBQUVDLDBCQUFpQjtFQUM3QjtFQUNBQyxVQUFVLEVBQUVDLG9DQUFpQjtFQUM3QkMsSUFBSSxFQUFFQyx3QkFBVztFQUNqQkMsS0FBSyxFQUFFQywwQkFBWTtFQUNuQkMsUUFBUSxFQUFFQyx1QkFBZTtFQUN6QkMsU0FBUyxFQUFUQSxvQkFBUztFQUNUO0VBQ0FDLElBQUksRUFBRUMsbUJBQVc7RUFDakJDLFFBQVEsRUFBRUMsdUJBQWU7RUFDekJDLFFBQVEsRUFBRUMsdUJBQWU7RUFDekJDLFFBQVEsRUFBRUMsdUJBQWU7RUFDekJDLGFBQWEsRUFBRUMsNEJBQW9CO0VBQ25DQyxNQUFNLEVBQUVDLHFCQUFhO0VBQ3JCQyxNQUFNLEVBQUVDLHFCQUFhO0VBQ3JCQyxVQUFVLEVBQUVDLHlCQUFpQjtFQUM3QkMsTUFBTSxFQUFFQyxxQkFBYTtFQUNyQkMsVUFBVSxFQUFFQyx5QkFBaUI7RUFDN0JDLE1BQU0sRUFBRUM7QUNiVixDRGNDLENBQUM7QUFBQyxJQUFBQyxRQUFBLEdBQUExQyxPQUFBLGNBR1lELE9BQU8sRUFFdEI7QUFpQkEiLCJmaWxlIjoiY29tcG9uZW50cy9Qcm9Gb3JtL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJpbXBvcnQgeyBQcm9Gb3JtIGFzIFByb0Zvcm1CYXNlIH0gZnJvbSAnLi9Qcm9Gb3JtJztcbmltcG9ydCB7IFByb0Zvcm1JdGVtIH0gZnJvbSAnLi9Qcm9Gb3JtSXRlbSc7XG5pbXBvcnQgeyBQcm9Gb3JtRGVwZW5kZW5jeSB9IGZyb20gJy4vUHJvRm9ybURlcGVuZGVuY3knO1xuaW1wb3J0IHsgUHJvRm9ybUxpc3QgfSBmcm9tICcuL1Byb0Zvcm1MaXN0JztcbmltcG9ydCB7IFByb0Zvcm1Hcm91cCB9IGZyb20gJy4vUHJvRm9ybUdyb3VwJztcbmltcG9ydCB7IFN1Ym1pdHRlciB9IGZyb20gJy4vU3VibWl0dGVyJztcbmltcG9ydCB7IFByb0Zvcm1UZXh0LCBQcm9Gb3JtUGFzc3dvcmQsIFByb0Zvcm1UZXh0QXJlYSwgUHJvRm9ybUNoZWNrYm94LCBQcm9Gb3JtQ2hlY2tib3hHcm91cCwgUHJvRm9ybVN3aXRjaCwgUHJvRm9ybVNlbGVjdCwgUHJvRm9ybVJhZGlvR3JvdXAsIFByb0Zvcm1TbGlkZXIsIFByb0Zvcm1EYXRlUGlja2VyLCBQcm9Gb3JtVXBsb2FkLCBQcm9Gb3JtRmllbGRTZXQsIH0gZnJvbSAnLi9maWVsZHMnO1xuaW1wb3J0IHsgdXNlRm9ybSB9IGZyb20gJy4vY29yZS9ob29rcy91c2VGb3JtJztcbmltcG9ydCB7IHVzZVByb0Zvcm1Db250ZXh0LCB1c2VGb3JtSW5zdGFuY2UgfSBmcm9tICcuL2NvbnRleHQnO1xuaW1wb3J0ICcuL3N0eWxlJztcbi8vIENvbXBvc2UgUHJvRm9ybSB3aXRoIHN0YXRpYyBzdWItY29tcG9uZW50cyBhbmQgaG9va3NcbmNvbnN0IFByb0Zvcm0gPSBPYmplY3QuYXNzaWduKFByb0Zvcm1CYXNlLCB7XG4gICAgLy8gSXRlbSArIGNvcmUgaG9va3NcbiAgICBJdGVtOiBQcm9Gb3JtSXRlbSxcbiAgICB1c2VGb3JtLFxuICAgIHVzZUluc3RhbmNlOiB1c2VGb3JtSW5zdGFuY2UsXG4gICAgdXNlQ29udGV4dDogdXNlUHJvRm9ybUNvbnRleHQsXG4gICAgLy8gQ29tcG9zaXRpb25cbiAgICBEZXBlbmRlbmN5OiBQcm9Gb3JtRGVwZW5kZW5jeSxcbiAgICBMaXN0OiBQcm9Gb3JtTGlzdCxcbiAgICBHcm91cDogUHJvRm9ybUdyb3VwLFxuICAgIEZpZWxkU2V0OiBQcm9Gb3JtRmllbGRTZXQsXG4gICAgU3VibWl0dGVyLFxuICAgIC8vIEZpZWxkc1xuICAgIFRleHQ6IFByb0Zvcm1UZXh0LFxuICAgIFBhc3N3b3JkOiBQcm9Gb3JtUGFzc3dvcmQsXG4gICAgVGV4dEFyZWE6IFByb0Zvcm1UZXh0QXJlYSxcbiAgICBDaGVja2JveDogUHJvRm9ybUNoZWNrYm94LFxuICAgIENoZWNrYm94R3JvdXA6IFByb0Zvcm1DaGVja2JveEdyb3VwLFxuICAgIFN3aXRjaDogUHJvRm9ybVN3aXRjaCxcbiAgICBTZWxlY3Q6IFByb0Zvcm1TZWxlY3QsXG4gICAgUmFkaW9Hcm91cDogUHJvRm9ybVJhZGlvR3JvdXAsXG4gICAgU2xpZGVyOiBQcm9Gb3JtU2xpZGVyLFxuICAgIERhdGVQaWNrZXI6IFByb0Zvcm1EYXRlUGlja2VyLFxuICAgIFVwbG9hZDogUHJvRm9ybVVwbG9hZCxcbn0pO1xuZXhwb3J0IHsgUHJvRm9ybSwgUHJvRm9ybUl0ZW0gfTtcbmV4cG9ydCBkZWZhdWx0IFByb0Zvcm07XG4vLyBOYW1lZCBleHBvcnRzIGZvciBmaWVsZHNcbmV4cG9ydCB7IGNyZWF0ZVByb0Zvcm1GaWVsZCwgUHJvRm9ybVRleHQsIFByb0Zvcm1QYXNzd29yZCwgUHJvRm9ybVRleHRBcmVhLCBQcm9Gb3JtQ2hlY2tib3gsIFByb0Zvcm1DaGVja2JveEdyb3VwLCBQcm9Gb3JtU3dpdGNoLCBQcm9Gb3JtU2VsZWN0LCBQcm9Gb3JtUmFkaW9Hcm91cCwgUHJvRm9ybVNsaWRlciwgUHJvRm9ybURhdGVQaWNrZXIsIFByb0Zvcm1VcGxvYWQsIFByb0Zvcm1GaWVsZFNldCwgfSBmcm9tICcuL2ZpZWxkcyc7XG4vLyBDb21wb3NpdGlvbiArIGxheW91dHNcbmV4cG9ydCB7IFByb0Zvcm1EZXBlbmRlbmN5IH0gZnJvbSAnLi9Qcm9Gb3JtRGVwZW5kZW5jeSc7XG5leHBvcnQgeyBQcm9Gb3JtTGlzdCB9IGZyb20gJy4vUHJvRm9ybUxpc3QnO1xuZXhwb3J0IHsgUHJvRm9ybUdyb3VwIH0gZnJvbSAnLi9Qcm9Gb3JtR3JvdXAnO1xuZXhwb3J0IHsgRHJhd2VyRm9ybSB9IGZyb20gJy4vbGF5b3V0cy9EcmF3ZXJGb3JtJztcbmV4cG9ydCB7IERpYWxvZ0Zvcm0gfSBmcm9tICcuL2xheW91dHMvRGlhbG9nRm9ybSc7XG5leHBvcnQgeyBRdWVyeUZpbHRlciB9IGZyb20gJy4vbGF5b3V0cy9RdWVyeUZpbHRlcic7XG5leHBvcnQgeyBDU1NfUFJFRklYLCBXSURUSF9TSVpFX01BUCwgREVGQVVMVF9DT0xfU1BBTiwgREVGQVVMVF9URVhULCBQUk9GT1JNX01PREVTIH0gZnJvbSAnLi9jb25zdGFudHMnOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/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/lib/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)}