@unicom-cloud/ui 0.8.43 → 0.8.45

package/form/hook/useState.js

@@ -0,0 +1,31 @@
+import p from "lodash/isEqualWith";
+import { useContext as F, useRef as m, useCallback as x, useState as C, useEffect as g } from "react";
+import R from "../../utils/warning.js";
+import { FormContext as b } from "../context.js";
+const v = (s, l) => {
+  const S = F(b), t = l || S.store, u = m(s);
+  u.current = s;
+  const c = x(() => {
+    const e = u.current, o = t.getFieldsState([e]);
+    return o == null ? void 0 : o[e];
+  }, []), [f, d] = C(c), i = m(f);
+  return g(() => {
+    var a;
+    if (!t) {
+      R(!0, "formInstance is not available");
+      return;
+    }
+    const { registerStateWatcher: e } = ((a = t == null ? void 0 : t.getInnerMethods) == null ? void 0 : a.call(t, !0)) ?? {}, o = () => {
+      const n = c();
+      p(i.current, n) || (d(n), i.current = n);
+    };
+    o();
+    const r = e == null ? void 0 : e(o);
+    return () => {
+      r == null || r();
+    };
+  }, []), f;
+};
+export {
+  v as default
+};

package/form/hook/useWatch.js

@@ -0,0 +1,36 @@
+import g from "lodash/get";
+import x from "lodash/isArray";
+import v from "lodash/isString";
+import { useContext as w, useState as y, useRef as p, useEffect as C } from "react";
+import { FormContext as F } from "../context.js";
+import R from "../../utils/warning.js";
+const M = (r, V) => {
+  const S = w(F), t = V || S.store, [s, d] = y(() => {
+    const e = t == null ? void 0 : t.getFieldsValue([].concat(r));
+    return v(r) ? g(e, r) : e;
+  }), i = p(r);
+  i.current = r;
+  const a = p(JSON.stringify(s));
+  return C(() => {
+    var f;
+    if (!t) {
+      R(!0, "formInstance is not available");
+      return;
+    }
+    const { registerWatcher: e } = ((f = t == null ? void 0 : t.getInnerMethods) == null ? void 0 : f.call(t, !0)) ?? {}, c = () => {
+      const n = i.current, l = t.getFieldsValue([].concat(n));
+      let u = l;
+      x(n) || (u = g(l, n));
+      const m = JSON.stringify(u);
+      a.current !== m && (d(u), a.current = m);
+    };
+    c();
+    const o = e == null ? void 0 : e(c);
+    return () => {
+      o == null || o();
+    };
+  }, []), s;
+};
+export {
+  M as default
+};

package/form/interface.js

@@ -0,0 +1,11 @@
+const s = {
+  error: "error",
+  success: "success",
+  warning: "warning",
+  validating: "validating"
+};
+var n = /* @__PURE__ */ ((r) => (r.init = "init", r.error = "error", r.success = "success", r.submitting = "submitting", r))(n || {});
+export {
+  n as SubmitStatus,
+  s as VALIDATE_STATUS
+};

package/form/promisify.js

@@ -0,0 +1,23 @@
+var u = Object.defineProperty;
+var s = (e, r, t) => r in e ? u(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var n = (e, r, t) => s(e, typeof r != "symbol" ? r + "" : r, t);
+class p extends Error {
+  constructor(t) {
+    super("form validate error, get errors by error.errors");
+    n(this, "errors", {});
+    this.errors = t;
+  }
+}
+function a(e) {
+  return Object.defineProperty(
+    (...r) => typeof r[r.length - 1] == "function" ? e.apply(this, r) : new Promise((t, i) => (r[r.length] = (o, l) => {
+      if (o) return i(new p(o));
+      t(l);
+    }, r.length++, e.apply(this, r))),
+    "name",
+    { value: e.name }
+  );
+}
+export {
+  a as default
+};

package/form/store.js

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

package/form/useForm.js

@@ -0,0 +1,53 @@
+import { useRef as r } from "react";
+import s from "./store.js";
+function a() {
+  const e = new s();
+  return {
+    getFieldsValue: e.getFieldsValue,
+    getFieldValue: e.getFieldValue,
+    getFieldError: e.getFieldError,
+    getFieldsError: e.getFieldsError,
+    getTouchedFields: e.getTouchedFields,
+    getFields: e.getFields,
+    getInitialValues: e.getInitialValues,
+    setInitialValues: e.setInitialValues,
+    setInitialValue: e.setInitialValue,
+    setFieldValue: e.setFieldValue,
+    setFieldsValue: e.setFieldsValue,
+    setFields: e.setFields,
+    resetFields: e.resetFields,
+    clearFields: e.clearFields,
+    submit: e.submit,
+    validate: e.validate,
+    scrollToField: () => {
+    },
+    getFieldsState: e.getFieldsState,
+    getInnerMethods: (t) => {
+      const i = {};
+      return t && [
+        "registerField",
+        "registerWatcher",
+        "registerStateWatcher",
+        "registerFormWatcher",
+        "innerSetInitialValues",
+        "innerSetInitialValue",
+        "innerSetCallbacks",
+        "innerSetFieldValue",
+        "innerGetStore",
+        "innerGetStoreStatus",
+        "innerGetFieldValue",
+        "innerCollectFormState"
+      ].map((l) => {
+        i[l] = e[l];
+      }), i;
+    }
+  };
+}
+function u(e) {
+  const t = r(e);
+  return t.current || (e ? t.current = e : t.current = a()), [t.current];
+}
+export {
+  u as default,
+  a as getFormInstance
+};

package/form/util.js

@@ -0,0 +1,72 @@
+import { Schema as l } from "@unicom-cloud/utils/validate";
+import h from "lodash/cloneDeepWith";
+import g from "lodash/has";
+import y from "lodash/isArray";
+import v from "lodash/isFunction";
+import d from "lodash/isPlainObject";
+import S from "lodash/set";
+import E from "lodash/setWith";
+import w from "react";
+function O(t) {
+  return h(t, (n) => {
+    if (!d(n) && !y(n))
+      return n;
+  });
+}
+const x = (t, n) => h(t, (e) => {
+  if (v(e))
+    return (s) => e(s, n);
+});
+function A(t, n, e) {
+  return S(t, n, O(e)), t;
+}
+function G(t, n = "") {
+  const e = /* @__PURE__ */ new Set(), s = (r, c = "") => r ? e.has(r) ? [] : (e.add(r), Object.keys(r).map((i) => (d(r[i]) || y(r[i])) && Object.keys(r[i]).length && !w.isValidElement(r[i]) ? s(r[i], `${c + i}.`) : c + i).flat()) : [];
+  return s(t, n);
+}
+function L(t) {
+  var n;
+  return ((n = t == null ? void 0 : t.constructor) == null ? void 0 : n.name) === "SyntheticEvent" || (t == null ? void 0 : t.nativeEvent) instanceof Event;
+}
+async function R(t, n, e, s) {
+  const r = [...e || []];
+  let c = 0;
+  return new Promise(async (i) => {
+    const a = [], f = async (u) => {
+      const p = () => c < r.length - 1 ? (c++, f(r[c])) : i({ error: null, warning: a });
+      if (!u)
+        return p();
+      const o = { ...u };
+      !o.type && !o.validator && (o.type = "string"), new l({ [t]: [o] }, {
+        ignoreEmptyString: !0,
+        validateMessages: s
+      }).validate({ [t]: n }, (m) => {
+        if (m)
+          if (u.validateLevel === "warning")
+            a.push(m[t].message);
+          else
+            return i({
+              error: m,
+              warning: a
+            });
+        return p();
+      });
+    };
+    f(r[c]);
+  });
+}
+function U(t, n) {
+  const e = E({}, t, void 0, Object);
+  return n.some((s) => g(e, s));
+}
+const X = "_input";
+export {
+  X as ID_SUFFIX,
+  O as cloneDeep,
+  x as formatValidateMsg,
+  U as isFieldMatch,
+  L as isSyntheticEvent,
+  G as iterativelyGetKeys,
+  R as schemaValidate,
+  A as set
+};

package/grid/Col.js

@@ -0,0 +1,87 @@
+import { jsx as F } from "react/jsx-runtime";
+import H from "lodash/isNumber";
+import T from "lodash/isPlainObject";
+import { forwardRef as q, useContext as S, useMemo as C } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import D from "../hooks/useMergeProps.js";
+import I from "@unicom-cloud/utils/class-name";
+import { RowContext as J } from "./context.js";
+import { ConfigContext as K } from "../config-provider/context.js";
+const Q = {
+  span: 24
+};
+function v(n) {
+  return typeof n == "string" && /\d+[px|%|em|rem|]{1}/.test(n) ? `0 0 ${n}` : n;
+}
+function U(n, w) {
+  const { getPrefixCls: A, componentConfig: f, rtl: G } = S(K), L = D(
+    n,
+    Q,
+    f == null ? void 0 : f["Grid.Col"]
+  ), { gutter: p, div: $ } = S(J), {
+    className: M,
+    style: N,
+    children: O,
+    span: V,
+    offset: a,
+    order: u,
+    pull: c,
+    push: m,
+    xs: x,
+    sm: g,
+    md: y,
+    lg: h,
+    xl: P,
+    xxl: b,
+    xxxl: j,
+    flex: e,
+    ...k
+  } = L;
+  function z(r, o) {
+    const R = { xs: x, sm: g, md: y, lg: h, xl: P, xxl: b, xxxl: j };
+    return Object.keys(R).forEach((i) => {
+      const t = R[i];
+      H(t) ? t >= 0 && (o[`${r}-${i}-${t}`] = !0) : T(t) && (o[`${r}-${i}-${t.span}`] = t.span, o[`${r}-${i}-offset-${t.offset}`] = t.offset, o[`${r}-${i}-order-${t.order}`] = t.order, o[`${r}-${i}-pull-${t.pull}`] = t.pull, o[`${r}-${i}-push-${t.push}`] = t.push);
+    }), o;
+  }
+  const s = A("col");
+  let d = {
+    [`${s}`]: !$,
+    [`${s}-order-${u}`]: u,
+    [`${s}-${V}`]: !$ && !x && !g && !y && !h && !P && !b && !j,
+    [`${s}-offset-${a}`]: a,
+    [`${s}-pull-${c}`]: c,
+    [`${s}-push-${m}`]: m,
+    [`${s}-rtl`]: G
+  };
+  d = z(s, d);
+  const B = I(e ? s : d, M), l = {};
+  if (Array.isArray(p) && !$) {
+    const r = p[0] && p[0] / 2 || 0, o = p[1] && p[1] / 2 || 0;
+    r && (l.paddingLeft = r, l.paddingRight = r), o && (l.paddingTop = o, l.paddingBottom = o);
+  }
+  const E = C(
+    () => v(e) ? { flex: v(e) } : {},
+    [e]
+  );
+  return /* @__PURE__ */ F(
+    "div",
+    {
+      ref: w,
+      ...k,
+      style: {
+        ...N,
+        ...l,
+        ...E
+      },
+      className: B,
+      children: O
+    }
+  );
+}
+const W = q(U);
+W.displayName = "Col";
+export {
+  W as default
+};