@unicom-cloud/ui 0.8.46 → 0.8.48

package/form/hook/useState.js

@@ -1,31 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,354 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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

@@ -1,72 +0,0 @@
-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

@@ -1,87 +0,0 @@
-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
-};