@unicom-cloud/ui 0.8.108 → 0.8.110

package/empty/index.js

@@ -1,23 +1,7 @@
-import { jsx as a } from "react/jsx-runtime";
-import { memo as f, forwardRef as c, useContext as l } from "react";
-import { Empty as y } from "../components/common/empty/index.js";
-import "../config-provider/ConfigProvider.js";
-import C from "../components/common/hooks/useMergeProps.js";
-import x from "../config-provider/context.js";
-function E(o, t) {
-  const {
-    getPrefixCls: m,
-    locale: r,
-    componentConfig: e
-  } = l(x), p = C(
-    o,
-    {},
-    e?.Empty
-  ), { ...n } = p, s = m?.("empty"), i = r?.Empty?.noData;
-  return /* @__PURE__ */ a(y, { ref: t, prefixCls: s, description: i, ...n });
-}
-const g = f(c(E));
-g.displayName = "Empty";
+import "react/jsx-runtime";
+import "react";
+import { E as i } from "../chunk/BcEZk8pT.js";
+import "../chunk/FgWHhRFz.js";
 export {
-  g as default
+  i as default
 };

package/flex/index.js

@@ -1,48 +1,156 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as i, useContext as x } from "react";
-import d from "../components/common/flex/index.js";
-import "../config-provider/ConfigProvider.js";
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as c, useContext as I } from "react";
+import { UI_COMMON_PREFIX as M } from "@unicom-cloud/utils/constant/ui";
+import { u as j } from "../chunk/FgWHhRFz.js";
+import w from "@unicom-cloud/utils/class-name";
+import "../chunk/DsaQZE4X.js";
+import { G as N, a as S } from "../chunk/BcEZk8pT.js";
+import { isBoolean as _, isArray as A, isString as h } from "@unicom-cloud/utils/is";
+import "../chunk/CdXR6dj7.js";
+import "@unicom-cloud/utils/js-cookie";
+import "dayjs";
+import "lodash/debounce";
+import "@unicom-cloud/utils/screenfull";
+import "../chunk/BDgzrqDN.js";
+import "lodash/throttle";
+import "@unicom-cloud/utils/constant/platform";
+import "lodash/isPlainObject";
+import "@unicom-cloud/utils/query-string";
+import "react-router";
 import "lodash/isEqualWith";
-import "../components/common/utils/is.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "lodash/isNumber";
 import "lodash/merge";
-import "../components/common/utils/dom.js";
-import "../components/common/hooks/useIntersectionObserver.js";
-import u from "../components/common/hooks/useMergeProps.js";
-import "../components/common/utils/reactDOM.js";
+import "../chunk/d1c9z8T1.js";
+import "@unicom-cloud/utils/date";
+import "@unicom-cloud/utils/case-name";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../chunk/DS_deHpN.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import "@unicom-cloud/utils/mitt";
+import "@unicom-cloud/utils/pinyin";
+import "../chunk/BJ9_azwQ.js";
+import "../chunk/CXrVhA6-.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/constant/ui.js";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import "uuid";
+import "../chunk/hc_ufgVf.js";
+import "../chunk/RjJoagzL.js";
 import "@unicom-cloud/utils/constant";
-import "lodash/debounce";
-import C from "@unicom-cloud/utils/class-name";
-import F from "../config-provider/context.js";
-const N = {
+function g(o, t, i) {
+  if (i === void 0)
+    return;
+  h(i) && Object.keys(N).includes(i) ? o[t] = N[i] : o[t] = i;
+}
+function z(o = {}, t, i = "gap") {
+  return t === void 0 || (A(t) ? (g(o, "rowGap", t[0]), g(o, "columnGap", t[1] ?? t[0])) : g(o, i, t)), o;
+}
+const E = {
+  component: "div",
+  gap: "small"
+}, u = c((o, t) => {
+  const i = j(o, E, {}), {
+    className: r,
+    style: f,
+    flex: x,
+    gap: d,
+    children: $,
+    direction: m,
+    justify: s,
+    align: l,
+    component: O = "div",
+    wrap: C,
+    rtl: P,
+    inline: F,
+    ...b
+  } = i, e = `${M}-flex`, p = {
+    display: F ? "inline-flex" : "flex"
+  };
+  if ("wrap" in i) {
+    let n = C;
+    _(n) ? n = n ? "wrap" : "nowrap" : n = C, p.flexWrap = n;
+  }
+  return "flex" in i && (p.flex = x), l && (p.alignItems = l), s && (p.justifyContent = s), m && (p.flexDirection = m), Object.assign(p, z({}, d), f), /* @__PURE__ */ a(
+    O,
+    {
+      ref: t,
+      style: p,
+      className: w(
+        e,
+        {
+          [`${e}-rtl`]: P,
+          [`${e}-inline`]: F
+        },
+        !!m && `${e}-flex-direction-${m}`,
+        !!s && `${e}-justify-content-${s}`,
+        !!l && `${e}-align-items-${l}`,
+        r
+      ),
+      ...b,
+      children: $
+    }
+  );
+});
+u.displayName = "Flex";
+const V = c(
+  (o, t) => {
+    const { direction: i = "column", ...r } = o;
+    return /* @__PURE__ */ a(u, { ...r, ref: t, direction: i });
+  }
+);
+V.displayName = "FlexVertical";
+const R = Object.assign(u, {
+  Vertical: V
+}), B = {
   children: void 0
-}, m = i((o, t) => {
-  const { getPrefixCls: r, componentConfig: e, rtl: l } = x(F), n = u(
+}, y = c((o, t) => {
+  const { getPrefixCls: i, componentConfig: r, rtl: f } = I(S), x = j(
     o,
-    N,
-    e?.Flex
-  ), { className: c, ...a } = n, f = r?.("flex");
-  return /* @__PURE__ */ s(
-    d,
+    B,
+    r?.Flex
+  ), { className: d, ...$ } = x, m = i?.("flex");
+  return /* @__PURE__ */ a(
+    R,
     {
       ref: t,
-      className: C(f, c),
-      rtl: l,
-      ...a
+      className: w(m, d),
+      rtl: f,
+      ...$
     }
   );
 });
-m.displayName = "Flex";
-const p = i((o, t) => {
-  const { direction: r = "column", ...e } = o;
-  return /* @__PURE__ */ s(m, { ...e, ref: t, direction: r });
+y.displayName = "Flex";
+const G = c((o, t) => {
+  const { direction: i = "column", ...r } = o;
+  return /* @__PURE__ */ a(y, { ...r, ref: t, direction: i });
 });
-p.displayName = "FlexVertical";
-const B = Object.assign(m, {
-  Vertical: p
+G.displayName = "FlexVertical";
+const Ht = Object.assign(y, {
+  Vertical: G
 });
 export {
-  p as FlexVertical,
-  B as default
+  G as FlexVertical,
+  Ht as default
 };

package/form/Control.js

@@ -1,245 +1,207 @@
-import { jsx as u, jsxs as I } from "react/jsx-runtime";
-import T from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import { jsx as g, jsxs as I } from "react/jsx-runtime";
+import E from "@unicom-cloud/icons/IconUiCheckCircleFill";
 import w from "@unicom-cloud/icons/IconUiCloseCircleFill";
 import b from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import y from "@unicom-cloud/icons/IconUiLoading";
 import f from "lodash/get";
-import S from "lodash/isArray";
+import V from "lodash/isArray";
 import M from "lodash/isBoolean";
-import V from "lodash/isEqualWith";
-import g from "lodash/isFunction";
+import S from "lodash/isEqualWith";
+import m from "lodash/isFunction";
 import U from "lodash/isNil";
 import k from "lodash/set";
-import F, { Component as D, isValidElement as N } from "react";
-import P from "@unicom-cloud/utils/class-name";
-import { warning as C } from "../components/common/utils/warning.js";
+import F, { Component as N, isValidElement as P } from "react";
+import D from "@unicom-cloud/utils/class-name";
+import C from "../utils/warning.js";
 import { FormItemContext as W } from "./context.js";
-import { isFieldMatch as v, schemaValidate as x, isSyntheticEvent as $, ID_SUFFIX as L } from "./util.js";
-class re extends D {
-  static defaultProps = {
-    trigger: "onChange",
-    triggerPropName: "value"
-  };
-  static isFormControl = !0;
-  static contextType = W;
-  context;
-  // 校验信息
-  errors = null;
-  // 校验 warning 信息
-  warnings = null;
-  // undefined => validating => success / error => (validating or undefined)
-  validateStatus;
-  // 是否被用户操作过
-  touched;
-  isDestroyed = !1;
-  // 保存 props.children 或函数类型 props.children() 的返回值
-  childrenElement = null;
-  removeRegisterField;
-  constructor(e, t) {
-    super(e), "initialValue" in e && this.hasFieldProps() && t?.store?.getInnerMethods?.(!0)?.innerSetInitialValue?.(e.field, e.initialValue);
+import { isFieldMatch as v, schemaValidate as x, isSyntheticEvent as $, ID_INPUT_SUFFIX as _ } from "./util.js";
+class it extends N {
+  constructor(l, d) {
+    super(l), this.errors = null, this.warnings = null, this.isDestroyed = !1, this.childrenElement = null, this.triggerStateCollect = () => {
+      const { innerCollectFormState: e } = this.context.store.getInnerMethods(!0);
+      e();
+    }, this.toggleValidateStatus = (e) => {
+      this.validateStatus = e, this.triggerStateCollect();
+    }, this.toggleTouched = (e) => {
+      this.touched = M(e) ? e : !this.touched, this.triggerStateCollect();
+    }, this.setWarnings = (e) => {
+      this.warnings = e, this.triggerStateCollect();
+    }, this.setErrors = (e) => {
+      this.errors = e, this.triggerStateCollect();
+    }, this.getErrors = () => this.errors, this.getWarnings = () => this.warnings || [], this.isTouched = () => this.touched, this.getValidateStatus = () => this.props.validateStatus ? this.props.validateStatus : this.validateStatus, this.hasFieldProps = () => !!this.props.field, this.clearFormItemError = (e = this.props.field) => {
+      const { updateFormItem: t } = this.context;
+      t?.(e, { errors: null, warnings: null });
+    }, this.updateFormItem = () => {
+      if (this.isDestroyed) return;
+      this.forceUpdate();
+      const { updateFormItem: e } = this.context;
+      e?.(this.props.field, {
+        errors: this.errors,
+        warnings: this.warnings
+      });
+    }, this.getFieldValue = () => {
+      const e = this.props.field, t = this.context.store;
+      return e ? t.getInnerMethods(!0).innerGetFieldValue(e) : void 0;
+    }, this.onStoreChange = (e, t) => {
+      const i = V(t.field) ? t.field : [t.field], { field: s, shouldUpdate: r, dependencies: o } = this.props, h = (c) => {
+        if (o && r && C(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), o)
+          V(o) && o.some((n) => v(n, i)) && this.isTouched() && this.validateField();
+        else if (r) {
+          let n = !1;
+          m(r) ? n = r(t.prev, t.current, {
+            field: t.field,
+            ...c
+          }) : n = !S(t.prev, t.current), n && this.updateFormItem();
+        }
+      };
+      switch (e) {
+        case "reset":
+          this.toggleTouched(!1), this.toggleValidateStatus(void 0), this.setErrors(null), this.setWarnings(null), o || r ? h() : this.updateFormItem();
+          break;
+        case "innerSetValue":
+          if (v(s, i)) {
+            this.toggleTouched(!0), this.updateFormItem();
+            return;
+          }
+          h({
+            isInner: !0,
+            isFormList: t.isFormList
+          });
+          break;
+        case "setFieldValue":
+          if (v(s, i)) {
+            this.toggleTouched(!0), t.data && "touched" in t.data && this.toggleTouched(t.data.touched), t.data && "warnings" in t.data && this.setWarnings(
+              U(t.data.warnings) ? [] : [].concat(t.data.warnings)
+            ), t.data && "errors" in t.data ? this.setErrors(t.data.errors) : S(f(t.prev, s), f(t.current, s)) || this.setErrors(null), this.updateFormItem();
+            return;
+          }
+          h();
+          break;
+      }
+    }, this.innerSetFieldValue = (e, t) => {
+      if (!e) return;
+      const { store: i } = this.context;
+      i.getInnerMethods(!0).innerSetFieldValue(e, t);
+      const r = {};
+      k(r, e, t), this.props?.onValuesChange?.(r, {
+        ...i.getFieldsValue()
+      });
+    }, this.validateFieldOnly = () => {
+      const { validateMessages: e } = this.context, { field: t, rules: i } = this.props, s = this.getFieldValue();
+      return x(t, s, i, e).then(
+        ({ error: r, warning: o }) => Promise.resolve({ error: r, value: s, warning: o, field: t })
+      );
+    }, this.validateField = (e) => {
+      const { validateTrigger: t, validateMessages: i } = this.context, { field: s, rules: r, validateTrigger: o } = this.props, h = this.getFieldValue(), c = () => {
+        const a = this.errors || this.warnings?.length;
+        this.toggleValidateStatus("validating"), this.setErrors(null), this.setWarnings(null), a && this.updateFormItem();
+      }, n = e ? (r || []).filter((a) => [].concat(
+        a.validateTrigger || o || t
+      ).indexOf(e) > -1) : r;
+      return n && n.length && s ? (c(), x(s, h, n, i).then(
+        ({ error: a, warning: u }) => (this.setErrors(a ? a[s] : null), this.setWarnings(u || null), this.toggleValidateStatus(
+          this.errors ? "error" : this.warnings?.length ? "warning" : "success"
+        ), this.updateFormItem(), Promise.resolve({ error: a, value: h, field: s }))
+      )) : Promise.resolve({ error: null, value: h, field: s });
+    }, this.handleTrigger = (e, ...t) => {
+      const i = this.childrenElement || this.props.children, { store: s } = this.context, { field: r, trigger: o, normalize: h, getValueFromEvent: c } = this.props, n = m(c) ? c(e, ...t) : e;
+      let a = n;
+      if ($(n)) {
+        C(
+          !0,
+          "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"
+        ), n.stopPropagation();
+        return;
+      }
+      typeof h == "function" && (a = h(n, s.getFieldValue(r), {
+        ...s.getFieldsValue()
+      })), this.toggleTouched(!0), this.innerSetFieldValue(r, a), this.validateField(o), P(i) && i.props && i.props[o] && (this.props.isFormList || i.props[o](a, ...t));
+    }, this.getChild = () => {
+      const { children: e } = this.props, { store: t } = this.context;
+      let i = e;
+      return m(e) && (i = e(
+        t.getFields(),
+        {
+          ...t
+        },
+        this.props.isFormList && {
+          value: this.getFieldValue(),
+          onChange: this.handleTrigger
+        }
+      )), this.childrenElement = i, i;
+    }, "initialValue" in l && this.hasFieldProps() && d?.store?.getInnerMethods?.(!0)?.innerSetInitialValue?.(l.field, l.initialValue);
+  }
+  static {
+    this.defaultProps = {
+      trigger: "onChange",
+      triggerPropName: "value"
+    };
+  }
+  static {
+    this.isFormControl = !0;
+  }
+  static {
+    this.contextType = W;
   }
   componentDidMount() {
-    const { store: e } = this.context ?? {};
-    if (e) {
-      const t = e.getInnerMethods(!0);
-      this.removeRegisterField = t.registerField(this);
+    const { store: l } = this.context ?? {};
+    if (l) {
+      const d = l.getInnerMethods(!0);
+      this.removeRegisterField = d.registerField(this);
     }
     this.isDestroyed = !1;
   }
-  componentDidUpdate(e) {
-    (e.field !== this.props.field && this.props._key && e._key === this.props._key || /* 以下条件判断潘启宝添加于 2023年10月23日 星期一 13时10分43秒 CST */
-    this.props.disabled !== e.disabled && this.props.disabled || this.props.rules !== e.rules && !this.props.rules) && (this.updateFormItem(), this.clearFormItemError(e.field));
+  componentDidUpdate(l) {
+    (l.field !== this.props.field && this.props._key && l._key === this.props._key || /* 以下条件判断潘启宝添加于 2023年10月23日 星期一 13时10分43秒 CST */
+    this.props.disabled !== l.disabled && this.props.disabled || this.props.rules !== l.rules && !this.props.rules) && (this.updateFormItem(), this.clearFormItemError(l.field));
   }
   componentWillUnmount() {
     this.removeRegisterField?.(), this.removeRegisterField = null, this.clearFormItemError(), this.isDestroyed = !0;
   }
-  // 触发 store 进行状态收集
-  // TODO: error, validateStatus ,touched 状态和 UI 组件解耦，统一维护在 store 内部
-  triggerStateCollect = () => {
-    const { innerCollectFormState: e } = this.context.store.getInnerMethods(!0);
-    e();
-  };
-  // 切换校验状态
-  toggleValidateStatus = (e) => {
-    this.validateStatus = e, this.triggerStateCollect();
-  };
-  // 切换 touch 状态
-  toggleTouched = (e) => {
-    this.touched = M(e) ? e : !this.touched, this.triggerStateCollect();
-  };
-  setWarnings = (e) => {
-    this.warnings = e, this.triggerStateCollect();
-  };
-  setErrors = (e) => {
-    this.errors = e, this.triggerStateCollect();
-  };
-  getErrors = () => this.errors;
-  getWarnings = () => this.warnings || [];
-  isTouched = () => this.touched;
-  getValidateStatus = () => this.props.validateStatus ? this.props.validateStatus : this.validateStatus;
-  hasFieldProps = () => !!this.props.field;
-  clearFormItemError = (e = this.props.field) => {
-    const { updateFormItem: t } = this.context;
-    t?.(e, { errors: null, warnings: null });
-  };
-  updateFormItem = () => {
-    if (this.isDestroyed) return;
-    this.forceUpdate();
-    const { updateFormItem: e } = this.context;
-    e?.(this.props.field, {
-      errors: this.errors,
-      warnings: this.warnings
-    });
-  };
-  getFieldValue = () => {
-    const e = this.props.field, t = this.context.store;
-    return e ? t.getInnerMethods(!0).innerGetFieldValue(e) : void 0;
-  };
-  onStoreChange = (e, t) => {
-    const r = S(t.field) ? t.field : [t.field], { field: s, shouldUpdate: i, dependencies: o } = this.props, n = (a) => {
-      if (o && i && C(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), o)
-        S(o) && o.some((l) => v(l, r)) && this.isTouched() && this.validateField();
-      else if (i) {
-        let l = !1;
-        g(i) ? l = i(t.prev, t.current, {
-          field: t.field,
-          ...a
-        }) : l = !V(t.prev, t.current), l && this.updateFormItem();
-      }
-    };
-    switch (e) {
-      case "reset":
-        this.toggleTouched(!1), this.toggleValidateStatus(void 0), this.setErrors(null), this.setWarnings(null), o || i ? n() : this.updateFormItem();
-        break;
-      case "innerSetValue":
-        if (v(s, r)) {
-          this.toggleTouched(!0), this.updateFormItem();
-          return;
-        }
-        n({
-          isInner: !0,
-          isFormList: t.isFormList
-        });
-        break;
-      case "setFieldValue":
-        if (v(s, r)) {
-          this.toggleTouched(!0), t.data && "touched" in t.data && this.toggleTouched(t.data.touched), t.data && "warnings" in t.data && this.setWarnings(
-            U(t.data.warnings) ? [] : [].concat(t.data.warnings)
-          ), t.data && "errors" in t.data ? this.setErrors(t.data.errors) : V(f(t.prev, s), f(t.current, s)) || this.setErrors(null), this.updateFormItem();
-          return;
-        }
-        n();
-        break;
-    }
-  };
-  innerSetFieldValue = (e, t) => {
-    if (!e) return;
-    const { store: r } = this.context;
-    r.getInnerMethods(!0).innerSetFieldValue(e, t);
-    const i = {};
-    k(i, e, t), this.props?.onValuesChange?.(i, {
-      ...r.getFieldsValue()
-    });
-  };
-  // 仅仅校验下值，不做任何状态变更
-  validateFieldOnly = () => {
-    const { validateMessages: e } = this.context, { field: t, rules: r } = this.props, s = this.getFieldValue();
-    return x(t, s, r, e).then(
-      ({ error: i, warning: o }) => Promise.resolve({ error: i, value: s, warning: o, field: t })
-    );
-  };
-  /**
-   *
-   * @param triggerType the value of validateTrigger.
-   * @returns
-   */
-  validateField = (e) => {
-    const { validateTrigger: t, validateMessages: r } = this.context, { field: s, rules: i, validateTrigger: o } = this.props, n = this.getFieldValue(), a = () => {
-      const d = this.errors || this.warnings?.length;
-      this.toggleValidateStatus("validating"), this.setErrors(null), this.setWarnings(null), d && this.updateFormItem();
-    }, l = e ? (i || []).filter((d) => [].concat(
-      d.validateTrigger || o || t
-    ).indexOf(e) > -1) : i;
-    return l && l.length && s ? (a(), x(s, n, l, r).then(
-      ({ error: d, warning: h }) => (this.setErrors(d ? d[s] : null), this.setWarnings(h || null), this.toggleValidateStatus(
-        this.errors ? "error" : this.warnings?.length ? "warning" : "success"
-      ), this.updateFormItem(), Promise.resolve({ error: d, value: n, field: s }))
-    )) : Promise.resolve({ error: null, value: n, field: s });
-  };
   /**
    * 收集rules里的validateTrigger字段
    */
   getValidateTrigger() {
-    const e = this.props.validateTrigger || this.context.validateTrigger || "onChange", t = this.props.rules || [];
-    let r = [];
-    return t.map((s) => {
-      r = r.concat(s.validateTrigger || e);
-    }), Array.from(new Set(r));
+    const l = this.props.validateTrigger || this.context.validateTrigger || "onChange", d = this.props.rules || [];
+    let e = [];
+    return d.map((t) => {
+      e = e.concat(t.validateTrigger || l);
+    }), Array.from(new Set(e));
   }
-  // 每次 render 都会作为 onChange 传递给 children，需要保证引用地址不变
-  // 所以 handleTrigger 需要声明在类上，并且直接作为 children.props.onChange
-  handleTrigger = (e, ...t) => {
-    const r = this.childrenElement || this.props.children, { store: s } = this.context, { field: i, trigger: o, normalize: n, getValueFromEvent: a } = this.props, l = g(a) ? a(e, ...t) : e;
-    let d = l;
-    if ($(l)) {
-      C(
-        !0,
-        "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"
-      ), l.stopPropagation();
-      return;
-    }
-    typeof n == "function" && (d = n(l, s.getFieldValue(i), {
-      ...s.getFieldsValue()
-    })), this.toggleTouched(!0), this.innerSetFieldValue(i, d), this.validateField(o), N(r) && r.props && r.props[o] && (this.props.isFormList || r.props[o](d, ...t));
-  };
-  renderControl(e, t) {
+  renderControl(l, d) {
     const {
-      field: r,
-      trigger: s = "onChange",
+      field: e,
+      trigger: t = "onChange",
       triggerPropName: i = "value",
-      validateStatus: o,
-      formatter: n
-    } = this.props, { store: a, disabled: l } = this.context, d = "disabled" in this.props ? this.props.disabled : l, h = F.Children.only(e), c = {
+      validateStatus: s,
+      formatter: r
+    } = this.props, { store: o, disabled: h } = this.context, c = "disabled" in this.props ? this.props.disabled : h, n = F.Children.only(l), a = {
       // used by label
-      id: P(h.props?.id || { [`${t}${L}`]: t })
+      id: D(n.props?.id || { [`${d}${_}`]: d })
     };
     this.getValidateTrigger().forEach((p) => {
-      c[p] = (E) => {
-        this.validateField(p), h.props?.[p]?.(E);
+      a[p] = (T) => {
+        this.validateField(p), n.props?.[p]?.(T);
       };
-    }), c[s] = this.handleTrigger, d !== void 0 && !("disabled" in h.props) && (c.disabled = d);
-    let m = f(a.getInnerMethods(!0).innerGetStore(), r);
-    return g(n) && (m = n(m)), c[i] = m, !o && this.errors && (c.error = !0), F.cloneElement(h, c);
+    }), a[t] = this.handleTrigger, c !== void 0 && !("disabled" in n.props) && (a.disabled = c);
+    let u = f(o.getInnerMethods(!0).innerGetStore(), e);
+    return m(r) && (u = r(u)), a[i] = u, !s && this.errors && (a.error = !0), F.cloneElement(n, a);
   }
-  getChild = () => {
-    const { children: e } = this.props, { store: t } = this.context;
-    let r = e;
-    return g(e) && (r = e(
-      t.getFields(),
-      {
-        ...t
-      },
-      this.props.isFormList && {
-        value: this.getFieldValue(),
-        onChange: this.handleTrigger
-      }
-    )), this.childrenElement = r, r;
-  };
   render() {
-    const { noStyle: e, field: t, isFormList: r, hasFeedback: s } = this.props, i = this.getValidateStatus(), { prefixCls: o, getFormElementId: n } = this.context;
-    let a = this.getChild();
-    const l = this.hasFieldProps() ? n?.(t) : void 0;
-    return this.hasFieldProps() && !r && F.Children.count(a) === 1 && (a = this.renderControl(a, l)), e ? a : /* @__PURE__ */ u("div", { className: `${o}-item-control-wrapper`, children: /* @__PURE__ */ u("div", { className: `${o}-item-control`, id: l, children: /* @__PURE__ */ I("div", { className: `${o}-item-control-children`, children: [
-      a,
-      i && s && /* @__PURE__ */ I(
+    const { noStyle: l, field: d, isFormList: e, hasFeedback: t } = this.props, i = this.getValidateStatus(), { prefixCls: s, getFormElementId: r } = this.context;
+    let o = this.getChild();
+    const h = this.hasFieldProps() ? r?.(d) : void 0;
+    return this.hasFieldProps() && !e && F.Children.count(o) === 1 && (o = this.renderControl(o, h)), l ? o : /* @__PURE__ */ g("div", { className: `${s}-item-control-wrapper`, children: /* @__PURE__ */ g("div", { className: `${s}-item-control`, id: h, children: /* @__PURE__ */ I("div", { className: `${s}-item-control-children`, children: [
+      o,
+      i && t && /* @__PURE__ */ I(
         "div",
         {
-          className: `${o}-item-feedback ${o}-item-feedback-${i}`,
+          className: `${s}-item-feedback ${s}-item-feedback-${i}`,
           children: [
-            i === "warning" && /* @__PURE__ */ u(b, {}),
-            i === "success" && /* @__PURE__ */ u(T, {}),
-            i === "error" && /* @__PURE__ */ u(w, {}),
-            i === "validating" && /* @__PURE__ */ u(y, {})
+            i === "warning" && /* @__PURE__ */ g(b, {}),
+            i === "success" && /* @__PURE__ */ g(E, {}),
+            i === "error" && /* @__PURE__ */ g(w, {}),
+            i === "validating" && /* @__PURE__ */ g(y, {})
           ]
         }
       )
@@ -247,5 +209,5 @@ class re extends D {
   }
 }
 export {
-  re as default
+  it as default
 };