@unicom-cloud/ui 0.8.106 → 0.8.107

package/input/Button.js

@@ -1,15 +1,15 @@
 import { jsx as u } from "react/jsx-runtime";
 import m from "lodash/isPlainObject";
 import A, { useContext as B } from "react";
-import P from "../button/index.js";
+import I from "../button/index.js";
 import "../config-provider/ConfigProvider.js";
-import $ from "../components/common/hooks/useMergeValue.js";
+import P from "../components/common/hooks/useMergeValue.js";
 import c from "@unicom-cloud/utils/class-name";
-import j, { formatValue as d } from "./Input.js";
-import z from "../config-provider/context.js";
-const I = A.forwardRef(
+import $, { formatValue as d } from "./Input.js";
+import j from "../config-provider/context.js";
+const z = A.forwardRef(
   (t, f) => {
-    const { getPrefixCls: g } = B(z), {
+    const { getPrefixCls: g } = B(j), {
       className: h,
       style: x,
       placeholder: C,
@@ -26,7 +26,7 @@ const I = A.forwardRef(
       warning: "warning",
       success: "success"
     }, V = t.status ? N[t.status] : void 0, i = l === void 0 ? /* @__PURE__ */ u(
-      P,
+      I,
       {
         type: "primary",
         disabled: o,
@@ -38,14 +38,14 @@ const I = A.forwardRef(
         onClick: (e) => {
           L?.(k), t.onClick?.(e), a?.onClick?.(e);
         },
-        children: b ?? "确定"
+        children: a?.children ?? b ?? "确定"
       }
-    ) : l, y = m(t.maxLength) ? t.maxLength.length : t.maxLength, r = m(t.maxLength) && t.maxLength.errorOnly ? void 0 : y, [k, M] = $("", {
+    ) : l, y = m(t.maxLength) ? t.maxLength.length : t.maxLength, r = m(t.maxLength) && t.maxLength.errorOnly ? void 0 : y, [k, M] = P("", {
       defaultValue: "defaultValue" in t ? d(t.defaultValue, r) : void 0,
       value: "value" in t ? d(t.value, r) : void 0
     });
     return /* @__PURE__ */ u(
-      j,
+      $,
       {
         ...s,
         className: c(
@@ -66,7 +66,7 @@ const I = A.forwardRef(
     );
   }
 );
-I.displayName = "Input.Button";
+z.displayName = "Input.Button";
 export {
-  I as default
+  z as default
 };

package/input/Group.js

@@ -1,19 +1,18 @@
 import { jsx as n } from "react/jsx-runtime";
-import l, { useContext as f } from "react";
+import f, { useContext as u } from "react";
 import "../config-provider/ConfigProvider.js";
-import u from "@unicom-cloud/utils/class-name";
-import x from "../config-provider/context.js";
-const N = l.forwardRef((o, s) => {
-  const { getPrefixCls: r } = f(x), { className: e, style: a, children: m, compact: c, ...p } = o, t = r?.("input-group"), i = u(
+import x from "@unicom-cloud/utils/class-name";
+import N from "../config-provider/context.js";
+const d = f.forwardRef((o, s) => {
+  const { getPrefixCls: r, rtl: e } = u(N), { className: a, style: m, children: c, compact: p, ...l } = o, t = r?.("input-group"), i = x(
     t,
-    {
-      [`${t}-compact`]: c
-    },
-    e
+    p && [`${t}-compact`],
+    e && `${t}-rtl`,
+    a
   );
-  return /* @__PURE__ */ n("div", { ref: s, className: i, style: a, ...p, children: m });
+  return /* @__PURE__ */ n("div", { ref: s, className: i, style: m, ...l, children: c });
 });
-N.displayName = "InputGroup";
+d.displayName = "InputGroup";
 export {
-  N as default
+  d as default
 };

package/input/Input.js

@@ -1,90 +1,90 @@
 import { jsxs as R, jsx as $ } from "react/jsx-runtime";
-import nr from "lodash/isNil";
+import sr from "lodash/isNil";
 import B from "lodash/isPlainObject";
-import sr from "lodash/isString";
-import { forwardRef as ar, useContext as ir, useState as ur, useRef as A, useImperativeHandle as pr, useMemo as lr } from "react";
+import ar from "lodash/isString";
+import { forwardRef as ir, useContext as ur, useState as pr, useRef as A, useImperativeHandle as fr, useMemo as lr } from "react";
 import "../config-provider/ConfigProvider.js";
 import cr from "../components/common/hooks/useMergeProps.js";
-import fr from "../components/common/hooks/useMergeValue.js";
+import mr from "../components/common/hooks/useMergeValue.js";
 import h from "@unicom-cloud/utils/class-name";
-import { contains as O } from "../components/common/utils/dom.js";
-import U from "./Button.js";
-import mr from "./Group.js";
+import { contains as H } from "../components/common/utils/dom.js";
+import q from "./Button.js";
+import J from "./Group.js";
 import dr from "./InputElement.js";
-import q from "../input-number/index.js";
+import K from "../input-number/index.js";
 import gr from "./Password.js";
 import hr from "./Search.js";
-import J from "../input-tag/InputTag.js";
+import Q from "../input-tag/InputTag.js";
 import wr from "./Textarea.js";
 import $r from "../config-provider/context.js";
 const xr = (o) => {
   o.target.tagName === "INPUT" || o.preventDefault();
-}, w = (o, i, a = {}, x) => i ? /* @__PURE__ */ $("span", { style: a, className: o, onClick: x, children: i }) : null;
-function H(o, i) {
-  let a = o || "";
-  return sr(o) || nr(o) || (a = String(o)), i && (a = a.slice(0, i)), a;
+}, w = (o, a, s = {}, x) => a ? /* @__PURE__ */ $("span", { style: s, className: o, onClick: x, children: a }) : null;
+function U(o, a) {
+  let s = o || "";
+  return ar(o) || sr(o) || (s = String(o)), a && (s = s.slice(0, a)), s;
 }
-function Ir(o, i) {
+function Ir(o, a) {
   const {
-    getPrefixCls: a,
+    getPrefixCls: s,
     size: x,
-    componentConfig: K,
+    componentConfig: X,
     rtl: I
-  } = ir($r), e = cr(
+  } = ur($r), e = cr(
     o,
     {},
-    K?.Input
+    X?.Input
   ), {
     className: F,
-    style: Q,
+    style: Y,
     addBefore: V,
     addAfter: D,
-    suffix: X,
+    suffix: Z,
     prefix: N,
-    beforeStyle: Y,
-    afterStyle: Z,
+    beforeStyle: _,
+    afterStyle: rr,
     height: z,
     disabled: L,
     maxLength: p,
-    showWordLimit: _,
+    showWordLimit: er,
     allowClear: C,
     autoWidth: W
-  } = e, l = W ? {
+  } = e, f = W ? {
     minWidth: 0,
     maxWidth: "100%",
     ...B(W) ? W : {}
   } : null, b = {
-    minWidth: l?.minWidth,
-    maxWidth: l?.maxWidth,
-    width: l && "auto",
-    ...Q
-  }, u = B(p) ? p.length : p, f = B(p) && p.errorOnly ? void 0 : u, [rr, j] = ur(!1), s = A(), v = A(), c = A(), [S, er] = fr("", {
-    defaultValue: "defaultValue" in e ? H(e.defaultValue, f) : void 0,
-    value: "value" in e ? H(e.value, f) : void 0
+    minWidth: f?.minWidth,
+    maxWidth: f?.maxWidth,
+    width: f && "auto",
+    ...Y
+  }, i = B(p) ? p.length : p, c = B(p) && p.errorOnly ? void 0 : i, [j, k] = pr(!1), u = A(), v = A(), l = A(), [S, tr] = mr("", {
+    defaultValue: "defaultValue" in e ? U(e.defaultValue, c) : void 0,
+    value: "value" in e ? U(e.value, c) : void 0
   });
-  pr(
-    i,
+  fr(
+    a,
     () => ({
-      focus: s.current?.focus,
-      blur: s.current?.blur,
-      dom: s.current?.dom,
+      focus: u.current?.focus,
+      blur: u.current?.blur,
+      dom: u.current?.dom,
       // 保持之前逻辑
-      getRootDOMNode: () => v.current || s.current?.dom
+      getRootDOMNode: () => v.current || u.current?.dom
     }),
     []
   );
-  const tr = (t, M) => {
-    "value" in e || er(t), e.onChange?.(t, M);
-  }, r = a?.("input"), m = e.size || x, y = "height" in e;
-  let d = X;
-  const g = S ? S.length : 0, k = lr(() => !f && u ? g > u : !1, [g, u, f]);
-  if (u && _) {
-    const [t, M] = I ? [u, g] : [g, u];
+  const or = (t, M) => {
+    "value" in e || tr(t), e.onChange?.(t, M);
+  }, r = s?.("input"), m = e.size || x, y = "height" in e;
+  let d = Z;
+  const g = S ? S.length : 0, E = lr(() => !c && i ? g > i : !1, [g, i, c]);
+  if (i && er) {
+    const [t, M] = I ? [i, g] : [g, i];
     d = /* @__PURE__ */ R(
       "span",
       {
         className: h(`${r}-word-limit`, {
-          [`${r}-word-limit-error`]: k
+          [`${r}-word-limit-error`]: E
         }),
         children: [
           t,
@@ -94,110 +94,120 @@ function Ir(o, i) {
       }
     );
   }
-  const or = h(
+  const nr = h(
     `${r}-group-wrapper`,
     `${r}-group-wrapper-${m}`,
+    !!j && `${r}-group-wrapper-focus`,
+    // 潘启宝添加
     {
       [`${r}-custom-height`]: y,
       [`${r}-has-suffix`]: d,
       [`${r}-group-wrapper-disabled`]: L,
       [`${r}-group-wrapper-rtl`]: I,
-      [`${r}-group-wrapper-autowidth`]: l
+      [`${r}-group-wrapper-autowidth`]: f
     },
     F
-  ), P = e.status || (e.error || k ? "error" : void 0), E = V || D || d || N, T = /* @__PURE__ */ $(
+  ), P = e.status || (e.error || E ? "error" : void 0), G = V || D || d || N, T = /* @__PURE__ */ $(
     dr,
     {
-      ref: s,
+      ref: u,
       ...e,
-      autoFitWidth: !!l,
+      autoFitWidth: !!f,
       style: b,
       status: P,
       onFocus: (t) => {
-        j(!0), e.onFocus?.(t);
+        k(!0), e.onFocus?.(t);
       },
       onBlur: (t) => {
-        j(!1), e.onBlur?.(t);
+        k(!1), e.onBlur?.(t);
       },
-      onChange: tr,
+      onChange: or,
       prefixCls: r,
       value: S,
-      hasParent: !!E || C,
+      hasParent: !!G || C,
       size: m
     }
-  ), G = h(`${r}-inner-wrapper`, {
-    [`${r}-inner-wrapper-${P}`]: P,
-    [`${r}-inner-wrapper-disabled`]: L,
-    [`${r}-inner-wrapper-focus`]: rr,
-    [`${r}-inner-wrapper-has-prefix`]: N,
-    [`${r}-inner-wrapper-${m}`]: m,
-    [`${r}-clear-wrapper`]: C,
-    [`${r}-inner-wrapper-rtl`]: I
-  });
-  return E ? /* @__PURE__ */ $(
+  ), O = h(
+    `${r}-inner-wrapper`,
+    {
+      [`${r}-inner-wrapper-${P}`]: P,
+      [`${r}-inner-wrapper-disabled`]: L,
+      [`${r}-inner-wrapper-focus`]: j,
+      [`${r}-inner-wrapper-has-prefix`]: N,
+      [`${r}-inner-wrapper-${m}`]: m,
+      [`${r}-clear-wrapper`]: C
+    },
+    I ? `${r}-inner-wrapper-rtl` : `${r}-inner-wrapper-ltr`
+  );
+  return G ? /* @__PURE__ */ $(
     "div",
     {
       ref: v,
-      className: or,
+      className: nr,
       style: { ...b, ...y ? { height: z } : {} },
-      children: /* @__PURE__ */ R("span", { className: `${r}-group`, children: [
-        w(`${r}-group-addbefore`, V, Y),
-        /* @__PURE__ */ R(
-          "span",
-          {
-            className: G,
-            ref: c,
-            onMouseDown: (t) => {
-              t.target.tagName !== "INPUT" && c.current && O(c.current, t.target) && t.preventDefault();
-            },
-            onClick: (t) => {
-              c.current && O(c.current, t.target) && s.current && s.current.focus();
-            },
-            children: [
-              w(`${r}-group-prefix`, N),
-              T,
-              w(`${r}-group-suffix`, d)
-            ]
-          }
-        ),
-        w(`${r}-group-addafter`, D, Z)
-      ] })
+      children: /* @__PURE__ */ R(
+        J,
+        {
+          children: [
+            w(`${r}-group-addbefore`, V, _),
+            /* @__PURE__ */ R(
+              "span",
+              {
+                className: O,
+                ref: l,
+                onMouseDown: (t) => {
+                  t.target.tagName !== "INPUT" && l.current && H(l.current, t.target) && t.preventDefault();
+                },
+                onClick: (t) => {
+                  l.current && H(l.current, t.target) && u.current?.focus?.();
+                },
+                children: [
+                  w(`${r}-group-prefix`, N),
+                  T,
+                  w(`${r}-group-suffix`, d)
+                ]
+              }
+            ),
+            w(`${r}-group-addafter`, D, rr)
+          ]
+        }
+      )
     }
   ) : C ? /* @__PURE__ */ $(
     "span",
     {
       ref: v,
-      className: h(F, G),
+      className: h(F, O),
       style: { ...b, ...y ? { height: z } : {} },
       onMouseDown: xr,
       onClick: () => {
-        s.current && s.current.focus();
+        u.current?.focus?.();
       },
       children: T
     }
   ) : T;
 }
-const Nr = ar(Ir), n = Nr;
+const Nr = ir(Ir), n = Nr;
 n.displayName = "Input";
 n.Search = hr;
-n.Button = U;
-n.InputButton = U;
+n.Button = q;
+n.InputButton = q;
 n.TextArea = wr;
 n.Password = gr;
-n.Number = q;
-n.InputNumber = q;
-n.Tag = J;
-n.InputTag = J;
-n.Group = mr;
+n.Number = K;
+n.InputNumber = K;
+n.Tag = Q;
+n.InputTag = Q;
+n.Group = J;
 export {
-  U as InputButton,
-  mr as InputGroup,
-  q as InputNumber,
+  q as InputButton,
+  J as InputGroup,
+  K as InputNumber,
   gr as InputPassword,
   hr as InputSearch,
-  J as InputTag,
+  Q as InputTag,
   wr as InputTextArea,
   wr as TextArea,
   n as default,
-  H as formatValue
+  U as formatValue
 };

package/input/Search.js

@@ -1,38 +1,38 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import S from "@unicom-cloud/icons/IconUiLoading";
 import f from "@unicom-cloud/icons/IconUiSearch";
 import s from "lodash/isPlainObject";
 import V, { useContext as k } from "react";
 import "../config-provider/ConfigProvider.js";
-import M from "../components/common/hooks/useMergeValue.js";
-import $ from "@unicom-cloud/utils/class-name";
-import { omit as j } from "../components/common/utils/omit.js";
-import y from "./Button.js";
+import I from "../components/common/hooks/useMergeValue.js";
+import M from "@unicom-cloud/utils/class-name";
+import { omit as $ } from "../components/common/utils/omit.js";
+import j from "./Button.js";
 import { formatValue as d } from "./Input.js";
-import A from "../config-provider/context.js";
-const B = V.forwardRef(
+import y from "../config-provider/context.js";
+const A = V.forwardRef(
   (e, h) => {
-    const { getPrefixCls: g } = k(A), {
+    const { getPrefixCls: g } = k(y), {
       className: x,
       disabled: m,
       searchButton: t,
-      loading: n,
+      loading: o,
       addAfter: C,
       suffix: l,
-      buttonProps: c,
+      buttonProps: u,
       ...L
-    } = e, r = g?.("input-search"), b = s(e.maxLength) ? e.maxLength.length : e.maxLength, u = s(e.maxLength) && e.maxLength.errorOnly ? void 0 : b, [v, N] = M("", {
-      defaultValue: "defaultValue" in e ? d(e.defaultValue, u) : void 0,
-      value: "value" in e ? d(e.value, u) : void 0
+    } = e, r = g?.("input-search"), b = s(e.maxLength) ? e.maxLength.length : e.maxLength, c = s(e.maxLength) && e.maxLength.errorOnly ? void 0 : b, [v, N] = I("", {
+      defaultValue: "defaultValue" in e ? d(e.defaultValue, c) : void 0,
+      value: "value" in e ? d(e.value, c) : void 0
     }), i = () => {
       m || e.onSearch?.(v);
     };
-    return /* @__PURE__ */ o(
-      y,
+    return /* @__PURE__ */ n(
+      j,
       {
-        ...j(L, ["onSearch"]),
+        ...$(L, ["onSearch"]),
         disabled: m,
-        className: $(
+        className: M(
           r,
           t && `${r}-button`,
           x
@@ -40,14 +40,14 @@ const B = V.forwardRef(
         ref: h,
         label: t !== !0 && t,
         addAfter: t ? C : null,
-        suffix: l === void 0 ? t ? null : n ? /* @__PURE__ */ o(S, {}) : /* @__PURE__ */ o(f, { onClick: i }) : l,
+        suffix: l === void 0 ? t ? null : o ? /* @__PURE__ */ n(S, {}) : /* @__PURE__ */ n(f, { onClick: i }) : l,
         buttonProps: {
           className: `${r}-btn`,
-          loading: n,
-          icon: t === !0 && !n && /* @__PURE__ */ o(f, {}),
-          ...c,
+          loading: o,
+          icon: t === !0 && !o && /* @__PURE__ */ n(f, {}),
+          ...u,
           onClick(a) {
-            i(), c?.onClick?.(a);
+            i(), u?.onClick?.(a);
           }
         },
         onChange: (a, P) => {
@@ -60,7 +60,7 @@ const B = V.forwardRef(
     );
   }
 );
-B.displayName = "Search";
+A.displayName = "Search";
 export {
-  B as default
+  A as default
 };

package/modal/Confirm.js

@@ -1,5 +1,5 @@
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import P from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import { jsx as r, jsxs as P } from "react/jsx-runtime";
+import x from "@unicom-cloud/icons/IconUiCheckCircleFill";
 import y from "@unicom-cloud/icons/IconUiCloseCircleFill";
 import u from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import F from "@unicom-cloud/icons/IconUiInfoCircleFill";
@@ -8,42 +8,42 @@ import M from "../config-provider/ConfigProvider.js";
 import N from "./Modal.js";
 import { destroyList as f, getConfigProviderProps as O, getModalConfig as U } from "./config.js";
 function w(e) {
-  const { prefixCls: r, simple: i } = U();
-  return /* @__PURE__ */ n(N, { prefixCls: r, simple: i, ...e, children: e.content });
+  const { simple: n } = U();
+  return /* @__PURE__ */ r(N, { simple: n, ...e, children: e.content });
 }
 const p = (e) => {
-  let r = e.icon;
-  if (!r) {
-    if (r !== null) {
-      if (r = /* @__PURE__ */ n(u, {}), e.isNotice)
+  let n = e.icon;
+  if (!n) {
+    if (n !== null) {
+      if (n = /* @__PURE__ */ r(u, {}), e.isNotice)
         switch (e.noticeType) {
           case "info":
-            r = /* @__PURE__ */ n(F, {});
+            n = /* @__PURE__ */ r(F, {});
             break;
           case "success":
-            r = /* @__PURE__ */ n(P, {});
+            n = /* @__PURE__ */ r(x, {});
             break;
           case "warning":
-            r = /* @__PURE__ */ n(u, {});
+            n = /* @__PURE__ */ r(u, {});
             break;
           case "error":
-            r = /* @__PURE__ */ n(y, {});
+            n = /* @__PURE__ */ r(y, {});
             break;
         }
     }
   }
-  return e.noticeType === "show" && (r = e.icon), e.isNotice && (e.hideCancel = !0), e.title = r === null && e.title === null ? null : /* @__PURE__ */ x("span", { children: [
-    r,
+  return e.noticeType === "show" && (n = e.icon), e.isNotice && (e.hideCancel = !0), e.title = n === null && e.title === null ? null : /* @__PURE__ */ P("span", { children: [
+    n,
     e.title
   ] }), e;
 };
-function D(e, r) {
+function D(e, n) {
   let i;
   const l = document.createElement("div");
   l.className = "pqb-modal-root", document.body.appendChild(l);
   const C = O();
   function h(t) {
-    const c = /* @__PURE__ */ n(M, { ...C, childrenName: "ModalConfirm", children: /* @__PURE__ */ n(
+    const c = /* @__PURE__ */ r(M, { ...C, childrenName: "ModalConfirm", children: /* @__PURE__ */ r(
       w,
       {
         getPopupContainer: () => l,
@@ -53,7 +53,7 @@ function D(e, r) {
     ) });
     i ||= I(l), i.render(c);
   }
-  const s = r || h;
+  const s = n || h;
   let o = {
     ...e,
     visible: !1