@unicom-cloud/ui 0.8.98 → 0.8.100

package/tag/index.js

@@ -1,7 +1,7 @@
-import { jsx as r, jsxs as y, Fragment as B } from "react/jsx-runtime";
-import D from "@unicom-cloud/icons/IconUiClose";
-import G from "@unicom-cloud/icons/IconUiLoading";
-import C from "lodash/isPlainObject";
+import { jsx as r, jsxs as y, Fragment as q } from "react/jsx-runtime";
+import B from "@unicom-cloud/icons/IconUiClose";
+import D from "@unicom-cloud/icons/IconUiLoading";
+import g from "lodash/isPlainObject";
 import { forwardRef as J, useContext as Q, useState as b } from "react";
 import "../config-provider/ConfigProvider.js";
 import W from "../components/common/hooks/useKeyboardEvent.js";
@@ -27,89 +27,89 @@ const ce = [
 ], se = {
   size: "default"
 };
-function re(P, I) {
-  const { getPrefixCls: O, componentConfig: E, rtl: T } = Q(ne), _ = W(), n = X(
-    P,
+function re(O, P) {
+  const { getPrefixCls: I, componentConfig: T, rtl: _ } = Q(ne), E = W(), n = X(
+    O,
     se,
-    E?.Tag
+    T?.Tag
   ), {
-    className: j,
-    style: z,
+    className: L,
+    style: S,
     children: k,
     color: s,
     closable: c,
     checkable: t,
-    defaultChecked: H,
+    defaultChecked: j,
     size: u,
-    onClose: L,
-    onCheck: S,
+    onClose: z,
+    onCheck: H,
     icon: $,
     closeIcon: l,
-    bordered: w,
-    __closeIconProps: K,
-    ...R
-  } = n, e = O?.("tag"), [U, v] = b(
+    bordered: R,
+    __closeIconProps: w,
+    ...K
+  } = n, e = I?.("tag"), [U, v] = b(
     "visible" in n ? n.visible : !0
-  ), [V, F] = b(
-    "checked" in n ? n.checked : H
-  ), [a, m] = b(), x = "checked" in n ? n.checked : V, M = "visible" in n ? n.visible : U;
+  ), [V, A] = b(
+    "checked" in n ? n.checked : j
+  ), [a, m] = b(), x = "checked" in n ? n.checked : V, F = "visible" in n ? n.visible : U;
   function d(o) {
-    const g = L?.(o);
-    g && g.then ? (m(!0), g.then(() => {
+    const C = z?.(o);
+    C && C.then ? (m(!0), C.then(() => {
       m(!1), v(!1);
     }).catch(() => {
       m(!1);
     })) : v(!1);
   }
-  function q() {
+  function G() {
     const o = !x;
-    "checked" in n || F(o), S?.(o);
+    "checked" in n || A(o), H?.(o);
   }
-  const i = s && ce.indexOf(s) !== -1 ? s : "", p = t ? x : !0, A = ee(
+  const i = s && ce.indexOf(s) !== -1 ? s : "", p = t ? x : !0, M = ee(
     e,
     {
       [`${e}-loading`]: a,
-      [`${e}-hide`]: !M,
+      [`${e}-hide`]: !F,
       [`${e}-${i}`]: i,
       [`${e}-checkable`]: t,
       [`${e}-checked`]: p,
       [`${e}-size-${u}`]: u,
-      [`${e}-bordered`]: w,
+      [`${e}-bordered`]: R,
       [`${e}-custom-color`]: p && s && !i,
-      [`${e}-rtl`]: T
+      [`${e}-rtl`]: _
     },
-    j
+    L
   ), f = {
-    ...z
+    ...S
   };
   s && !i && p && (f.backgroundColor ||= s, f.borderColor ||= s);
-  const N = oe(R, ["visible"]);
-  t && (N.onClick = q);
+  const N = oe(K, ["visible"]);
+  t && (N.onClick = G);
   let h = /* @__PURE__ */ r(
     Y,
     {
       prefix: e,
       className: `${e}-close-btn`,
       onClick: (o) => {
-        C(c?.popconfirm) || d(o);
+        g(c?.popconfirm) || d(o);
       },
       role: "button",
       tabIndex: 0,
-      ..._({
+      ...E({
         onPressEnter(o) {
-          C(c?.popconfirm) || d(o);
+          g(c?.popconfirm) || d(o);
         }
       }),
       "aria-label": "Close",
-      ...K,
-      children: l !== void 0 ? l : /* @__PURE__ */ r(D, {})
+      ...w,
+      children: l !== void 0 ? l : /* @__PURE__ */ r(B, {})
     }
   );
-  return C(c?.popconfirm) && (h = /* @__PURE__ */ r(
+  return g(c?.popconfirm) && (h = /* @__PURE__ */ r(
     Z,
     {
       ...c?.popconfirm,
-      title: c?.popconfirm?.title || /* @__PURE__ */ y(B, { children: [
+      title: c?.popconfirm?.title || /* @__PURE__ */ y(q, { children: [
         "确定要关闭 ",
         k
       ] }),
@@ -121,15 +121,16 @@ function re(P, I) {
       },
       children: h
     }
-  )), /* @__PURE__ */ y("div", { ref: I, style: f, className: A, ...N, children: [
+  )), /* @__PURE__ */ y("div", { ref: P, style: f, className: M, ...N, children: [
     $ && /* @__PURE__ */ r("span", { className: `${e}-icon`, children: $ }),
     /* @__PURE__ */ r("span", { className: `${e}-content`, children: k }),
     !!c && !a && l !== null && h,
-    a && /* @__PURE__ */ r("span", { className: `${e}-loading-icon`, children: /* @__PURE__ */ r(G, {}) })
+    a && /* @__PURE__ */ r("span", { className: `${e}-loading-icon`, children: /* @__PURE__ */ r(D, {}) })
   ] });
 }
 const ie = J(re);
 ie.displayName = "Tag";
 export {
+  ce as TAG_COLORS,
   ie as default
 };

package/tooltip/index.js

@@ -1,69 +1,71 @@
 import { jsx as p } from "react/jsx-runtime";
 import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as L } from "../dist/tinycolor/src/index.js";
-import F from "lodash/isFunction";
-import { forwardRef as I, useContext as S, useRef as j, useImperativeHandle as z, useMemo as B } from "react";
+import { TinyColor as F } from "../dist/tinycolor/src/index.js";
+import I from "lodash/isFunction";
+import { forwardRef as S, useContext as j, useRef as z, useImperativeHandle as B, useMemo as W } from "react";
 import "../config-provider/ConfigProvider.js";
-import W from "../components/common/hooks/useMergeProps.js";
-import q, { EventsByTriggerNeed as G } from "../trigger/index.js";
-import f from "@unicom-cloud/utils/class-name";
-import { isEmptyReactNode as J } from "../components/common/utils/is.js";
-import { pickDataAttributes as K, pick as Q } from "../components/common/utils/pick.js";
-import U from "../config-provider/context.js";
-const X = {
+import q from "../components/common/hooks/useMergeProps.js";
+import G, { EventsByTriggerNeed as J } from "../trigger/index.js";
+import g from "@unicom-cloud/utils/class-name";
+import { isEmptyReactNode as K } from "../components/common/utils/is.js";
+import { pickDataAttributes as Q, pick as U } from "../components/common/utils/pick.js";
+import X from "../config-provider/context.js";
+const Y = {
   position: "top",
   trigger: "hover",
   escToClose: !1,
   unmountOnExit: !0,
   blurToHide: !0,
   popupHoverStay: !0
-}, Y = {
+}, Z = {
   enter: 300,
   exit: 100
-}, Z = {
+}, _ = {
   left: 12,
   right: 12,
   top: 12,
   bottom: 12
 };
-function _(g, d) {
-  const { getPrefixCls: P, componentConfig: C } = S(U), n = W(
-    g,
-    X,
-    C?.Tooltip
+function oo(d, P) {
+  const { getPrefixCls: C, componentConfig: b } = j(X), n = q(
+    d,
+    Y,
+    b?.Tooltip
   ), {
-    style: b,
+    style: h,
     className: l,
-    children: h,
-    trigger: x,
-    escToClose: N,
-    defaultPopupVisible: y,
+    children: x,
+    trigger: N,
+    escToClose: y,
+    defaultPopupVisible: T,
     position: a,
-    unmountOnExit: T,
-    popupVisible: w,
-    prefixCls: V,
-    blurToHide: v,
-    popupHoverStay: $,
-    disabled: D,
+    unmountOnExit: w,
+    popupVisible: V,
+    prefixCls: v,
+    blurToHide: $,
+    popupHoverStay: D,
+    disabled: E,
     onVisibleChange: A,
     triggerProps: u,
-    childrenPrefix: E,
-    getPopupContainer: H,
-    content: i,
-    mini: O,
-    color: e,
-    ...c
-  } = n, t = j(), R = (s = 0, M) => {
-    t.current?.updatePopupPosition?.(s, M);
+    childrenPrefix: H,
+    getPopupContainer: O,
+    content: s,
+    mini: R,
+    color: r,
+    pre: c,
+    // 潘启宝添加
+    ...m
+  } = n, t = z(), k = (i = 0, L) => {
+    t.current?.updatePopupPosition?.(i, L);
   };
-  z(
-    d,
+  B(
+    P,
     () => ({
       // ...refTrigger.current,
-      updatePopupPosition: R,
+      updatePopupPosition: k,
       getRootDOMNode: () => t.current?.getRootDOMNode?.(),
-      setPopupVisible(s) {
-        t.current?.setPopupVisible?.(s);
+      setPopupVisible(i) {
+        t.current?.setPopupVisible?.(i);
       },
       hide() {
         t.current?.setPopupVisible?.(!1);
@@ -71,66 +73,71 @@ function _(g, d) {
     }),
     []
   );
-  const r = V || P?.("tooltip"), o = {
-    ...Q(c, G),
-    ...K(c),
+  const e = v || C?.("tooltip"), o = {
+    ...U(m, J),
+    ...Q(m),
     ...u,
-    className: f(l, u?.className)
-  }, m = F(i) ? i() : i;
-  "popupVisible" in n ? o.popupVisible = w : J(m, !0) && (o.popupVisible = !1), (o.showArrow !== !1 || o.arrowProps) && (o.arrowProps = o.arrowProps || {}, e && (o.arrowProps.style = {
-    backgroundColor: e,
+    className: g(l, u?.className)
+  }, f = I(s) ? s() : s;
+  "popupVisible" in n ? o.popupVisible = V : K(f, !0) && (o.popupVisible = !1), (o.showArrow !== !1 || o.arrowProps) && (o.arrowProps = o.arrowProps || {}, r && (o.arrowProps.style = {
+    backgroundColor: r,
     ...o.arrowProps.style
   }));
-  const k = B(() => e ? new L(e).isLight() ?? !1 : !1, [e]);
+  const M = W(() => r ? new F(r).isLight() ?? !1 : !1, [r]);
   return /* @__PURE__ */ p(
-    q,
+    G,
     {
       style: {
         maxWidth: 350,
-        ...b
+        ...h
       },
       className: l,
       ref: t,
       classNames: "zoomInFadeOut",
-      duration: Y,
-      popup: () => /* @__PURE__ */ p(
-        "div",
-        {
-          style: { backgroundColor: e },
-          className: f(
-            `${r}-content`,
-            `${r}-content-${a}`,
-            {
-              [`${r}-mini`]: O,
-              [`${r}-light-color`]: k
-            }
-          ),
-          role: "tooltip",
-          children: /* @__PURE__ */ p("div", { className: `${r}-content-inner`, children: m })
-        }
-      ),
+      duration: Z,
+      popup: () => {
+        const i = c ? "pre" : "div";
+        return /* @__PURE__ */ p(
+          "div",
+          {
+            style: { backgroundColor: r },
+            className: g(
+              `${e}-content`,
+              `${e}-content-${a}`,
+              {
+                [`${e}-mini`]: R,
+                [`${e}-pre`]: c,
+                // 潘启宝添加
+                [`${e}-light-color`]: M
+              }
+            ),
+            role: "tooltip",
+            children: /* @__PURE__ */ p(i, { className: `${e}-content-inner`, children: f })
+          }
+        );
+      },
       position: a,
-      disabled: D,
-      trigger: x,
-      escToClose: N,
+      disabled: E,
+      trigger: N,
+      escToClose: y,
       showArrow: !0,
-      popupAlign: Z,
+      popupAlign: _,
       mouseEnterDelay: 200,
       mouseLeaveDelay: 200,
-      unmountOnExit: T,
-      popupHoverStay: $,
-      blurToHide: v,
-      childrenPrefix: E || r,
-      getPopupContainer: H,
+      unmountOnExit: w,
+      popupHoverStay: D,
+      blurToHide: $,
+      childrenPrefix: H || e,
+      getPopupContainer: O,
       onVisibleChange: A,
-      defaultPopupVisible: y,
+      defaultPopupVisible: T,
       ...o,
-      children: h
+      children: x
     }
   );
 }
-const oo = I(_);
-oo.displayName = "Tooltip";
+const eo = S(oo);
+eo.displayName = "Tooltip";
 export {
-  oo as default
+  eo as default
 };