@unicom-cloud/ui 0.8.133 → 0.8.135

package/picker/Input.js

@@ -1,131 +1,136 @@
-/* 2025-12-30 17:27:22 */
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import M from "@unicom-cloud/icons/IconUiClose";
-import { forwardRef as Q, useContext as T, useRef as $, useState as V, useImperativeHandle as X } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import oe from "@unicom-cloud/icons/IconUiClose";
+import { forwardRef as re, useContext as f, useRef as $, useState as te, useImperativeHandle as ne } from "react";
 import "../config-provider/ConfigProvider.js";
-import Y from "../icon-hover/index.js";
-import h from "@unicom-cloud/ui-common/utils/className";
-import { isArray as Z, isFunction as _ } from "@unicom-cloud/ui-common/utils/is";
-import { Enter as P } from "@unicom-cloud/utils/constant/keyboardCode";
-import ee from "@unicom-cloud/ui-common/utils/omit";
-import oe from "../config-provider/context.js";
-function re({
-  style: x,
-  className: C,
-  prefixCls: y,
-  allowClear: N,
-  status: g,
-  error: I,
-  disabled: a,
-  placeholder: k,
-  format: i,
-  size: v,
-  onClear: z,
-  editable: F,
-  value: s,
-  inputValue: u,
-  onPressEnter: w,
-  suffixIcon: E,
-  prefix: l,
-  onChange: j,
-  popupVisible: D,
-  isPlaceholder: R,
-  inputProps: n,
-  ...S
-}, b) {
-  const {
-    getPrefixCls: B,
-    size: H,
-    locale: K,
-    rtl: O
-  } = T(oe), t = $(null), [A, f] = V(!1), L = v || H, m = $(null);
-  function U(o) {
-    n?.onKeyDown?.(o), o.key === P.key && w?.();
-  }
-  function W(o) {
-    n?.onChange?.(o), j?.(o);
-  }
-  let c = "";
-  u !== void 0 ? c = u : s && !Z(s) && (c = _(i) ? i(s) : s.locale(K?.dayjsLocale).format(i));
-  const q = F ? {} : { readOnly: !0 }, e = y || B?.("picker"), d = g || (I ? "error" : void 0), G = A || D, J = h(
+import { FormContext as se, FormItemContext as ie } from "../form/context.js";
+import le from "../icon-hover/index.js";
+import y from "@unicom-cloud/ui-common/utils/className";
+import { isArray as ae, isFunction as ce } from "@unicom-cloud/ui-common/utils/is";
+import { Enter as fe } from "@unicom-cloud/utils/constant/keyboardCode";
+import ue from "@unicom-cloud/ui-common/utils/omit";
+import { HYPHEN as pe } from "@unicom-cloud/utils/constant/string";
+import "@unicom-cloud/ui-common/utils/string";
+import me from "../config-provider/context.js";
+function de(N, I) {
+  const P = f(se), g = f(ie), {
+    style: v,
+    className: E,
+    prefixCls: F,
+    allowClear: b,
+    status: k,
+    error: z,
+    disabled: u,
+    placeholder: w,
+    format: a,
+    size: O,
+    onClear: H,
+    editable: S,
+    value: s,
+    inputValue: p,
+    onPressEnter: j,
+    prefix: D,
+    suffix: R,
+    onChange: V,
+    popupVisible: B,
+    isPlaceholder: K,
+    inputProps: n,
+    readOnly: r = g.readOnly ?? P.readOnly,
+    ...A
+  } = N, {
+    getPrefixCls: L,
+    size: U,
+    locale: W,
+    rtl: Y
+  } = f(me), e = F || L?.("picker"), i = $(null), [q, m] = te(!1), G = O || U, d = $(null), J = r ? pe : w;
+  let l = "";
+  p !== void 0 ? l = p : s && !ae(s) && (l = ce(a) ? a(s) : s.locale(W?.dayjsLocale).format(a));
+  const c = !r && D, M = c && /* @__PURE__ */ t("div", { className: `${e}-prefix`, children: c }), x = !r && R, Q = !r && /* @__PURE__ */ h("div", { className: `${e}-suffix`, children: [
+    b && l && /* @__PURE__ */ t(
+      le,
+      {
+        prefix: e,
+        onClick: H,
+        className: `${e}-clear-icon`,
+        children: /* @__PURE__ */ t(oe, {})
+      }
+    ),
+    x && /* @__PURE__ */ t("span", { className: `${e}-suffix-icon`, children: x })
+  ] }), T = S ? { readOnly: r } : { readOnly: !0 }, C = k || (z ? "error" : void 0), X = !r && (q || B), Z = y(
     e,
-    `${e}-size-${L}`,
+    `${e}-size-${G}`,
     {
-      [`${e}-focused`]: G,
-      [`${e}-disabled`]: a,
-      [`${e}-has-prefix`]: l,
-      [`${e}-${d}`]: d,
-      [`${e}-rtl`]: O
+      [`${e}-focused`]: X,
+      [`${e}-readonly`]: r,
+      [`${e}-disabled`]: u,
+      [`${e}-has-prefix`]: c,
+      [`${e}-${C}`]: C,
+      [`${e}-rtl`]: Y
     },
-    C
+    E
   );
-  return X(b, () => ({
+  function _(o) {
+    n?.onKeyDown?.(o), o.key === fe.key && j?.();
+  }
+  function ee(o) {
+    n?.onChange?.(o), V?.(o);
+  }
+  return ne(I, () => ({
     focus() {
-      t.current?.focus?.();
+      i.current?.focus?.();
     },
     blur() {
-      t.current?.blur?.();
+      i.current?.blur?.();
     },
     getInputElement() {
-      return t.current;
+      return i.current;
     },
     getRootElement() {
-      return m.current;
+      return d.current;
     }
-  })), /* @__PURE__ */ p(
+  })), /* @__PURE__ */ h(
     "div",
     {
-      style: x,
-      className: J,
-      ref: m,
-      ...ee(S, ["onChange", "onPressEnter"]),
+      style: v,
+      className: Z,
+      ref: d,
+      ...ue(A, ["onChange", "onPressEnter"]),
       children: [
-        l && /* @__PURE__ */ r("div", { className: `${e}-prefix`, children: l }),
-        /* @__PURE__ */ r(
+        M,
+        /* @__PURE__ */ t(
           "div",
           {
-            className: h(`${e}-input`, {
-              [`${e}-input-placeholder`]: R
+            className: y(`${e}-input`, {
+              [`${e}-input-placeholder`]: K
             }),
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ t(
               "input",
               {
-                ref: t,
+                ref: i,
                 ...n,
-                disabled: a,
-                placeholder: k,
+                disabled: u,
+                placeholder: J,
                 className: `${e}-start-time`,
-                value: c,
-                onKeyDown: U,
-                onChange: W,
-                ...q,
+                value: l,
+                onKeyDown: _,
+                onChange: ee,
+                ...T,
                 onFocus: (o) => {
-                  f(!0), n?.onFocus?.(o);
+                  m(!0), n?.onFocus?.(o);
                 },
                 onBlur: (o) => {
-                  f(!1), n?.onBlur?.(o);
+                  m(!1), n?.onBlur?.(o);
                 }
               }
             )
           }
         ),
-        /* @__PURE__ */ p("div", { className: `${e}-suffix`, children: [
-          N && c && /* @__PURE__ */ r(
-            Y,
-            {
-              prefix: e,
-              onClick: z,
-              className: `${e}-clear-icon`,
-              children: /* @__PURE__ */ r(M, {})
-            }
-          ),
-          /* @__PURE__ */ r("span", { className: `${e}-suffix-icon`, children: E })
-        ] })
+        Q
       ]
     }
   );
 }
-const pe = Q(re);
+const ze = re(de);
 export {
-  pe as default
+  ze as default
 };

package/picker/InputRange.js

@@ -1,163 +1,168 @@
-/* 2025-12-30 17:27:22 */
-import { jsxs as T, jsx as c } from "react/jsx-runtime";
-import ar from "@unicom-cloud/icons/IconUiClose";
-import { forwardRef as ir, useContext as ur, useRef as h, useState as fr, useImperativeHandle as mr } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import $e from "@unicom-cloud/icons/IconUiClose";
+import { forwardRef as xe, useContext as h, useRef as C, useState as ye, useImperativeHandle as be } from "react";
 import "../config-provider/ConfigProvider.js";
-import pr from "../icon-hover/index.js";
-import H from "@unicom-cloud/ui-common/utils/className";
-import { isArray as C, isFunction as $, isNumber as gr } from "@unicom-cloud/ui-common/utils/is";
-import { Enter as hr, Tab as Cr } from "@unicom-cloud/utils/constant/keyboardCode";
-import $r from "@unicom-cloud/ui-common/utils/omit";
-import Nr from "../config-provider/context.js";
-function yr({
-  allowClear: O,
-  error: A,
-  status: L,
-  style: U,
-  className: W,
-  disabled: l,
-  placeholder: N = [],
-  value: u = [],
-  popupVisible: q,
-  format: f,
-  size: G,
-  onClear: J,
-  editable: M,
-  inputValue: y,
-  onPressEnter: Q,
-  onPressTab: V,
-  onChange: X,
-  separator: Y,
-  suffixIcon: Z,
-  changeFocusedInputIndex: k,
-  focusedInputIndex: t,
-  isPlaceholder: _,
-  prefix: m,
-  inputProps: s = [],
-  onBlur: d,
-  ...P
-}, I) {
+import { FormContext as Ne, FormItemContext as Fe } from "../form/context.js";
+import Pe from "../icon-hover/index.js";
+import T from "@unicom-cloud/ui-common/utils/className";
+import { isArray as g, isFunction as I, isNumber as ve } from "@unicom-cloud/ui-common/utils/is";
+import { Enter as ke, Tab as Ee } from "@unicom-cloud/utils/constant/keyboardCode";
+import we from "@unicom-cloud/ui-common/utils/omit";
+import { HYPHEN as j } from "@unicom-cloud/utils/constant/string";
+import "@unicom-cloud/ui-common/utils/string";
+import ze from "../config-provider/context.js";
+function Re(V, A) {
   const {
-    getPrefixCls: x,
-    size: rr,
-    locale: nr,
-    rtl: or
-  } = ur(Nr), a = h(null), i = h(null), v = h(null), [F, b] = fr([!1, !1]), p = C(l) ? l[0] : l, g = C(l) ? l[1] : l;
-  function R(r, n) {
-    s?.[n]?.onClick?.(r), t !== n && k(n);
+    getPrefixCls: L,
+    size: U,
+    locale: W,
+    rtl: Y
+  } = h(ze), q = h(Ne), G = h(Fe), n = L?.("picker"), {
+    allowClear: J,
+    error: M,
+    status: Q,
+    style: X,
+    className: Z,
+    disabled: l,
+    placeholder: _ = [],
+    value: f = [],
+    popupVisible: ee,
+    format: p,
+    size: oe,
+    onClear: ne,
+    editable: re,
+    inputValue: $,
+    onPressEnter: te,
+    onPressTab: se,
+    onChange: ce,
+    separator: ue,
+    changeFocusedInputIndex: x,
+    focusedInputIndex: t,
+    isPlaceholder: le,
+    prefix: ae,
+    suffix: ie,
+    inputProps: u = [],
+    readOnly: c = G.readOnly ?? q.readOnly,
+    onBlur: fe,
+    ...pe
+  } = V, y = c ? [j, j] : _, b = !c && ae, N = !c && ie, F = !c && b && /* @__PURE__ */ s("div", { className: `${n}-prefix`, children: b }), me = !c && /* @__PURE__ */ S("div", { className: `${n}-suffix`, children: [
+    J && f.length === 2 && /* @__PURE__ */ s(
+      Pe,
+      {
+        prefix: n,
+        onClick: ne,
+        className: `${n}-clear-icon`,
+        children: /* @__PURE__ */ s($e, {})
+      }
+    ),
+    N && /* @__PURE__ */ s("span", { className: `${n}-suffix-icon`, children: N })
+  ] }), a = C(null), i = C(null), P = C(null), [v, k] = ye([!1, !1]), m = g(l) ? l[0] : l, d = g(l) ? l[1] : l;
+  function E(e, o) {
+    u?.[o]?.onClick?.(e), t !== o && x(o);
   }
-  function w(r, n) {
-    const e = r.key;
-    s?.[n]?.onKeyDown?.(r), e === hr.key && Q?.(), e === Cr.key && V?.(r);
+  function w(e, o) {
+    const r = e.key;
+    u?.[o]?.onKeyDown?.(e), r === ke.key && te?.(), r === Ee.key && se?.(e);
   }
-  function z(r, n) {
-    r.stopPropagation(), s?.[n]?.onChange?.(r), X?.(r);
+  function z(e, o) {
+    e.stopPropagation(), u?.[o]?.onChange?.(e), ce?.(e);
   }
-  function D(r, n) {
-    b((e) => (e[n] = !1, [...e])), s?.[n]?.onBlur?.(r), d?.(r);
+  function R(e, o) {
+    k((r) => (r[o] = !1, [...r])), u?.[o]?.onBlur?.(e), fe?.(e);
   }
-  function E(r, n) {
-    (n === 0 || n === 1) && (b((e) => (e[n] = !0, [...e])), t !== n && k(n, !0)), s?.[n]?.onFocus?.(r);
+  function B(e, o) {
+    (o === 0 || o === 1) && (k((r) => (r[o] = !0, [...r])), t !== o && x(o, !0)), u?.[o]?.onFocus?.(e);
   }
-  const o = x?.("picker"), er = G || rr, tr = F[0] || F[1] || !!q, B = L || (A ? "error" : void 0), cr = H(
-    o,
-    `${o}-range`,
-    `${o}-size-${er}`,
+  const de = oe || U, he = !c && (v[0] || v[1] || !!ee), D = Q || (M ? "error" : void 0), Ce = T(
+    n,
+    `${n}-range`,
+    `${n}-size-${de}`,
     {
-      [`${o}-focused`]: tr,
-      [`${o}-disabled`]: p && g,
-      [`${o}-${B}`]: B,
-      [`${o}-rtl`]: or,
-      [`${o}-has-prefix`]: m
+      [`${n}-focused`]: he,
+      [`${n}-disabled`]: m && d,
+      [`${n}-readonly`]: c,
+      [`${n}-${D}`]: D,
+      [`${n}-rtl`]: Y,
+      [`${n}-has-prefix`]: !!F
     },
-    W
-  ), K = (r) => {
-    const n = u[r] ? u[r].locale(nr?.dayjsLocale).format(C(f) ? f[r] : f) : "";
-    return y && r === t ? y : n;
-  }, j = M ? {} : { readOnly: !0 };
-  function S(r) {
-    return H(`${o}-input`, {
-      [`${o}-input-active`]: t === r,
-      [`${o}-input-placeholder`]: _ && t === r
+    Z
+  ), O = (e) => {
+    const o = f[e] ? f[e].locale(W?.dayjsLocale).format(g(p) ? p[e] : p) : "";
+    return $ && e === t ? $ : o;
+  }, H = re ? { readOnly: c } : { readOnly: !0 };
+  function K(e) {
+    return T(`${n}-input`, {
+      [`${n}-input-active`]: t === e,
+      [`${n}-input-placeholder`]: le && t === e
     });
   }
-  function sr(r) {
-    const e = (gr(r) ? r : t) === 0 ? a : i;
-    (t === 0 && !p || t === 1 && !g) && $(e.current?.focus) && e.current.focus();
+  function ge(e) {
+    const r = (ve(e) ? e : t) === 0 ? a : i;
+    (t === 0 && !m || t === 1 && !d) && I(r.current?.focus) && r.current.focus();
   }
-  function lr() {
-    t === 0 && $(a.current?.blur) && a.current.blur(), t === 1 && $(i.current?.blur) && i.current.blur();
+  function Ie() {
+    t === 0 && I(a.current?.blur) && a.current.blur(), t === 1 && I(i.current?.blur) && i.current.blur();
   }
-  return mr(I, () => ({
-    focus: sr,
-    blur: lr,
+  return be(A, () => ({
+    focus: ge,
+    blur: Ie,
     getInputElements() {
       return [a.current, i.current];
     },
     getRootElement() {
-      return v.current;
+      return P.current;
     }
-  })), /* @__PURE__ */ T(
+  })), /* @__PURE__ */ S(
     "div",
     {
-      style: U,
-      ref: v,
-      className: cr,
-      ...$r(P, ["onChange", "onPressEnter"]),
+      style: X,
+      ref: P,
+      className: Ce,
+      ...we(pe, ["onChange", "onPressEnter"]),
       children: [
-        m && /* @__PURE__ */ c("div", { className: `${o}-prefix`, children: m }),
-        /* @__PURE__ */ c("div", { className: S(0), children: /* @__PURE__ */ c(
+        F,
+        /* @__PURE__ */ s("div", { className: K(0), children: /* @__PURE__ */ s(
           "input",
           {
             ref: a,
-            ...s[0],
-            disabled: p,
-            placeholder: N[0],
-            value: K(0),
-            onChange: (r) => z(r, 0),
-            onKeyDown: (r) => w(r, 0),
-            onClick: (r) => R(r, 0),
-            onBlur: (r) => D(r, 0),
-            onFocus: (r) => E(r, 0),
-            ...j
+            ...u[0],
+            disabled: m,
+            placeholder: y[0],
+            value: O(0),
+            onChange: (e) => z(e, 0),
+            onKeyDown: (e) => w(e, 0),
+            onClick: (e) => E(e, 0),
+            onBlur: (e) => R(e, 0),
+            onFocus: (e) => B(e, 0),
+            ...H
           }
         ) }),
-        /* @__PURE__ */ c("span", { className: `${o}-separator`, children: Y || "-" }),
-        /* @__PURE__ */ c("div", { className: S(1), children: /* @__PURE__ */ c(
+        /* @__PURE__ */ s("span", { className: `${n}-separator`, children: ue || "-" }),
+        /* @__PURE__ */ s("div", { className: K(1), children: /* @__PURE__ */ s(
           "input",
           {
             ref: i,
-            ...s[1],
-            disabled: g,
-            placeholder: N[1],
-            value: K(1),
-            onChange: (r) => z(r, 1),
-            onKeyDown: (r) => w(r, 1),
-            onClick: (r) => R(r, 1),
-            onBlur: (r) => D(r, 1),
-            onFocus: (r) => E(r, 1),
-            ...j
+            ...u[1],
+            disabled: d,
+            placeholder: y[1],
+            value: O(1),
+            onChange: (e) => z(e, 1),
+            onKeyDown: (e) => w(e, 1),
+            onClick: (e) => E(e, 1),
+            onBlur: (e) => R(e, 1),
+            onFocus: (e) => B(e, 1),
+            ...H
           }
         ) }),
-        /* @__PURE__ */ T("div", { className: `${o}-suffix`, children: [
-          O && u.length === 2 && /* @__PURE__ */ c(
-            pr,
-            {
-              prefix: o,
-              onClick: J,
-              className: `${o}-clear-icon`,
-              children: /* @__PURE__ */ c(ar, {})
-            }
-          ),
-          /* @__PURE__ */ c("span", { className: `${o}-suffix-icon`, children: Z })
-        ] })
+        me
       ]
     }
   );
 }
-const Kr = ir(
-  yr
+const Ye = xe(
+  Re
 );
 export {
-  Kr as default
+  Ye as default
 };

package/picker/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { default as e } from "./Input.js";
 import { default as o } from "./InputRange.js";
 export {

package/popconfirm/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-30 17:27:22 */
+/* 2026-01-08 16:35:57 */
 import { jsx as n, jsxs as u, Fragment as G } from "react/jsx-runtime";
 import J from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import { forwardRef as K, useContext as Q, useState as X, useRef as Y, useImperativeHandle as Z, useEffect as _ } from "react";
@@ -6,7 +6,7 @@ import N from "../button/Button.js";
 import "../config-provider/ConfigProvider.js";
 import ee from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import oe from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import ne from "../tooltip/index.js";
+import ne from "../tooltip/Tooltip.js";
 import te from "@unicom-cloud/ui-common/utils/className";
 import { isNil as ie, isString as re, isFunction as V, isPromise as se } from "@unicom-cloud/ui-common/utils/is";
 import le from "../config-provider/context.js";

package/popover/Popover.js

@@ -0,0 +1,75 @@
+/* 2026-01-08 16:35:57 */
+import { jsxs as j, jsx as e } from "react/jsx-runtime";
+import { forwardRef as O, useContext as R } from "react";
+import "../config-provider/ConfigProvider.js";
+import S from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import T from "../tooltip/Tooltip.js";
+import w from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as m, isEmptyReactNode as a, isString as F } from "@unicom-cloud/ui-common/utils/is";
+import H from "../config-provider/context.js";
+const M = {
+  position: "top",
+  trigger: "hover",
+  unmountOnExit: !0
+};
+function W(c, u) {
+  const { getPrefixCls: d, componentConfig: f, rtl: g } = R(H), p = S(c, M, f?.Popover), {
+    style: C,
+    className: h,
+    children: t,
+    position: v,
+    getPopupContainer: x,
+    trigger: P,
+    defaultPopupVisible: N,
+    popupVisible: b,
+    triggerProps: n,
+    unmountOnExit: V,
+    onVisibleChange: y,
+    content: i,
+    title: r,
+    ...$
+  } = p, o = d?.("popover"), s = m(r) ? r() : r, l = m(i) ? i() : i, E = a(s, !0) && a(l, !0) ? null : /* @__PURE__ */ j(
+    "div",
+    {
+      className: w(`${o}-inner`, {
+        [`${o}-inner-rtl`]: g
+      }),
+      children: [
+        s ? /* @__PURE__ */ e("div", { className: `${o}-title`, children: s }) : null,
+        /* @__PURE__ */ e("div", { className: `${o}-inner-content`, children: l })
+      ]
+    }
+  );
+  return /* @__PURE__ */ e(
+    T,
+    {
+      ...$,
+      ref: u,
+      style: {
+        maxWidth: 350,
+        ...C
+      },
+      className: h,
+      prefixCls: o,
+      getPopupContainer: x,
+      position: v,
+      trigger: P,
+      content: E,
+      popupHoverStay: !0,
+      unmountOnExit: V,
+      triggerProps: n,
+      defaultPopupVisible: N,
+      onVisibleChange: y || (n ? n.onVisibleChange : void 0),
+      childrenPrefix: o,
+      ..."popupVisible" in p ? { popupVisible: b } : {},
+      children: F(t) ? /* @__PURE__ */ e("span", { children: t }) : t
+    }
+  );
+}
+const k = O(
+  W
+);
+k.displayName = "Popover";
+export {
+  k as default
+};