@qsxy/element-plus-react 1.0.0-next.1

package/dist/Dropdown/index.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Dropdown/index.ts
+var Dropdown_exports = {};
+__export(Dropdown_exports, {
+  Dropdown: () => import_Dropdown.default,
+  DropdownItem: () => import_DropdownItem.default,
+  DropdownMenu: () => import_DropdownMenu.default
+});
+module.exports = __toCommonJS(Dropdown_exports);
+var import_Dropdown = __toESM(require("./Dropdown"));
+var import_DropdownItem = __toESM(require("./DropdownItem"));
+var import_DropdownMenu = __toESM(require("./DropdownMenu"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu
+});

package/dist/Dropdown/typings.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { PopperOptions } from '../Popper';
+import { TransitionProps } from '../Transition';
+import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
+export interface DropdownProps extends BaseProps, NativeProps, PopperOptions, AnimationEventProps, TransitionProps {
+    menu: React.ReactElement<DropdownMenuProps>;
+    trigger?: 'hover' | 'click' | 'contextmenu';
+    hideOnClick?: boolean;
+    showTimeout?: number;
+    hideTimeout?: number;
+    visible?: boolean;
+    defaultVisible?: boolean;
+    disabled?: boolean;
+    onMouseEnter?: (e?: React.MouseEvent<any>) => void;
+    onMouseLeave?: (e?: React.MouseEvent<any>) => void;
+    onClick?: (command: string | number | object) => void;
+    visiblechange?: (visible: boolean) => void;
+}
+export interface DropdownMenuProps extends BaseProps, NativeProps {
+    classPrefix?: string;
+}
+export interface DropdownItemProps extends BaseProps, NativeProps {
+    command?: string | number | object;
+    disabled?: boolean;
+    divided?: boolean;
+    active?: boolean;
+}

package/dist/Dropdown/typings.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Dropdown/typings.ts
+var typings_exports = {};
+module.exports = __toCommonJS(typings_exports);

package/dist/Empty/Empty.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { BaseProps, NativeProps } from '../types/common';
+export interface IEmptyProps extends BaseProps, NativeProps {
+    image?: string;
+    imageSize?: number;
+    description?: string;
+}
+declare const Empty: FC<IEmptyProps>;
+export default Empty;

package/dist/Empty/Empty.js

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Empty/Empty.tsx
+var Empty_exports = {};
+__export(Empty_exports, {
+  default: () => Empty_default
+});
+module.exports = __toCommonJS(Empty_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_hooks = require("../hooks");
+var import_ImgEmpty = __toESM(require("./ImgEmpty"));
+var Empty = (props) => {
+  const { image, imageSize, description } = props;
+  const { b, e } = (0, import_hooks.useClassNames)("empty");
+  const imageStyle = (0, import_react.useMemo)(() => {
+    return {
+      width: imageSize ? imageSize : ""
+    };
+  }, [imageSize]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), props.className) }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`image`, style: imageStyle }, image ? /* @__PURE__ */ import_react.default.createElement(
+    "img",
+    {
+      src: "image",
+      onDragStart: () => {
+        return false;
+      }
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(import_ImgEmpty.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: e`description` }, /* @__PURE__ */ import_react.default.createElement("p", null, description)), props.children ? /* @__PURE__ */ import_react.default.createElement("div", { className: e`bottom` }, props.children) : null);
+};
+Empty.defaultProps = {
+  description: "暂无数据"
+};
+Empty.displayName = "Empty";
+var Empty_default = Empty;

package/dist/Empty/ImgEmpty.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ImgEmpty: () => React.JSX.Element;
+export default ImgEmpty;

package/dist/Empty/ImgEmpty.js

@@ -0,0 +1,118 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Empty/ImgEmpty.tsx
+var ImgEmpty_exports = {};
+__export(ImgEmpty_exports, {
+  default: () => ImgEmpty_default
+});
+module.exports = __toCommonJS(ImgEmpty_exports);
+var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
+var ImgEmpty = () => {
+  const ids = (0, import_react.useMemo)(() => [`linearGradient-${(0, import_Util.randomCode)(5)}`, `linearGradient-${(0, import_Util.randomCode)(5)}`], []);
+  return /* @__PURE__ */ import_react.default.createElement("svg", { viewBox: "0 0 79 86", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[0], x1: "38.8503086%", y1: "0%", x2: "61.1496914%", y2: "100%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-4)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[1], x1: "0%", y1: "9.5%", x2: "100%", y2: "90.5%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-6)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("rect", { id: "path-3-1", x: "0", y: "0", width: "17", height: "36" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "Illustrations", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "B-type", transform: "translate(-1268.000000, -535.000000)" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "Group-2", transform: "translate(1268.000000, 535.000000)" }, /* @__PURE__ */ import_react.default.createElement(
+    "path",
+    {
+      id: "Oval-Copy-2",
+      d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
+      fill: "var(--el-empty-fill-color-3)"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "polygon",
+    {
+      id: "Rectangle-Copy-14",
+      fill: "var(--el-empty-fill-color-7)",
+      transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
+      points: "13 58 53 58 42 45 2 45"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "g",
+    {
+      id: "Group-Copy",
+      transform: "translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "polygon",
+      {
+        id: "Rectangle-Copy-10",
+        fill: "var(--el-empty-fill-color-7)",
+        transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
+        points: "2.84078316e-14 3 18 3 23 7 5 7"
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement("polygon", { id: "Rectangle-Copy-11", fill: "var(--el-empty-fill-color-5)", points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43" }),
+    /* @__PURE__ */ import_react.default.createElement(
+      "rect",
+      {
+        id: "Rectangle-Copy-12",
+        fill: `url(#${ids[0]})`,
+        transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
+        x: "38",
+        y: "7",
+        width: "17",
+        height: "36"
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      "polygon",
+      {
+        id: "Rectangle-Copy-13",
+        fill: "var(--el-empty-fill-color-2)",
+        transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
+        points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
+      }
+    )
+  ), /* @__PURE__ */ import_react.default.createElement("rect", { id: "Rectangle-Copy-15", fill: `url(#${ids[1]})`, x: "13", y: "45", width: "40", height: "36" }), /* @__PURE__ */ import_react.default.createElement("g", { id: "Rectangle-Copy-17", transform: "translate(53.000000, 45.000000)" }, /* @__PURE__ */ import_react.default.createElement(
+    "use",
+    {
+      id: "Mask",
+      fill: "var(--el-empty-fill-color-8)",
+      transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
+      xlinkHref: "#path-3-1"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "polygon",
+    {
+      id: "Rectangle-Copy",
+      fill: "var(--el-empty-fill-color-9)",
+      mask: "url(#mask-4-1)",
+      transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
+      points: "7 0 24 0 20 18 7 16.5"
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(
+    "polygon",
+    {
+      id: "Rectangle-Copy-18",
+      fill: "var(--el-empty-fill-color-2)",
+      transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
+      points: "62 45 79 45 70 58 53 58"
+    }
+  )))));
+};
+var ImgEmpty_default = ImgEmpty;

package/dist/Empty/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Empty } from './Empty';
+export type { IEmptyProps } from './Empty';

package/dist/Empty/index.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Empty/index.ts
+var Empty_exports = {};
+__export(Empty_exports, {
+  Empty: () => import_Empty.default
+});
+module.exports = __toCommonJS(Empty_exports);
+var import_Empty = __toESM(require("./Empty"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Empty
+});

package/dist/Form/FieldContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { InternalFormInstance } from './typings';
+export declare const HOOK_MARK = "RC_FORM_INTERNAL_HOOKS";
+declare const FormContext: import("react").Context<InternalFormInstance>;
+export default FormContext;

package/dist/Form/FieldContext.js

@@ -0,0 +1,75 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Form/FieldContext.ts
+var FieldContext_exports = {};
+__export(FieldContext_exports, {
+  HOOK_MARK: () => HOOK_MARK,
+  default: () => FieldContext_default
+});
+module.exports = __toCommonJS(FieldContext_exports);
+var import_react = require("react");
+var import_Util = require("../Util");
+var HOOK_MARK = "RC_FORM_INTERNAL_HOOKS";
+var warningFunc = () => {
+  (0, import_Util.warning)(false, "Can not find FormContext. Please make sure you wrap Field under Form.");
+};
+var FormContext = (0, import_react.createContext)({
+  getFieldValue: warningFunc,
+  getFieldsValue: warningFunc,
+  getFieldError: warningFunc,
+  getFieldWarning: warningFunc,
+  getFieldsError: warningFunc,
+  isFieldsTouched: warningFunc,
+  isFieldTouched: warningFunc,
+  isFieldValidating: warningFunc,
+  isFieldsValidating: warningFunc,
+  resetFields: warningFunc,
+  setFields: warningFunc,
+  setFieldValue: warningFunc,
+  setFieldsValue: warningFunc,
+  validateFields: warningFunc,
+  submit: warningFunc,
+  scrollToField: warningFunc,
+  disabled: false,
+  labelWidth: 120,
+  size: null,
+  rules: {},
+  getInternalHooks: () => {
+    warningFunc();
+    return {
+      dispatch: warningFunc,
+      initEntityValue: warningFunc,
+      registerField: warningFunc,
+      useSubscribe: warningFunc,
+      setInitialValues: warningFunc,
+      destroyForm: warningFunc,
+      setCallbacks: warningFunc,
+      registerWatch: warningFunc,
+      getFields: warningFunc,
+      setValidateMessages: warningFunc,
+      setPreserve: warningFunc,
+      getInitialValue: warningFunc
+    };
+  }
+});
+var FieldContext_default = FormContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HOOK_MARK
+});

package/dist/Form/Form.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { FormProvider } from './FormContext';
+import Field from './FormItem';
+import List from './List';
+import { FormProps } from './typings';
+import useForm from './useForm';
+import useWatch from './useWatch';
+interface FormComponent extends FC<FormProps> {
+    FormProvider: typeof FormProvider;
+    Item: typeof Field;
+    List: typeof List;
+    useForm: typeof useForm;
+    useWatch: typeof useWatch;
+}
+declare const Form: FormComponent;
+export default Form;

package/dist/Form/Form.js

@@ -0,0 +1,189 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Form/Form.tsx
+var Form_exports = {};
+__export(Form_exports, {
+  default: () => Form_default
+});
+module.exports = __toCommonJS(Form_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_omit = __toESM(require("lodash/omit"));
+var import_react = __toESM(require("react"));
+var import_hooks = require("../hooks");
+var import_FieldContext = __toESM(require("./FieldContext"));
+var import_FormContext = __toESM(require("./FormContext"));
+var import_FormItem = __toESM(require("./FormItem"));
+var import_List = __toESM(require("./List"));
+var import_useForm = __toESM(require("./useForm"));
+var import_useWatch = __toESM(require("./useWatch"));
+var import_valueUtil = require("./utils/valueUtil");
+var Form = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    colon,
+    inline,
+    labelPosition,
+    cols,
+    flat,
+    formStyle,
+    name,
+    initialValues,
+    fields,
+    // form,
+    component: Comp = "form",
+    preserve,
+    children,
+    validateMessages,
+    validateTrigger = "onChange",
+    onValuesChange,
+    onFieldsChange,
+    onFinish,
+    onFinishFailed,
+    className,
+    disabled,
+    labelWidth = 120,
+    size,
+    rules = {},
+    ...restProps
+  } = props;
+  const formContext = (0, import_react.useContext)(import_FormContext.default);
+  const [formInstance] = (0, import_useForm.default)(props.form);
+  const { useSubscribe, setInitialValues, setCallbacks, setValidateMessages, setPreserve, destroyForm } = formInstance.getInternalHooks(import_FieldContext.HOOK_MARK);
+  const { m, is } = (0, import_hooks.useClassNames)("form");
+  (0, import_react.useImperativeHandle)(ref, () => formInstance);
+  (0, import_react.useEffect)(() => {
+    formContext.registerForm(name, formInstance);
+    return () => {
+      formContext.unregisterForm(name);
+    };
+  }, [formContext, formInstance, name]);
+  setValidateMessages({
+    ...formContext.validateMessages,
+    ...validateMessages
+  });
+  setCallbacks({
+    onValuesChange,
+    onFieldsChange: (changedFields, ...rest) => {
+      formContext.triggerFormChange(name, changedFields);
+      if (onFieldsChange) {
+        onFieldsChange(changedFields, ...rest);
+      }
+    },
+    onFinish: (values) => {
+      formContext.triggerFormFinish(name, values);
+      if (onFinish) {
+        onFinish(values);
+      }
+    },
+    onFinishFailed
+  });
+  setPreserve(preserve);
+  const mountRef = (0, import_react.useRef)(null);
+  setInitialValues(initialValues, !mountRef.current);
+  if (!mountRef.current) {
+    mountRef.current = true;
+  }
+  (0, import_react.useEffect)(
+    () => destroyForm,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  let childrenNode = children;
+  const childrenRenderProps = typeof children === "function";
+  if (childrenRenderProps) {
+    const values = formInstance.getFieldsValue(true);
+    childrenNode = children(values, formInstance);
+  }
+  useSubscribe(!childrenRenderProps);
+  const prevFieldsRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    if (!(0, import_valueUtil.isSimilar)(prevFieldsRef.current || [], fields || [])) {
+      formInstance.setFields(fields || []);
+    }
+    prevFieldsRef.current = fields;
+  }, [fields, formInstance]);
+  const formContextValue = (0, import_react.useMemo)(
+    () => ({
+      ...formInstance,
+      validateTrigger,
+      colon,
+      disabled,
+      labelPosition,
+      labelWidth: inline ? null : labelWidth,
+      size,
+      rules
+    }),
+    [colon, disabled, formInstance, inline, labelPosition, labelWidth, rules, size, validateTrigger]
+  );
+  const wrapperNode = /* @__PURE__ */ import_react.default.createElement(import_FieldContext.default.Provider, { value: formContextValue }, childrenNode);
+  if (Comp === false) {
+    return wrapperNode;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    Comp,
+    {
+      method: "post",
+      className: (0, import_classnames.default)(
+        {
+          [m("inline")]: inline,
+          [m(`label-${labelPosition}`)]: !inline && labelPosition,
+          [`${m`col`}-${cols}`]: cols,
+          [m(size)]: size
+        },
+        is({ flat }),
+        className
+      ),
+      style: formStyle,
+      ...(0, import_omit.default)(restProps, "form"),
+      onSubmit: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        formInstance.submit();
+      },
+      onReset: (event) => {
+        var _a;
+        event.preventDefault();
+        formInstance.resetFields();
+        (_a = restProps == null ? void 0 : restProps.onReset) == null ? void 0 : _a.call(void 0, event);
+      }
+    },
+    wrapperNode
+  );
+});
+Form.FormProvider = import_FormContext.FormProvider;
+Form.Item = import_FormItem.default;
+Form.List = import_List.default;
+Form.useForm = import_useForm.default;
+Form.useWatch = import_useWatch.default;
+Form.defaultProps = {
+  inline: false,
+  cols: 0,
+  labelWidth: 120,
+  labelPosition: "right"
+};
+var Form_default = Form;

package/dist/Form/FormContext.d.ts

@@ -0,0 +1,27 @@
+import React, { FC } from 'react';
+import type { FieldData, FormInstance, Store, ValidateMessages } from './typings';
+export type Forms = Record<string, FormInstance>;
+export interface FormChangeInfo {
+    changedFields: FieldData[];
+    forms: Forms;
+}
+export interface FormFinishInfo {
+    values: Store;
+    forms: Forms;
+}
+export interface FormProviderProps {
+    validateMessages?: ValidateMessages;
+    onFormChange?: (name: string, info: FormChangeInfo) => void;
+    onFormFinish?: (name: string, info: FormFinishInfo) => void;
+    children?: React.ReactNode;
+}
+export interface FormContextProps extends FormProviderProps {
+    triggerFormChange: (name: string, changedFields: FieldData[]) => void;
+    triggerFormFinish: (name: string, values: Store) => void;
+    registerForm: (name: string, form: FormInstance) => void;
+    unregisterForm: (name: string) => void;
+}
+declare const FormContext: React.Context<FormContextProps>;
+declare const FormProvider: FC<FormProviderProps>;
+export { FormProvider };
+export default FormContext;