@unicom-cloud/ui 0.8.123 → 0.8.125

package/dropdown/index.js

@@ -1,58 +1,58 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as P } from "react/jsx-runtime";
 import b from "lodash/get";
-import o, { useContext as j, useRef as V } from "react";
+import o, { useContext as H, useRef as V, useImperativeHandle as L } from "react";
 import "../config-provider/ConfigProvider.js";
-import F from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import L from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import Q, { EventsByTriggerNeed as U } from "../trigger/index.js";
+import Q from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import U from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import q, { EventsByTriggerNeed as z } from "../trigger/index.js";
 import x from "@unicom-cloud/ui-common/utils/className";
-import { isBoolean as q } from "@unicom-cloud/ui-common/utils/is";
-import z from "@unicom-cloud/ui-common/utils/omit";
-import G, { pickDataAttributes as H } from "@unicom-cloud/ui-common/utils/pick";
-import { findDOMNode as J } from "@unicom-cloud/ui-common/utils/reactDOM";
-import K from "@unicom-cloud/ui-common/utils/supportRef";
-import S from "./Button.js";
-import W from "../config-provider/context.js";
-function X(M, Z) {
-  const w = {
+import E from "@unicom-cloud/ui-common/utils/findRootElement";
+import { isBoolean as G } from "@unicom-cloud/ui-common/utils/is";
+import J from "@unicom-cloud/ui-common/utils/omit";
+import K, { pickDataAttributes as S } from "@unicom-cloud/ui-common/utils/pick";
+import { supportRef as W } from "@unicom-cloud/ui-common/utils/ref";
+import X from "./Button.js";
+import Y from "../config-provider/context.js";
+function Z(y, D) {
+  const M = {
     position: "bl",
     trigger: "hover",
     unmountOnExit: !0
-  }, y = {
+  }, R = {
     left: 4,
     right: 4,
     top: 4,
     bottom: 4
   }, {
-    prefixCls: E,
+    prefixCls: k,
     getPrefixCls: N,
-    componentConfig: k,
-    rtl: B
-  } = j(W), p = F(
+    componentConfig: B,
+    rtl: v
+  } = H(Y), l = Q(
+    y,
     M,
-    w,
-    k?.Dropdown
+    B?.Dropdown
   ), {
-    trigger: f,
-    droplist: O,
+    trigger: a,
+    droplist: I,
     children: t,
-    position: R,
-    disabled: s,
-    unmountOnExit: _,
-    triggerProps: m,
-    getPopupContainer: $,
-    onVisibleChange: v,
-    ...a
-  } = p, n = N?.("dropdown"), c = V(null), [l, A] = L(!1, {
-    defaultValue: p.defaultPopupVisible,
-    value: p.popupVisible
-  }), d = () => o.Children.only(O || /* @__PURE__ */ P("span", {})), u = (e) => {
-    A(e), v?.(e), m?.onVisibleChange?.(e);
-  }, I = (e) => {
-    e !== l && u(e);
-  }, T = () => {
-    const e = d();
+    position: _,
+    disabled: p,
+    unmountOnExit: $,
+    triggerProps: f,
+    getPopupContainer: A,
+    onVisibleChange: O,
+    ...c
+  } = l, n = N?.("dropdown"), d = V(null), [s, T] = U(!1, {
+    defaultValue: l.defaultPopupVisible,
+    value: l.popupVisible
+  }), g = () => o.Children.only(I || /* @__PURE__ */ P("span", {})), u = (e) => {
+    T(e), O?.(e), f?.onVisibleChange?.(e);
+  }, j = (e) => {
+    e !== s && u(e);
+  }, F = () => {
+    const e = g();
     if (b(e, "type.__PQB_MENU__") || b(e, "props.isMenu")) {
       let C = !0;
       for (const r of o.Children.toArray(e.props.children))
@@ -68,59 +68,63 @@ function X(M, Z) {
         selectable: !1,
         onClickMenuItem: (...r) => {
           let i = null;
-          const h = d();
+          const h = g();
           h.props.onClickMenuItem && (i = h.props.onClickMenuItem(
             ...r
-          )), c.current?.getRootElement?.()?.focus?.(), i instanceof Promise ? i.finally(
+          )), d.current?.getRootElement?.()?.focus?.(), i instanceof Promise ? i.finally(
             () => u(!1)
           ) : i !== !1 && u(!1);
         }
       });
     }
     return e;
-  }, g = V(null);
-  return /* @__PURE__ */ P(
-    Q,
+  }, m = V(null);
+  return L(D, () => ({
+    getRootElement() {
+      return E(m.current);
+    }
+  })), /* @__PURE__ */ P(
+    q,
     {
-      ref: c,
-      classNames: `${E}-slide-dynamic-origin`,
+      ref: d,
+      classNames: `${k}-slide-dynamic-origin`,
       childrenPrefix: n,
-      trigger: f,
-      popup: T,
+      trigger: a,
+      popup: F,
       mouseEnterDelay: 400,
       mouseLeaveDelay: 400,
-      disabled: s,
-      unmountOnExit: _,
-      position: R,
-      popupVisible: l,
-      popupAlign: y,
-      getPopupContainer: $,
-      alignPoint: f === "contextMenu",
-      ...G(a, U),
-      ...H(a),
-      ...z(m, ["onVisibleChange"]),
-      getTargetDOMNode: () => J(g.current),
-      onVisibleChange: I,
+      disabled: p,
+      unmountOnExit: $,
+      position: _,
+      popupVisible: s,
+      popupAlign: R,
+      getPopupContainer: A,
+      alignPoint: a === "contextMenu",
+      ...K(c, z),
+      ...S(c),
+      ...J(f, ["onVisibleChange"]),
+      getRootElement: () => E(m.current),
+      onVisibleChange: j,
       children: o.isValidElement(t) ? o.cloneElement(t, {
-        ...q(s) ? { disabled: s } : {},
+        ...G(p) ? { disabled: p } : {},
         className: x(
           {
-            [`${n}-popup-visible`]: l,
-            [`${[n]}-rtl`]: B
+            [`${n}-popup-visible`]: s,
+            [`${[n]}-rtl`]: v
           },
           t.props.className
         ),
-        ref: K(t) ? (e) => {
-          g.current = e;
+        ref: W(t) ? (e) => {
+          m.current = e;
         } : void 0
       }) : t
     }
   );
 }
-const Y = o.forwardRef(X), D = Y;
-D.displayName = "Dropdown";
-D.Button = S;
+const ee = o.forwardRef(Z), w = ee;
+w.displayName = "Dropdown";
+w.Button = X;
 export {
-  S as DropdownButton,
-  D as default
+  X as DropdownButton,
+  w as default
 };

package/empty/index.js

@@ -1,25 +1,38 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as f } from "react/jsx-runtime";
+/* 2025-11-27 12:11:12 */
+import { jsx as i } from "react/jsx-runtime";
 import a from "@unicom-cloud/ui-common/empty";
-import { memo as l, forwardRef as c, useContext as C } from "react";
+import { memo as c, forwardRef as u, useContext as C, useRef as g, useImperativeHandle as x } from "react";
 import "../config-provider/ConfigProvider.js";
-import x from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import E from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import y from "../config-provider/context.js";
-function g(o, t) {
+function d(o, e) {
   const {
-    prefixCls: E,
+    prefixCls: P,
     getPrefixCls: r,
-    locale: e,
+    locale: n,
     componentConfig: m
-  } = C(y), p = x(
+  } = C(y), p = E(
     o,
     {},
     m?.Empty
-  ), { ...n } = p, s = r?.("empty"), i = e?.Empty?.noData;
-  return /* @__PURE__ */ f(a, { ref: t, prefixCls: s, description: i, ...n });
+  ), { ...s } = p, l = r?.("empty"), f = n?.Empty?.noData, t = g(null);
+  return x(e, () => ({
+    ...t.current,
+    getRootElement() {
+      return t.current.getRootElement();
+    }
+  })), /* @__PURE__ */ i(
+    a,
+    {
+      ref: t,
+      prefixCls: l,
+      description: f,
+      ...s
+    }
+  );
 }
-const u = l(c(g));
-u.displayName = "Empty";
+const R = c(u(d));
+R.displayName = "Empty";
 export {
-  u as default
+  R as default
 };

package/flex/index.js

@@ -1,49 +1,56 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as m } from "react/jsx-runtime";
+/* 2025-11-27 12:11:12 */
+import { jsx as l } from "react/jsx-runtime";
 import C from "@unicom-cloud/ui-common/flex";
-import { forwardRef as i, useContext as d } from "react";
+import { forwardRef as n, useContext as d, useRef as g, useImperativeHandle as F } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useMergeProps as u } from "@unicom-cloud/ui-common/hooks";
+import { useMergeProps as N } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
 import "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
 import "@unicom-cloud/ui-common/utils/dom";
-import F from "@unicom-cloud/ui-common/utils/className";
-import g from "../config-provider/context.js";
-const N = {
+import R from "@unicom-cloud/ui-common/utils/className";
+import P from "../config-provider/context.js";
+const E = {
   children: void 0
-}, t = i((o, e) => {
+}, s = n((e, t) => {
   const {
-    prefixCls: s,
-    getPrefixCls: r,
-    componentConfig: n,
-    rtl: p
-  } = d(g), a = u(
-    o,
-    N,
-    n?.Flex
-  ), { className: c, ...f } = a, x = r?.("flex");
-  return /* @__PURE__ */ m(
+    prefixCls: m,
+    getPrefixCls: o,
+    componentConfig: p,
+    rtl: c
+  } = d(P), a = N(
+    e,
+    E,
+    p?.Flex
+  ), { className: f, ...x } = a, u = o?.("flex"), r = g(null);
+  return F(t, () => ({
+    ...r.current,
+    getRootElement() {
+      return r.current.getRootElement();
+    }
+  })), /* @__PURE__ */ l(
     C,
     {
-      ref: e,
-      className: F(x, c),
-      rtl: p,
-      ...f
+      ref: r,
+      className: R(u, f),
+      rtl: c,
+      ...x
     }
   );
 });
-t.displayName = "Flex";
-const l = i((o, e) => {
-  const { direction: s = "column", ...r } = o;
-  return /* @__PURE__ */ m(t, { ...r, ref: e, direction: s });
+s.displayName = "Flex";
+const i = n((e, t) => {
+  const { direction: m = "column", ...o } = e;
+  return /* @__PURE__ */ l(s, { ...o, ref: t, direction: m });
 });
-l.displayName = "FlexVertical";
-const k = Object.assign(t, {
-  Vertical: l
+i.displayName = "FlexVertical";
+const z = Object.assign(s, {
+  Vertical: i
 });
 export {
-  l as FlexVertical,
-  k as default
+  i as FlexVertical,
+  z as default
 };

package/form/Control.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as m, jsxs as I } from "react/jsx-runtime";
 import E from "@unicom-cloud/icons/IconUiCheckCircleFill";
 import w from "@unicom-cloud/icons/IconUiCloseCircleFill";
@@ -6,13 +6,13 @@ import b from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import y from "@unicom-cloud/icons/IconUiLoading";
 import F from "lodash/get";
 import M from "lodash/set";
-import p from "react";
-import U from "@unicom-cloud/ui-common/utils/className";
-import { isBoolean as k, isArray as V, isNil as N, isEqualWith as S, isFunction as f } from "@unicom-cloud/ui-common/utils/is";
+import f, { cloneElement as U } from "react";
+import k from "@unicom-cloud/ui-common/utils/className";
+import { isBoolean as N, isArray as V, isNil as P, isEqualWith as S, isFunction as p } from "@unicom-cloud/ui-common/utils/is";
 import C from "@unicom-cloud/ui-common/utils/warning";
-import { FormItemContext as P } from "./context.js";
-import { isFieldMatch as v, schemaValidate as x, isSyntheticEvent as D, ID_INPUT_SUFFIX as W } from "./utils.js";
-class K extends p.Component {
+import { FormItemContext as D } from "./context.js";
+import { isFieldMatch as v, schemaValidate as x, isSyntheticEvent as W, ID_INPUT_SUFFIX as $ } from "./utils.js";
+class Q extends f.Component {
   constructor(l, u) {
     super(l), this.errors = null, this.warnings = null, this.isDestroyed = !1, this.childrenElement = null, this.triggerStateCollect = () => {
       const { innerCollectFormState: t } = this.context.store.getInnerMethods(!0);
@@ -20,7 +20,7 @@ class K extends p.Component {
     }, this.toggleValidateStatus = (t) => {
       this.validateStatus = t, this.triggerStateCollect();
     }, this.toggleTouched = (t) => {
-      this.touched = k(t) ? t : !this.touched, this.triggerStateCollect();
+      this.touched = N(t) ? t : !this.touched, this.triggerStateCollect();
     }, this.setWarnings = (t) => {
       this.warnings = t, this.triggerStateCollect();
     }, this.setErrors = (t) => {
@@ -45,7 +45,7 @@ class K extends p.Component {
           V(r) && r.some((n) => v(n, s)) && this.isTouched() && this.validateField();
         else if (i) {
           let n = !1;
-          f(i) ? n = i(e.prev, e.current, {
+          p(i) ? n = i(e.prev, e.current, {
             field: e.field,
             ...d
           }) : n = !S(e.prev, e.current), n && this.updateFormItem();
@@ -68,7 +68,7 @@ class K extends p.Component {
         case "setFieldValue":
           if (v(o, s)) {
             this.toggleTouched(!0), e.data && "touched" in e.data && this.toggleTouched(e.data.touched), e.data && "warnings" in e.data && this.setWarnings(
-              N(e.data.warnings) ? [] : [].concat(e.data.warnings)
+              P(e.data.warnings) ? [] : [].concat(e.data.warnings)
             ), e.data && "errors" in e.data ? this.setErrors(e.data.errors) : S(F(e.prev, o), F(e.current, o)) || this.setErrors(null), this.updateFormItem();
             return;
           }
@@ -113,22 +113,22 @@ class K extends p.Component {
         this.errors ? "error" : this.warnings?.length ? "warning" : "success"
       ), this.updateFormItem(), Promise.resolve({ error: c, value: d, field: i })))) : Promise.resolve({ error: null, value: d, field: i });
     }, this.handleTrigger = (t, ...e) => {
-      const s = this.childrenElement || this.props.children, { store: o } = this.context, { field: i, trigger: r, normalize: a, getValueFromEvent: d } = this.props, n = f(d) ? d(t, ...e) : t;
+      const s = this.childrenElement || this.props.children, { store: o } = this.context, { field: i, trigger: r, normalize: a, getValueFromEvent: d } = this.props, n = p(d) ? d(t, ...e) : t;
       let h = n;
-      if (D(n)) {
+      if (W(n)) {
         C(
           !0,
           "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"
         ), n.stopPropagation();
         return;
       }
-      f(a) && (h = a(n, o.getFieldValue(i), {
+      p(a) && (h = a(n, o.getFieldValue(i), {
         ...o.getFieldsValue()
-      })), this.toggleTouched(!0), this.innerSetFieldValue(i, h), this.validateField(r), p.isValidElement(s) && s.props && s.props[r] && (this.props.isFormList || s.props[r](h, ...e));
+      })), this.toggleTouched(!0), this.innerSetFieldValue(i, h), this.validateField(r), f.isValidElement(s) && s.props && s.props[r] && (this.props.isFormList || s.props[r](h, ...e));
     }, this.getChild = () => {
       const { children: t } = this.props, { store: e } = this.context;
       let s = t;
-      return f(t) && (s = t(
+      return p(t) && (s = t(
         e.getFields(),
         {
           ...e
@@ -150,7 +150,7 @@ class K extends p.Component {
     this.isFormControl = !0;
   }
   static {
-    this.contextType = P;
+    this.contextType = D;
   }
   componentDidMount() {
     const { store: l } = this.context ?? {};
@@ -184,9 +184,9 @@ class K extends p.Component {
       triggerPropName: s = "value",
       validateStatus: o,
       formatter: i
-    } = this.props, { store: r, disabled: a } = this.context, d = "disabled" in this.props ? this.props.disabled : a, n = p.Children.only(l), h = {
+    } = this.props, { store: r, disabled: a } = this.context, d = "disabled" in this.props ? this.props.disabled : a, n = f.Children.only(l), h = {
       // used by label
-      id: U(n.props?.id || { [`${u}${W}`]: u })
+      id: k(n.props?.id || { [`${u}${$}`]: u })
     };
     this.getValidateTrigger().forEach((g) => {
       h[g] = (T) => {
@@ -194,13 +194,13 @@ class K extends p.Component {
       };
     }), h[e] = this.handleTrigger, d !== void 0 && !("disabled" in n.props) && (h.disabled = d);
     let c = F(r.getInnerMethods(!0).innerGetStore(), t);
-    return f(i) && (c = i(c)), h[s] = c, !o && this.errors && (h.error = !0), p.cloneElement(n, h);
+    return p(i) && (c = i(c)), h[s] = c, !o && this.errors && (h.error = !0), U(n, h);
   }
   render() {
     const { noStyle: l, field: u, isFormList: t, hasFeedback: e } = this.props, s = this.getValidateStatus(), { prefixCls: o, getFormElementId: i } = this.context;
     let r = this.getChild();
     const a = this.hasFieldProps() ? i?.(u) : void 0;
-    return this.hasFieldProps() && !t && p.Children.count(r) === 1 && (r = this.renderControl(r, a)), l ? r : /* @__PURE__ */ m("div", { className: `${o}-item-control-wrapper`, children: /* @__PURE__ */ m("div", { className: `${o}-item-control`, id: a, children: /* @__PURE__ */ I("div", { className: `${o}-item-control-children`, children: [
+    return this.hasFieldProps() && !t && f.Children.count(r) === 1 && (r = this.renderControl(r, a)), l ? r : /* @__PURE__ */ m("div", { className: `${o}-item-control-wrapper`, children: /* @__PURE__ */ m("div", { className: `${o}-item-control`, id: a, children: /* @__PURE__ */ I("div", { className: `${o}-item-control-children`, children: [
       r,
       s && e && /* @__PURE__ */ I(
         "div",
@@ -218,5 +218,5 @@ class K extends p.Component {
   }
 }
 export {
-  K as default
+  Q as default
 };

package/form/Form.js

@@ -1,11 +1,11 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as d } from "react/jsx-runtime";
-import D from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
-import O from "lodash/merge";
-import { forwardRef as j, useContext as h, useRef as k, useEffect as _, useImperativeHandle as A } from "react";
+import j from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
+import k from "lodash/merge";
+import { forwardRef as D, useContext as h, useRef as O, useEffect as _, useImperativeHandle as A } from "react";
 import U from "../config-provider/ConfigProvider.js";
-import H from "@unicom-cloud/ui-common/hooks/use-create";
-import W from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import W from "@unicom-cloud/ui-common/hooks/use-create";
+import H from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import X from "@unicom-cloud/ui-common/utils/className";
 import { isPlainObject as B } from "@unicom-cloud/ui-common/utils/is";
 import G from "@unicom-cloud/ui-common/utils/omit";
@@ -13,7 +13,7 @@ import { FormProviderContext as J, FormContext as K } from "./context.js";
 import L from "./hook/useForm.js";
 import { ID_INPUT_SUFFIX as Q } from "./utils.js";
 import Y from "../config-provider/context.js";
-function f(s, c) {
+function u(s, c) {
   const t = c.replace(/[[.]/g, "_").replace(/\]/g, "");
   return s ? `${s}-${t}` : `${t}`;
 }
@@ -26,14 +26,14 @@ const Z = {
   wrapper: "form",
   validateTrigger: "onChange"
 }, ee = (s, c) => {
-  const t = h(Y), i = h(J), p = k(null), [n] = L(
+  const t = h(Y), i = h(J), p = O(null), [n] = L(
     s.form
-  ), o = W(
+  ), r = H(
     s,
     Z,
     t.componentConfig?.Form
   ), {
-    layout: u,
+    layout: f,
     labelCol: S,
     wrapperCol: P,
     wrapper: x,
@@ -46,51 +46,51 @@ const Z = {
     validateTrigger: N,
     prefixCls: w,
     validateMessages: R,
-    schemaOptions: M,
-    ...z
-  } = o, l = w || t.getPrefixCls?.("form"), T = t.rtl, C = "size" in o ? o.size : t.size, F = n.getInnerMethods(!0);
-  H(() => {
-    F.innerSetInitialValues(o.initialValues);
+    schemaOptions: z,
+    ...M
+  } = r, l = w || t.getPrefixCls?.("form"), T = t.rtl, C = "size" in r ? r.size : t.size, F = n.getInnerMethods(!0);
+  W(() => {
+    F.innerSetInitialValues(r.initialValues);
   }, []), _(() => {
     let e;
-    return i.register && (e = i.register(o.id, n)), e;
-  }, [o.id, n]), n.scrollToField = (e, r) => {
-    const a = p.current, b = o.id;
+    return i.register && (e = i.register(r.id, n)), e;
+  }, [r.id, n]), n.scrollToField = (e, o) => {
+    const a = p.current, b = r.id;
     if (!a) return;
     let m = a.querySelector(
-      `#${f(b, e)}`
+      `#${u(b, e)}`
     );
     m || (m = a.querySelector(
-      `#${f(b, e)}${Q}`
-    )), m && D(m, {
+      `#${u(b, e)}${Q}`
+    )), m && j(m, {
       behavior: "smooth",
       block: "nearest",
       scrollMode: "if-needed",
-      ...r
+      ...o
     });
   }, F.innerSetCallbacks({
-    onValuesChange: (e, r) => {
-      o.onValuesChange?.(e, r), i.onFormValuesChange?.(o.id, e);
+    onValuesChange: (e, o) => {
+      r.onValuesChange?.(e, o), i.onFormValuesChange?.(r.id, e);
     },
-    onChange: o.onChange,
+    onChange: r.onChange,
     onValidateFail: (e) => {
-      const r = o.scrollToFirstError;
-      if (r) {
-        const a = B(r) ? r : {};
+      const o = r.scrollToFirstError;
+      if (o) {
+        const a = B(o) ? o : {};
         n.scrollToField(
           Object.keys(e)[0],
           a
         );
       }
     },
-    onSubmitFailed: o.onSubmitFailed,
+    onSubmitFailed: r.onSubmitFailed,
     onSubmit: (e) => {
-      const r = o.onSubmit?.(e);
-      return i.onFormSubmit?.(o.id, e), r;
+      const o = r.onSubmit?.(e);
+      return i.onFormSubmit?.(r.id, e), o;
     },
     onReset: (e) => {
-      const r = o.onReset?.(e);
-      return i?.onFormReset?.(o.id, e), r;
+      const o = r.onReset?.(e);
+      return i?.onFormReset?.(r.id, e), o;
     }
   });
   const E = {
@@ -100,28 +100,28 @@ const Z = {
     colon: V,
     labelCol: S,
     wrapperCol: P,
-    layout: u,
+    layout: f,
     store: n,
     prefixCls: l,
     validateTrigger: N,
-    validateMessages: O(
+    validateMessages: k(
       {},
       t.locale?.Form?.validateMessages,
       R
     ),
-    schemaOptions: M,
-    getFormElementId: (e) => f(g, e)
+    schemaOptions: z,
+    getFormElementId: (e) => u(g, e)
   }, q = K;
   return A(c, () => ({
     ...n,
-    getRootDOMNode() {
+    getRootElement() {
       return p.current;
     }
   })), /* @__PURE__ */ d(U, { ...t, childrenName: "Form", size: C, children: /* @__PURE__ */ d(q.Provider, { value: E, children: /* @__PURE__ */ d(
     x,
     {
       ref: p,
-      ...G(z, [
+      ...G(M, [
         "form",
         "size",
         "initialValues",
@@ -133,15 +133,15 @@ const Z = {
         "onSubmitFailed",
         "onReset"
       ]),
-      ...o.wrapperProps,
+      ...r.wrapperProps,
       className: X(
         l,
-        `${l}-${u}`,
+        `${l}-${f}`,
         `${l}-size-${C}`,
         { [`${l}-rtl`]: T },
         y
       ),
-      style: o.style,
+      style: r.style,
       onSubmit: (e) => {
         e.preventDefault(), e.stopPropagation(), n.submit();
       },
@@ -149,11 +149,11 @@ const Z = {
         e.preventDefault(), e.stopPropagation(), n.resetFields();
       },
       id: g,
-      children: o.children
+      children: r.children
     }
   ) }) });
-}, oe = j(ee);
-oe.displayName = "Form";
+}, re = D(ee);
+re.displayName = "Form";
 export {
-  oe as default
+  re as default
 };