@unicom-cloud/ui 0.8.45 → 0.8.47

package/Grid.js

@@ -1,15 +1,251 @@
-/* empty css                 */
-/* empty css                      */
-import m from "./grid/Col.js";
-import r from "./grid/Row.js";
-import t from "./grid/grid.js";
-import p from "./grid/grid-item.js";
-const o = t;
-o.Col = m;
-o.Row = r;
-o.GridItem = p;
+import { G as V, a as A, C as Y, R as Z } from "./chunk/9AJ-uN8F.js";
+import { jsx as R } from "react/jsx-runtime";
+import X from "lodash/get";
+import v, { useRef as ee, useState as q, useEffect as z, useMemo as N, forwardRef as H, useContext as M } from "react";
+import { a as J } from "./chunk/z7sBNzI4.js";
+import K from "./hooks/useMergeProps.js";
+import L from "@unicom-cloud/utils/class-name";
+import te from "lodash/isPlainObject";
+import F, { responsiveArray as Q } from "./utils/responsiveObserve.js";
+import se from "lodash/isFunction";
+import oe from "lodash/isString";
+function T(r) {
+  return te(r);
+}
+const y = (r, f, n = !1) => {
+  const t = ee(), [l, s] = q({
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0,
+    xxxl: !0
+  });
+  return z(() => (t.current = F.subscribe((o) => {
+    T(r) && s(o);
+  }), () => {
+    F.unsubscribe(t.current);
+  }), []), N(() => {
+    let o = f;
+    if (T(r))
+      for (let e = 0; e < Q.length; e++) {
+        const i = Q[e];
+        if ((l[i] || i === "xs" && n) && r[i] !== void 0) {
+          o = r[i];
+          break;
+        }
+      }
+    else
+      o = r;
+    return o;
+  }, [l, r, f, n]);
+};
+function re(r, { span: f, offset: n, suffix: t }) {
+  const l = f ?? 1, s = n ?? 0, c = Math.min(s, r);
+  return {
+    span: Math.min(
+      c > 0 ? l + s : l,
+      r
+    ),
+    offset: c,
+    suffix: t
+  };
+}
+function ne({
+  cols: r,
+  collapsed: f,
+  collapsedRows: n,
+  itemDataList: t
+}) {
+  let l = !1, s = [];
+  function c(o) {
+    return Math.ceil(o / r) > n;
+  }
+  if (f) {
+    let o = 0;
+    for (let e = 0; e < t.length; e++)
+      t[e].suffix && (o += t[e].span, s.push(e));
+    if (!c(o)) {
+      let e = 0;
+      for (; e < t.length; ) {
+        const i = t[e];
+        if (!i.suffix) {
+          if (o += i.span, c(o))
+            break;
+          s.push(e);
+        }
+        e++;
+      }
+    }
+    l = t.some(
+      (e, i) => !e.suffix && !s.includes(i)
+    );
+  } else
+    s = t.map((o, e) => e);
+  return {
+    overflow: l,
+    displayIndexList: s
+  };
+}
+const ae = {
+  collapsed: !1,
+  collapsedRows: 1,
+  cols: 24,
+  colGap: 0,
+  rowGap: 0
+};
+function ie(r, f) {
+  const [n, t] = q(
+    /* @__PURE__ */ new Map()
+  ), { getPrefixCls: l, componentConfig: s, rtl: c } = M(J), o = K(
+    r,
+    ae,
+    s == null ? void 0 : s.Grid
+  ), {
+    children: e,
+    className: i,
+    style: b,
+    cols: x,
+    colGap: G,
+    rowGap: h,
+    collapsed: P,
+    collapsedRows: g
+  } = o, C = y(x, 24), I = y(G, 0), _ = {
+    gap: `${y(h, 0)}px ${I}px`,
+    gridTemplateColumns: `repeat(${C}, minmax(0px, 1fr))`
+  }, u = l("grid"), S = {
+    [`${u}`]: !0,
+    [`${u}-rtl`]: c
+  }, E = L(S, i), O = (() => {
+    const a = [];
+    for (const [d, w] of n.entries())
+      a[d] = w;
+    return a;
+  })(), m = ne({
+    cols: C,
+    collapsed: P,
+    collapsedRows: g,
+    itemDataList: O
+  });
+  return /* @__PURE__ */ R(
+    "div",
+    {
+      ref: f,
+      className: E,
+      style: {
+        ..._,
+        ...b
+      },
+      children: /* @__PURE__ */ R(
+        V.Provider,
+        {
+          value: {
+            collectItemData(a, d) {
+              n.set(a, d), t(new Map([...n]));
+            },
+            removeItemData(a) {
+              n.delete(a), t(new Map([...n]));
+            }
+          },
+          children: /* @__PURE__ */ R(
+            A.Provider,
+            {
+              value: {
+                cols: C,
+                colGap: I,
+                overflow: m.overflow,
+                displayIndexList: m.displayIndexList
+              },
+              children: v.Children.map(e, (a, d) => {
+                if (a) {
+                  const w = {
+                    index: d,
+                    ...a.props
+                  };
+                  return v.cloneElement(a, w);
+                }
+                return null;
+              }).filter(
+                (a) => X(a, "type.__PQB_GRID_ITEM__")
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+const U = H(ie);
+U.displayName = "Grid";
+const le = {
+  suffix: !1,
+  offset: 0,
+  span: 1
+};
+function ce(r, f) {
+  const { getPrefixCls: n, componentConfig: t, rtl: l } = M(J), s = K(
+    r,
+    le,
+    t == null ? void 0 : t["Grid.GridItem"]
+  ), {
+    children: c,
+    className: o,
+    style: e,
+    offset: i,
+    span: b,
+    __index__: x
+  } = s, G = M(A), { collectItemData: h, removeItemData: P } = M(
+    V
+  ), { colGap: g, cols: C, displayIndexList: I, overflow: D } = G, _ = y(i, 0), u = y(b, 1), S = n("grid-item"), E = I == null ? void 0 : I.includes(x), B = {
+    [`${S}`]: !0,
+    [`${S}-rtl`]: l
+  }, O = L(B, o), m = N(() => re(G.cols, {
+    suffix: !!s.suffix,
+    span: u,
+    offset: _
+  }), [G.cols, s.suffix, u, _]);
+  z(() => (h(x, m), () => {
+    P(x);
+  }), [x, m]);
+  const a = N(() => {
+    const { offset: p, span: $ } = m;
+    return p > 0 ? {
+      marginLeft: `calc((${`(100% - ${g * ($ - 1)}px) / ${$}`} * ${p}) + ${g * p}px)`
+    } : {};
+  }, [m, g]), d = N(() => {
+    const { suffix: p, span: $ } = m;
+    return p ? `${C - $ + 1}` : `span ${$}`;
+  }, [m, C]), w = !E || u === 0 ? { display: "none" } : {}, W = {
+    gridColumn: `${d} / span ${u}`,
+    ...a,
+    ...w
+  };
+  return /* @__PURE__ */ R(
+    "div",
+    {
+      ref: f,
+      className: O,
+      style: {
+        ...W,
+        ...e
+      },
+      children: se(c) ? c({ overflow: D }) : v.Children.map(c, (p) => p && G.collapsed && v.isValidElement(p) && !oe(p.type) ? v.cloneElement(p, {
+        overflow: D,
+        ...p.props
+      }) : p)
+    }
+  );
+}
+const pe = H(ce), k = pe;
+k.displayName = "GridItem";
+k.__PQB_GRID_ITEM__ = !0;
+const j = U;
+j.Col = Y;
+j.Row = Z;
+j.GridItem = k;
 export {
-  m as Col,
-  r as Row,
-  o as default
+  Y as Col,
+  Z as Row,
+  j as default
 };

package/Icon.js

@@ -1,31 +1,56 @@
-import { jsx as e } from "react/jsx-runtime";
-import d from "react";
-/* empty css                 */
-import { ConfigConsumer as p } from "./config-provider/ConfigProvider.js";
-import u from "@unicom-cloud/utils/class-name";
-import C from "./icon/addFromIconFontCn.js";
-const s = d.forwardRef(function(t, N) {
-  return /* @__PURE__ */ e(p, { children: (o) => {
-    const { className: c, spin: m, children: a, type: i, ...l } = t, r = {
+import { jsx as a } from "react/jsx-runtime";
+import i from "react";
+import { C as g } from "./chunk/z7sBNzI4.js";
+import x from "@unicom-cloud/utils/class-name";
+import { isServerRendering as N } from "./utils/dom.js";
+const C = [];
+function y(p = {}) {
+  const { src: r, extraProps: u = {} } = p;
+  if (!N && typeof r == "string" && r.length && C.indexOf(r) === -1) {
+    const e = document.createElement("script");
+    e.setAttribute("src", r), e.setAttribute("data-namespace", r), C.push(r), document.body.appendChild(e);
+  }
+  function f(e, d) {
+    const { type: n, children: t, ...l } = e, o = i.useRef();
+    i.useImperativeHandle(d, () => o.current);
+    let s;
+    return n && (s = /* @__PURE__ */ a("use", { xlinkHref: `#${n}` })), t && (s = t), /* @__PURE__ */ a(
+      m,
+      {
+        type: n,
+        ...l,
+        ...u,
+        ref: (c) => {
+          o.current = c;
+        },
+        children: s
+      }
+    );
+  }
+  return f.displayName = "Iconfont", i.forwardRef(f);
+}
+const m = i.forwardRef(function(r, u) {
+  return /* @__PURE__ */ a(g, { children: (e) => {
+    const { className: d, spin: n, children: t, type: l, ...o } = r, c = {
       ...{
         width: "1em",
         height: "1em",
         fill: "currentColor"
       },
-      ...l
-    }, n = o == null ? void 0 : o.getPrefixCls("icon"), f = u(
-      n,
-      i,
+      ...o
+    }, h = e == null ? void 0 : e.getPrefixCls("icon"), I = x(
+      h,
+      l,
       {
-        [`${n}-loading`]: m
+        [`${h}-loading`]: n
       },
-      c
+      d
     );
-    return r.className = f, /* @__PURE__ */ e("svg", { ...r, children: a });
+    return c.className = I, /* @__PURE__ */ a("svg", { ...c, children: t });
   } });
 });
-s.displayName = "Icon";
-s.addFromIconFontCn = C;
+m.displayName = "Icon";
+m.addFromIconFontCn = y;
 export {
-  s as default
+  m as default
 };

package/IconHover.js

@@ -1,41 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                            */
-import d, { useContext as p, useRef as u, useImperativeHandle as C } from "react";
-import "./config-provider/ConfigProvider.js";
-import x from "@unicom-cloud/utils/class-name";
-import { ConfigContext as N } from "./config-provider/context.js";
-function $(r, n) {
-  const {
-    children: i,
-    className: a,
-    disabled: c,
-    prefix: t,
-    size: e = "default",
-    ...m
-  } = r, { getPrefixCls: f } = p(N), o = f("icon-hover"), s = u();
-  return C(n, () => ({
-    getRootDOMNode: () => s.current
-  })), /* @__PURE__ */ l(
-    "span",
-    {
-      ref: s,
-      className: x(
-        o,
-        {
-          [`${t}-icon-hover`]: t,
-          [`${o}-size-${e}`]: e && e !== "default",
-          [`${o}-disabled`]: c
-        },
-        a
-      ),
-      onClick: r.onClick,
-      ...m,
-      children: i
-    }
-  );
-}
-const D = d.forwardRef($);
+import "react/jsx-runtime";
+import "react";
+import { I as i } from "./chunk/z7sBNzI4.js";
+import "@unicom-cloud/utils/class-name";
 export {
-  D as default
+  i as default
 };

package/Image.js

@@ -1,6 +1,4 @@
-/* empty css                 */
-/* empty css                       */
-import p from "./image/Image.js";
+import { I as a } from "./chunk/DG5zSZDd.js";
 export {
-  p as default
+  a as default
 };

package/Input.js

@@ -1,7 +1,4 @@
-/* empty css                 */
-/* empty css                        */
-/* empty css                       */
-import m from "./input/Input.js";
+import { I as a } from "./chunk/I0bfWb5y.js";
 export {
-  m as default
+  a as default
 };

package/InputNumber.js

@@ -1,215 +1,16 @@
-import { jsx as a, jsxs as X, Fragment as xe } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                        */
-/* empty css                       */
-/* empty css                              */
-import Re from "@unicom-cloud/icons/IconUiDown";
-import $e from "@unicom-cloud/icons/IconUiMinus";
-import he from "@unicom-cloud/icons/IconUiPlus";
-import Ce from "@unicom-cloud/icons/IconUiUp";
-import z from "lodash/isNumber";
-import Ee, { useContext as Se, useState as h, useRef as H, useMemo as k, useImperativeHandle as Ve, useCallback as Ae, useEffect as w } from "react";
-import "./config-provider/ConfigProvider.js";
-import Oe from "./hooks/useMergeProps.js";
-import Pe from "./input/Input.js";
-import Z from "@unicom-cloud/utils/class-name";
-import { ArrowDown as Ue, ArrowUp as De } from "./utils/keyCode.js";
-import Me from "./utils/omit.js";
-import { getDecimal as m } from "./input-number/decimal.js";
-import _e from "./input-number/useSelectionRange.js";
-import { ConfigContext as Te } from "./config-provider/context.js";
-const ze = 200, He = 1e3, ke = {
-  max: 1 / 0,
-  min: -1 / 0,
-  step: 1,
-  mode: "embed",
-  parser: (f) => (f == null ? void 0 : f.replace(/[^\w.-]+/g, "")) || ""
-};
-function we(f, ee) {
-  var W;
-  const {
-    getPrefixCls: te,
-    size: se,
-    componentConfig: C,
-    rtl: re
-  } = Se(Te), i = Oe(
-    f,
-    ke,
-    C == null ? void 0 : C.InputNumber
-  ), {
-    className: ne,
-    style: oe,
-    defaultValue: ie,
-    disabled: E,
-    error: ae,
-    readOnly: d,
-    strictMode: ue,
-    placeholder: le,
-    hideControl: B,
-    suffix: L,
-    prefix: F,
-    icons: n,
-    mode: S,
-    size: ce,
-    step: V,
-    precision: G,
-    min: c,
-    max: N,
-    parser: g,
-    formatter: A,
-    onBlur: O,
-    onFocus: P,
-    onChange: j,
-    onKeyDown: U,
-    ...pe
-  } = i, o = te("input-number"), q = ce || se, y = (() => {
-    if (z(G)) {
-      const e = `${V}`.split(".")[1], t = e && e.length || 0;
-      return Math.max(t, G);
-    }
-    return null;
-  })(), [K, me] = h(() => m(
-    "value" in i ? i.value : "defaultValue" in i ? ie : void 0
-  )), [b, Y] = h(""), [fe, de] = h(!1), [D, M] = h(!1), v = H(null), p = H(null), _ = H(!1), s = k(() => "value" in i ? m(i.value) : K, [i.value, K]), [u, l] = k(() => [m(N), m(c)], [N, c]);
-  Ve(ee, () => p.current, []);
-  const x = (e, t) => {
-    if (me(e), !e.equals(s) && j) {
-      const r = e.toString({
-        safe: !0,
-        precision: y
-      });
-      j(
-        e.isEmpty ? void 0 : ue ? r : e.isNaN ? NaN : Number(r),
-        t
-      );
-    }
-  }, R = () => {
-    v.current && clearTimeout(v.current), v.current = null;
-  }, I = Ae(
-    (e) => {
-      let t = e;
-      return t.less(l) ? t = l : u.less(t) && (t = u), t;
-    },
-    [l, u]
-  );
-  w(() => () => R(), []), w(() => {
-    _.current = !1;
-  }, [i.value]), w(() => {
-    const e = s.less(l) || u.less(s);
-    e && _.current && x(I(s), "outOfRange"), de(e);
-  }, [l, u, s, I]);
-  const T = (e, t, r = !1) => {
-    if (e.persist(), e.preventDefault(), M(!1), E || d)
-      return;
-    const ye = s.isInvalid ? m(c === -1 / 0 || c <= 0 && N >= 0 ? 0 : c) : s.add(t === "plus" ? V : -V);
-    if (x(
-      I(ye),
-      t === "plus" ? "increase" : "decrease"
-    ), p.current && p.current.focus(), r) {
-      const be = v.current === null;
-      v.current = setTimeout(
-        () => e.target.dispatchEvent(e.nativeEvent),
-        be ? He : ze
-      );
-    }
-  }, J = k(() => {
-    let e;
-    return D ? e = g ? `${g(b)}` : b : z(y) ? e = s.toString({ safe: !0, precision: y }) : s.isInvalid ? e = "" : e = s.toString(), A ? A(e, { userTyping: D, input: b }) : e;
-  }, [s, b, D, y, g, A]), ge = _e({
-    inputElement: (W = p.current) == null ? void 0 : W.dom,
-    inputValue: J
-  }), ve = {
-    onChange: (e, t) => {
-      M(!0), e = e.trim().replace(/。/g, ".");
-      const r = g ? g(e) : e;
-      (z(+r) || r === "-" || !r || r === ".") && (Y(e), x(I(m(r)), "manual"), ge(t));
-    },
-    onKeyDown: (e) => {
-      const t = e.key;
-      t === Ue.key ? (e.stopPropagation(), T(e, "minus")) : t === De.key && (e.stopPropagation(), T(e, "plus")), R(), U == null || U(e);
-    },
-    onFocus: (e) => {
-      var t, r;
-      _.current = !0, Y((r = (t = p.current) == null ? void 0 : t.dom) == null ? void 0 : r.value), P == null || P(e);
-    },
-    onBlur: (e) => {
-      x(I(s), "outOfRange"), M(!1), O == null || O(e);
-    }
-  }, Ie = (e) => d ? {} : {
-    onMouseDown: (t) => T(t, e, !0)
-  }, Q = !B && S === "button", Ne = !B && !d && S === "embed", $ = (e, t) => {
-    const r = !E && (s.isInvalid || (e === "plus" ? u.isInvalid || s.less(u) : l.isInvalid || l.less(s)));
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        className: Z(`${o}-step-button`, {
-          [`${o}-step-button-disabled`]: !r
-        }),
-        onMouseLeave: R,
-        onMouseUp: R,
-        ...r ? Ie(e) : {},
-        children: t
-      }
-    );
-  };
-  return /* @__PURE__ */ a(
-    Pe,
-    {
-      _ignorePropsFromGlobal: !0,
-      role: "spinbutton",
-      "aria-valuemax": N,
-      "aria-valuemin": c,
-      "aria-valuenow": s.isEmpty ? void 0 : s.toNumber(),
-      ...Me(pe, ["allowClear"]),
-      ...ve,
-      style: oe,
-      className: Z(
-        o,
-        `${o}-mode-${S}`,
-        `${o}-size-${q}`,
-        {
-          [`${o}-rtl`]: re,
-          [`${o}-readonly`]: d,
-          [`${o}-illegal-value`]: !s.isEmpty && fe
-        },
-        ne
-      ),
-      ref: p,
-      size: q,
-      error: ae,
-      disabled: E,
-      readOnly: d,
-      value: J,
-      placeholder: le,
-      prefix: F && /* @__PURE__ */ a("div", { className: `${o}-prefix`, children: F }),
-      suffix: /* @__PURE__ */ X(xe, { children: [
-        Ne && /* @__PURE__ */ X("div", { className: `${o}-step-layer`, children: [
-          $(
-            "plus",
-            n && n.up ? n.up : /* @__PURE__ */ a(Ce, {})
-          ),
-          $(
-            "minus",
-            n && n.down ? n.down : /* @__PURE__ */ a(Re, {})
-          )
-        ] }),
-        L && /* @__PURE__ */ a("div", { className: `${o}-suffix`, children: L })
-      ] }),
-      addBefore: Q && $(
-        "minus",
-        n && n.minus ? n.minus : /* @__PURE__ */ a($e, {})
-      ),
-      addAfter: Q && $(
-        "plus",
-        n && n.plus ? n.plus : /* @__PURE__ */ a(he, {})
-      )
-    }
-  );
-}
-const Be = Ee.forwardRef(
-  we
-);
-Be.displayName = "InputNumber";
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiDown";
+import "@unicom-cloud/icons/IconUiMinus";
+import "@unicom-cloud/icons/IconUiPlus";
+import "@unicom-cloud/icons/IconUiUp";
+import "lodash/isNumber";
+import "react";
+import "./chunk/z7sBNzI4.js";
+import "./hooks/useMergeProps.js";
+import { a as b } from "./chunk/I0bfWb5y.js";
+import "@unicom-cloud/utils/class-name";
+import "./utils/keyCode.js";
+import "./utils/omit.js";
 export {
-  Be as default
+  b as default
 };

package/InputTag.js

@@ -1,7 +1,4 @@
-/* empty css                 */
-/* empty css                     */
-/* empty css                           */
-import m from "./input-tag/InputTag.js";
+import { I as t } from "./chunk/dhljdm11.js";
 export {
-  m as default
+  t as default
 };