@unicom-cloud/ui 0.8.108 → 0.8.110

package/form/store.js

@@ -6,28 +6,222 @@ import V from "lodash/isPlainObject";
 import v from "lodash/merge";
 import k from "lodash/omit";
 import I from "lodash/setWith";
-import { isExist as y } from "../components/common/utils/is.js";
+import { c as y } from "../chunk/DsaQZE4X.js";
 import { SubmitStatus as g } from "./interface.js";
 import R from "./promisify.js";
 import { iterativelyGetKeys as b, cloneDeep as F, set as o } from "./util.js";
 class J {
-  // 表示的 Form 的提交状态而非单个字段的提交状态。
-  // 只有在触发表单 reset（原生 reset，而非当前的 resetFields） 时，才会回到  init 状态（目前没有支持 form.reset，所以没有这块逻辑）
-  submitStatus = g.init;
-  registerFields = [];
-  // 所有 form item value 的变动，都会通知这里注册到的 watcher
-  registerWatchers = [];
-  // 所有 form item 内部 errors, validating, touched 状态的变化，都会通知这里注册到的 watcher
-  // TODO: 合并 registerWatchers
-  registerStateWatchers = [];
-  // 所有 form 整体 的变动，都会通知这里注册到的 watcher
-  registerFormWatchers = [];
-  // 和formControl 的 touched属性不一样。 只要被改过的字段，这里就会存储。并且不会跟随formControl被卸载而清除。
-  // reset 的时候清除
-  touchedFields = {};
-  store = {};
-  initialValues = {};
-  callbacks = {};
+  constructor() {
+    this.submitStatus = g.init, this.registerFields = [], this.registerWatchers = [], this.registerStateWatchers = [], this.registerFormWatchers = [], this.touchedFields = {}, this.store = {}, this.initialValues = {}, this.callbacks = {}, this.innerCollectFormState = () => {
+      this.notifyStateWatchers();
+    }, this.innerSetCallbacks = (t) => {
+      this.callbacks = t;
+    }, this.registerFormWatcher = (t) => (this.registerFormWatchers.push(t), () => {
+      this.registerFormWatchers = this.registerFormWatchers.filter(
+        (e) => e !== t
+      );
+    }), this.registerStateWatcher = (t) => (this.registerStateWatchers.push(t), () => {
+      this.registerStateWatchers = this.registerStateWatchers.filter(
+        (e) => e !== t
+      );
+    }), this.registerWatcher = (t) => (this.registerWatchers.push(t), () => {
+      this.registerWatchers = this.registerWatchers.filter((e) => e !== t);
+    }), this.registerField = (t) => (this.registerFields.push(t), this.notifyWatchers(), () => {
+      this.registerFields = this.registerFields.filter((e) => e !== t), this.notifyWatchers();
+    }), this.getRegisteredFields = (t, e) => t ? this.registerFields.filter(
+      (i) => i.hasFieldProps() && (e?.containFormList || !i.props?.isFormList)
+    ) : this.registerFields, this.getRegisteredField = (t) => this.registerFields.filter((e) => e.props.field === t)[0], this.notify = (t, e) => {
+      (t === "setFieldValue" || t === "innerSetValue" && !e.ignore) && this._pushTouchField(
+        e.changeValues ? b(e.changeValues) : this._getIterativelyKeysByField(e.field)
+      ), this.registerFields.forEach((i) => {
+        i?.onStoreChange?.(t, {
+          ...e,
+          current: this.store
+        });
+      });
+    }, this.innerSetInitialValues = (t) => {
+      t && (this.initialValues = v(this.initialValues, F(t)), Object.keys(t).forEach((e) => {
+        o(this.store, e, t[e]);
+      }));
+    }, this.innerSetInitialValue = (t, e) => {
+      t && (this.initialValues[t] = e, this._inTouchFields(t) || o(this.store, t, c(this.initialValues, t)));
+    }, this.innerSetFieldValue = (t, e, i) => {
+      if (!t) return;
+      const s = this.getFields();
+      o(this.store, t, e), this.triggerValuesChange({
+        [t]: e
+      }), this.triggerTouchChange({ [t]: e }), this.notify("innerSetValue", {
+        prev: s,
+        field: t,
+        ...i,
+        changeValues: { [t]: e }
+      });
+    }, this.innerGetStore = () => this.store, this.innerGetStoreStatus = () => ({
+      submitStatus: this.submitStatus
+    }), this.innerGetFieldValue = (t) => c(this.store, t), this.getTouchedFields = () => this.getRegisteredFields(!0).filter((t) => t.isTouched()).map((t) => t.props.field), this.setFieldValue = (t, e) => {
+      t && this.setFields({
+        [t]: { value: e }
+      });
+    }, this.setFieldsValue = (t) => {
+      if (V(t)) {
+        const e = Object.keys(t), i = {};
+        e.forEach((s) => {
+          i[s] = {
+            value: t[s]
+          };
+        }), this.setFields(i);
+      }
+    }, this.setFields = (t) => {
+      const e = Object.keys(t), i = {};
+      e.forEach((s) => {
+        const r = t[s], h = this.getFields();
+        if (r) {
+          const a = {};
+          "error" in r && (a.errors = r.error), "warning" in r && (a.warnings = r.warning), "touched" in r && (a.touched = r.touched), "value" in r && (o(this.store, s, r.value), i[s] = r.value), this.notify("setFieldValue", {
+            data: a,
+            prev: h,
+            field: s,
+            changeValues: { [s]: r.value }
+          });
+        }
+      }), this.triggerValuesChange(i);
+    }, this.getFieldValue = (t) => F(c(this.store, t)), this.getFieldError = (t) => {
+      const e = this.getRegisteredField(t);
+      return e ? e.getErrors() : null;
+    }, this.getFieldsError = (t) => {
+      const e = {};
+      return l(t) ? t.map((i) => {
+        const s = this.getFieldError(i);
+        s && (e[i] = s);
+      }) : this.getRegisteredFields(!0, { containFormList: !0 }).forEach(
+        (i) => {
+          i.getErrors() && (e[i.props.field] = i.getErrors());
+        }
+      ), e;
+    }, this.getFields = () => F(this.store), this.getFieldsValue = (t) => {
+      const e = {};
+      return l(t) ? (t.forEach((i) => {
+        o(e, i, this.getFieldValue(i));
+      }), e) : (this.getRegisteredFields(!0).forEach(({ props: { field: i } }) => {
+        const s = c(this.store, i);
+        o(e, i, s);
+      }), e);
+    }, this.getInitialValues = () => this.initialValues, this.setInitialValues = (t) => {
+      this.innerSetInitialValues(t), this.setFieldsValue(t);
+    }, this.setInitialValue = (t, e) => {
+      this.innerSetInitialValue(t, e), this.setFieldValue(t, e);
+    }, this.resetFields = (t) => {
+      const e = this.getFields(), i = y(t) && !l(t) ? [t] : t;
+      let s = {};
+      if (i && l(i))
+        i.forEach((h) => {
+          o(
+            this.store,
+            h,
+            this.initialValues[h]
+          ), s[h] = c(this.store, h);
+        }), this.triggerValuesChange(s), this.notify("reset", { prev: e, field: i }), this._popTouchField(i);
+      else {
+        const h = {};
+        s = this.getFields(), Object.keys(this.initialValues).forEach((a) => {
+          o(h, a, this.initialValues[a]);
+        }), this.store = h, this.getRegisteredFields(!0).forEach((a) => {
+          const m = a.props.field;
+          o(s, m, c(this.store, m));
+        }), this.triggerValuesChange(s), this._popTouchField(), this.notify("reset", {
+          prev: e,
+          field: Object.keys(s)
+        });
+      }
+      const { onReset: r } = this.callbacks;
+      r?.(s);
+    }, this.validate = R(
+      (t, e, i) => {
+        const s = this.getRegisteredFields(!0, {
+          containFormList: !0
+        }), r = l(t) && t.length ? s.filter(
+          (n) => t.indexOf(n.props.field) > -1
+        ) : s, h = V(t) ? t : V(e) ? e : {}, a = S(t) ? t : S(e) ? e : i || (() => {
+        }), m = r.map(
+          (n) => h?.validateOnly ? n.validateFieldOnly() : n.validateField()
+        ), W = (n) => {
+          if (!h?.validateOnly) {
+            const { onValidateFail: u } = this.callbacks;
+            u?.(n);
+          }
+        };
+        return Promise.all(m).then((n) => {
+          let u = {};
+          const p = {};
+          n.map((d) => {
+            d.error && (u = { ...u, ...d.error }), this.getRegisteredField(d.field)?.props?.isFormList || o(p, d.field, d.value);
+          });
+          let f;
+          return Object.keys(u).length ? (W?.(u), f = a?.(u, F(p))) : f = a?.(null, F(p)), f;
+        }).catch((n) => n).finally(() => {
+        });
+      }
+    ), this.toggleSubmitStatus = (t) => {
+      this.submitStatus = t, this.innerCollectFormState(), this.notifyFormWatcher();
+    }, this.submit = () => {
+      this.toggleSubmitStatus(g.submitting);
+      const t = (e, i) => {
+        let s;
+        const { onSubmit: r, onSubmitFailed: h } = this.callbacks;
+        return !e && r && (s = r(i)), e && h && (s = h(e)), s && s.then ? s.then((a) => (this.toggleSubmitStatus(g.success), a)).catch((a) => (this.toggleSubmitStatus(g.error), Promise.reject(a))) : this.toggleSubmitStatus(
+          e ? g.error : g.success
+        ), s;
+      };
+      return this.validate(t);
+    }, this.getFieldsState = (t) => {
+      const e = {}, i = (s) => {
+        if (!s)
+          return null;
+        const r = s.getErrors();
+        return {
+          errors: r ? [r] : [],
+          warnings: s.getWarnings(),
+          validateStatus: s.getValidateStatus(),
+          isSubmitting: this.submitStatus === g.submitting,
+          isTouched: s.isTouched(),
+          value: this.getFieldValue(s.props.field)
+        };
+      };
+      return l(t) ? (t.forEach((s) => {
+        e[s] = i(this.getRegisteredField(s));
+      }), e) : (this.getRegisteredFields(!0).forEach((s) => {
+        e[s.props.field] = i(s);
+      }), e);
+    }, this.clearFields = (t) => {
+      const e = this.getFields(), i = y(t) && !l(t) ? [t] : t;
+      if (i && l(i)) {
+        const s = {};
+        i.forEach((r) => {
+          o(this.store, r, void 0), s[r] = c(this.store, r);
+        }), this.triggerValuesChange(s), this.notify("setFieldValue", {
+          prev: e,
+          field: i,
+          data: {
+            errors: null,
+            warnings: null
+          }
+        });
+      } else {
+        const s = {};
+        this.store = {}, this.getRegisteredFields(!0).forEach((r) => {
+          const h = r.props.field;
+          o(s, h, void 0);
+        }), this.triggerValuesChange(s), this.notify("setFieldValue", {
+          prev: e,
+          field: Object.keys(s),
+          data: {
+            errors: null,
+            warnings: null
+          }
+        });
+      }
+    };
+  }
   notifyWatchers() {
     this.registerWatchers.forEach((t) => {
       t();
@@ -57,60 +251,6 @@ class J {
       e?.(t, this.getFields());
     }
   }
-  // 告知 form 状态改变，进行状态收集
-  innerCollectFormState = () => {
-    this.notifyStateWatchers();
-  };
-  innerSetCallbacks = (t) => {
-    this.callbacks = t;
-  };
-  registerFormWatcher = (t) => (this.registerFormWatchers.push(t), () => {
-    this.registerFormWatchers = this.registerFormWatchers.filter(
-      (e) => e !== t
-    );
-  });
-  registerStateWatcher = (t) => (this.registerStateWatchers.push(t), () => {
-    this.registerStateWatchers = this.registerStateWatchers.filter(
-      (e) => e !== t
-    );
-  });
-  registerWatcher = (t) => (this.registerWatchers.push(t), () => {
-    this.registerWatchers = this.registerWatchers.filter((e) => e !== t);
-  });
-  // 收集所有control字段，并在组件卸载时移除
-  registerField = (t) => (this.registerFields.push(t), this.notifyWatchers(), () => {
-    this.registerFields = this.registerFields.filter((e) => e !== t), this.notifyWatchers();
-  });
-  // hasField为true时，只返回传入field属性的control实例
-  // isFormList 目前只在校验时需要包含
-  // TODO formlist 实现缺陷，待优化
-  getRegisteredFields = (t, e) => t ? this.registerFields.filter(
-    (i) => i.hasFieldProps() && (e?.containFormList || !i.props?.isFormList)
-  ) : this.registerFields;
-  // 获取props.field === field 的control组件。
-  getRegisteredField = (t) => this.registerFields.filter((e) => e.props.field === t)[0];
-  // 通知所有的FormItem进行更新。
-  // setFieldValue: 外部调用setFieldsValue (setFieldValue等)方法触发更新
-  // innerSetValue: 控件例如Input，通过onChange事件触发的更新
-  // reset：重置
-  notify = (t, e) => {
-    (t === "setFieldValue" || t === "innerSetValue" && !e.ignore) && this._pushTouchField(
-      e.changeValues ? b(e.changeValues) : this._getIterativelyKeysByField(e.field)
-    ), this.registerFields.forEach((i) => {
-      i?.onStoreChange?.(t, {
-        ...e,
-        current: this.store
-      });
-    });
-  };
-  innerSetInitialValues = (t) => {
-    t && (this.initialValues = v(this.initialValues, F(t)), Object.keys(t).forEach((e) => {
-      o(this.store, e, t[e]);
-    }));
-  };
-  innerSetInitialValue = (t, e) => {
-    t && (this.initialValues[t] = e, this._inTouchFields(t) || o(this.store, t, c(this.initialValues, t)));
-  };
   _getIterativelyKeysByField(t) {
     if (!t)
       return [];
@@ -130,218 +270,6 @@ class J {
       I(this.touchedFields, e, void 0, Object);
     });
   }
-  /**
-   *
-   * 内部使用，更新value，会同时触发onChange 和 onValuesChange
-   * @options.isFormList 强制更新field对应的组件包括其子组件,form
-   */
-  innerSetFieldValue = (t, e, i) => {
-    if (!t)
-      return;
-    const s = this.getFields();
-    o(this.store, t, e), this.triggerValuesChange({
-      [t]: e
-    }), this.triggerTouchChange({ [t]: e }), this.notify("innerSetValue", {
-      prev: s,
-      field: t,
-      ...i,
-      changeValues: { [t]: e }
-    });
-  };
-  // 内部使用
-  innerGetStore = () => this.store;
-  // 目前返回提交状态，后续统一维护 errors,warnings 后，这里可进行拓展
-  innerGetStoreStatus = () => ({
-    submitStatus: this.submitStatus
-  });
-  // 内部使用，返回原始对象，注入到组件的 value 都从这里获取值，cloneDeep 后的值每次引用地址是不同的
-  innerGetFieldValue = (t) => c(this.store, t);
-  // 获取所有被操作过的字段
-  getTouchedFields = () => this.getRegisteredFields(!0).filter((t) => t.isTouched()).map((t) => t.props.field);
-  // 外部调用设置表单字段值
-  setFieldValue = (t, e) => {
-    t && this.setFields({
-      [t]: { value: e }
-    });
-  };
-  // 外部调用，设置多个表单控件的值
-  setFieldsValue = (t) => {
-    if (V(t)) {
-      const e = Object.keys(t), i = {};
-      e.forEach((s) => {
-        i[s] = {
-          value: t[s]
-        };
-      }), this.setFields(i);
-    }
-  };
-  // 外部调用，设置多个表单控件的值，以及 error，touch 信息。
-  setFields = (t) => {
-    const e = Object.keys(t), i = {};
-    e.forEach((s) => {
-      const r = t[s], a = this.getFields();
-      if (r) {
-        const h = {};
-        "error" in r && (h.errors = r.error), "warning" in r && (h.warnings = r.warning), "touched" in r && (h.touched = r.touched), "value" in r && (o(this.store, s, r.value), i[s] = r.value), this.notify("setFieldValue", {
-          data: h,
-          prev: a,
-          field: s,
-          changeValues: { [s]: r.value }
-        });
-      }
-    }), this.triggerValuesChange(i);
-  };
-  getFieldValue = (t) => F(c(this.store, t));
-  // 获取单个字段的错误信息。
-  getFieldError = (t) => {
-    const e = this.getRegisteredField(t);
-    return e ? e.getErrors() : null;
-  };
-  // 获取传入字段/全部的错误信息
-  getFieldsError = (t) => {
-    const e = {};
-    return l(t) ? t.map((i) => {
-      const s = this.getFieldError(i);
-      s && (e[i] = s);
-    }) : this.getRegisteredFields(!0, { containFormList: !0 }).forEach(
-      (i) => {
-        i.getErrors() && (e[i.props.field] = i.getErrors());
-      }
-    ), e;
-  };
-  getFields = () => F(this.store);
-  getFieldsValue = (t) => {
-    const e = {};
-    return l(t) ? (t.forEach((i) => {
-      o(e, i, this.getFieldValue(i));
-    }), e) : (this.getRegisteredFields(!0).forEach(({ props: { field: i } }) => {
-      const s = c(this.store, i);
-      o(e, i, s);
-    }), e);
-  };
-  getInitialValues = () => this.initialValues;
-  setInitialValues = (t) => {
-    this.innerSetInitialValues(t), this.setFieldsValue(t);
-  };
-  setInitialValue = (t, e) => {
-    this.innerSetInitialValue(t, e), this.setFieldValue(t, e);
-  };
-  resetFields = (t) => {
-    const e = this.getFields(), i = y(t) && !l(t) ? [t] : t;
-    let s = {};
-    if (i && l(i))
-      i.forEach((a) => {
-        o(
-          this.store,
-          a,
-          this.initialValues[a]
-        ), s[a] = c(this.store, a);
-      }), this.triggerValuesChange(s), this.notify("reset", { prev: e, field: i }), this._popTouchField(i);
-    else {
-      const a = {};
-      s = this.getFields(), Object.keys(this.initialValues).forEach((h) => {
-        o(a, h, this.initialValues[h]);
-      }), this.store = a, this.getRegisteredFields(!0).forEach((h) => {
-        const m = h.props.field;
-        o(s, m, c(this.store, m));
-      }), this.triggerValuesChange(s), this._popTouchField(), this.notify("reset", {
-        prev: e,
-        field: Object.keys(s)
-      });
-    }
-    const { onReset: r } = this.callbacks;
-    r?.(s);
-  };
-  validate = R(
-    (t, e, i) => {
-      const s = this.getRegisteredFields(!0, {
-        containFormList: !0
-      }), r = l(t) && t.length ? s.filter(
-        (n) => t.indexOf(n.props.field) > -1
-      ) : s, a = V(t) ? t : V(e) ? e : {}, h = S(t) ? t : S(e) ? e : i || (() => {
-      }), m = r.map(
-        (n) => a?.validateOnly ? n.validateFieldOnly() : n.validateField()
-      ), W = (n) => {
-        if (!a?.validateOnly) {
-          const { onValidateFail: u } = this.callbacks;
-          u?.(n);
-        }
-      };
-      return Promise.all(m).then((n) => {
-        let u = {};
-        const p = {};
-        n.map((d) => {
-          d.error && (u = { ...u, ...d.error }), this.getRegisteredField(d.field)?.props?.isFormList || o(p, d.field, d.value);
-        });
-        let f;
-        return Object.keys(u).length ? (W?.(u), f = h?.(u, F(p))) : f = h?.(null, F(p)), f;
-      }).catch((n) => n).finally(() => {
-      });
-    }
-  );
-  toggleSubmitStatus = (t) => {
-    this.submitStatus = t, this.innerCollectFormState(), this.notifyFormWatcher();
-  };
-  submit = () => {
-    this.toggleSubmitStatus(g.submitting);
-    const t = (e, i) => {
-      let s;
-      const { onSubmit: r, onSubmitFailed: a } = this.callbacks;
-      return !e && r && (s = r(i)), e && a && (s = a(e)), s && s.then ? s.then((h) => (this.toggleSubmitStatus(g.success), h)).catch((h) => (this.toggleSubmitStatus(g.error), Promise.reject(h))) : this.toggleSubmitStatus(
-        e ? g.error : g.success
-      ), s;
-    };
-    return this.validate(t);
-  };
-  getFieldsState = (t) => {
-    const e = {}, i = (s) => {
-      if (!s)
-        return null;
-      const r = s.getErrors();
-      return {
-        errors: r ? [r] : [],
-        warnings: s.getWarnings(),
-        validateStatus: s.getValidateStatus(),
-        isSubmitting: this.submitStatus === g.submitting,
-        isTouched: s.isTouched(),
-        value: this.getFieldValue(s.props.field)
-      };
-    };
-    return l(t) ? (t.forEach((s) => {
-      e[s] = i(this.getRegisteredField(s));
-    }), e) : (this.getRegisteredFields(!0).forEach((s) => {
-      e[s.props.field] = i(s);
-    }), e);
-  };
-  clearFields = (t) => {
-    const e = this.getFields(), i = y(t) && !l(t) ? [t] : t;
-    if (i && l(i)) {
-      const s = {};
-      i.forEach((r) => {
-        o(this.store, r, void 0), s[r] = c(this.store, r);
-      }), this.triggerValuesChange(s), this.notify("setFieldValue", {
-        prev: e,
-        field: i,
-        data: {
-          errors: null,
-          warnings: null
-        }
-      });
-    } else {
-      const s = {};
-      this.store = {}, this.getRegisteredFields(!0).forEach((r) => {
-        const a = r.props.field;
-        o(s, a, void 0);
-      }), this.triggerValuesChange(s), this.notify("setFieldValue", {
-        prev: e,
-        field: Object.keys(s),
-        data: {
-          errors: null,
-          warnings: null
-        }
-      });
-    }
-  };
 }
 export {
   J as default

package/form/util.js

@@ -1,11 +1,11 @@
-import { Schema as l } from "../dist/validate/src/index.js";
+import { H as l } from "../chunk/hc_ufgVf.js";
 import h from "lodash/cloneDeepWith";
 import g from "lodash/flatten";
 import v from "lodash/has";
 import y from "lodash/isArray";
-import S from "lodash/isFunction";
+import E from "lodash/isFunction";
 import d from "lodash/isPlainObject";
-import E from "lodash/set";
+import S from "lodash/set";
 import w from "lodash/setWith";
 import O from "react";
 function F(t) {
@@ -14,23 +14,23 @@ function F(t) {
       return n;
   });
 }
-const G = (t, n) => h(t, (r) => {
-  if (S(r))
+const A = (t, n) => h(t, (r) => {
+  if (E(r))
     return (s) => r(s, n);
 });
-function H(t, n, r) {
-  return E(t, n, F(r)), t;
+function G(t, n, r) {
+  return S(t, n, F(r)), t;
 }
-function L(t, n = "") {
+function H(t, n = "") {
   const r = /* @__PURE__ */ new Set(), s = (e, o = "") => e ? r.has(e) ? [] : (r.add(e), g(
     Object.keys(e).map((i) => (d(e[i]) || y(e[i])) && Object.keys(e[i]).length && !O.isValidElement(e[i]) ? s(e[i], `${o + i}.`) : o + i)
   )) : [];
   return s(t, n);
 }
-function R(t) {
+function L(t) {
   return t?.constructor?.name === "SyntheticEvent" || t?.nativeEvent instanceof Event;
 }
-async function U(t, n, r, s) {
+async function N(t, n, r, s) {
   const e = [...r || []];
   let o = 0;
   return new Promise(async (i) => {
@@ -57,18 +57,18 @@ async function U(t, n, r, s) {
     f(e[o]);
   });
 }
-function X(t, n) {
+function R(t, n) {
   const r = w({}, t, void 0, Object);
   return n.some((s) => v(r, s));
 }
-const $ = "_input";
+const T = "_input";
 export {
-  $ as ID_SUFFIX,
+  T as ID_INPUT_SUFFIX,
   F as cloneDeep,
-  G as formatValidateMsg,
-  X as isFieldMatch,
-  R as isSyntheticEvent,
-  L as iterativelyGetKeys,
-  U as schemaValidate,
-  H as set
+  A as formatValidateMsg,
+  R as isFieldMatch,
+  L as isSyntheticEvent,
+  H as iterativelyGetKeys,
+  N as schemaValidate,
+  G as set
 };

package/grid/Grid.js

@@ -2,22 +2,21 @@ import { jsx as x } from "react/jsx-runtime";
 import O from "lodash/isArray";
 import f from "lodash/isNil";
 import { forwardRef as _, useContext as A } from "react";
-import "../config-provider/ConfigProvider.js";
-import { COLS as g } from "../constant/index.js";
-import L from "../components/common/hooks/useMergeProps.js";
+import { a as L } from "../chunk/BcEZk8pT.js";
+import { COLS as u } from "../constant/index.js";
+import { u as M } from "../chunk/FgWHhRFz.js";
 import { useResponsiveState as c } from "../hooks/useResponsiveState.js";
-import M from "@unicom-cloud/utils/class-name";
-import "../components/common/utils/is.js";
-import { GridContext as k } from "./context.js";
-import q from "../config-provider/context.js";
+import k from "@unicom-cloud/utils/class-name";
+import "../chunk/DsaQZE4X.js";
+import { GridContext as q } from "./context.js";
 import { isString as z, isNumber as d, isPlainObject as B } from "@unicom-cloud/utils/is";
 const D = {
-  cols: g,
+  cols: u,
   gap: 0
 };
-function E(u, C) {
-  const { getPrefixCls: N, componentConfig: P, rtl: y } = A(q), G = N?.("grid"), $ = L(
-    u,
+function E(g, C) {
+  const { getPrefixCls: N, componentConfig: P, rtl: y } = A(L), G = N?.("grid"), $ = M(
+    g,
     D,
     P?.Grid
   ), {
@@ -25,40 +24,40 @@ function E(u, C) {
     className: v,
     children: S,
     cols: R,
-    gap: r,
+    gap: e,
     colGap: l,
-    rowGap: m
+    rowGap: a
   } = $;
-  let i = m, t = l;
-  const T = f(r), b = f(m), h = f(l);
-  T || (O(r) ? (i = r[0], t = r[1] ?? r[0]) : i = t = r), b || (i = m), h || (t = l);
-  const o = c(R, g), a = c(i, 0), n = c(t, 0), e = {};
-  if (a && (e.rowGap = a), n && (e.columnGap = n), z(o))
-    e.gridTemplateColumns = o;
+  let i = a, s = l;
+  const T = f(e), b = f(a), h = f(l);
+  T || (O(e) ? (i = e[0], s = e[1] ?? e[0]) : i = s = e), b || (i = a), h || (s = l);
+  const o = c(R, u), m = c(i, 0), n = c(s, 0), r = {};
+  if (m && (r.rowGap = m), n && (r.columnGap = n), z(o))
+    r.gridTemplateColumns = o;
   else if (d(o))
-    e.gridTemplateColumns = `repeat(${o}, minmax(0px, 1fr))`;
+    r.gridTemplateColumns = `repeat(${o}, minmax(0px, 1fr))`;
   else if (B(o) && "type" in o) {
     const j = o.type;
-    let s = o.max ?? "1fr";
-    d(s) && (s = `${s}px`);
+    let t = o.max ?? "1fr";
+    d(t) && (t = `${t}px`);
     let p = o.min ?? "0px";
-    d(p) && (p = `${p}px`), e.gridTemplateColumns = `repeat(${j}, minmax(${p}, ${s}))`;
+    d(p) && (p = `${p}px`), r.gridTemplateColumns = `repeat(${j}, minmax(${p}, ${t}))`;
   }
   return /* @__PURE__ */ x(
     "div",
     {
       ref: C,
-      className: M(G, y && `${G}-rtl`, v),
+      className: k(G, y && `${G}-rtl`, v),
       style: {
-        ...e,
+        ...r,
         ...w
       },
       children: /* @__PURE__ */ x(
-        k.Provider,
+        q.Provider,
         {
           value: {
             cols: o,
-            rowGap: a,
+            rowGap: m,
             colGap: n
           },
           children: S