@unicom-cloud/ui 0.8.99 → 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
 };

package/tour/index.js

@@ -56,6 +56,7 @@ import { resizeObserver as yt } from "../components/common/utils/resizeObserver.
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
 import "uuid";
@@ -73,13 +74,12 @@ const xt = {
   zIndex: 1e3,
   current: 0
 };
-function je(L) {
+function Me(L) {
   const { getPrefixCls: X, componentConfig: Y, rtl: kt } = ct($t), K = gt(
     L,
     xt,
     Y?.Tour
-  );
-  let {
+  ), {
     style: U,
     className: _,
     steps: n,
@@ -96,8 +96,7 @@ function je(L) {
     onFinish: tt,
     onStepChange: O,
     ...Ct
-  } = K;
-  const o = X?.("tour"), [r, H] = C(S), [e, j] = C(null), [W, et] = C(w), [f, I] = C(N), M = F(null), c = F(null), E = `0 0 0 ${Math.max(window.innerWidth, window.innerHeight)}px var(--pqb-mask-bg-color),0 0 15px 0 var(--pqb-mask-bg-color)`, p = typeof n[r]?.target == "string" ? document.querySelector(n[r].target) : n[r]?.target, v = () => {
+  } = K, o = X?.("tour"), [r, H] = C(S), [e, j] = C(null), [W, et] = C(w), [f, I] = C(N), M = F(null), c = F(null), E = `0 0 0 ${Math.max(window.innerWidth, window.innerHeight)}px var(--pqb-mask-bg-color),0 0 15px 0 var(--pqb-mask-bg-color)`, p = typeof n[r]?.target == "string" ? document.querySelector(n[r].target) : n[r]?.target, v = () => {
     let t;
     if (p ? t = p.getBoundingClientRect() : t = new DOMRect(
       window.innerWidth / 2 - (c.current?.offsetWidth ?? 0) / 2,
@@ -307,5 +306,5 @@ function je(L) {
   );
 }
 export {
-  je as default
+  Me as default
 };

package/types/common/space/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { SpaceGap, SpaceProps } from './interface';
 declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<unknown>> & {
     Vertical: typeof SpaceVertical;
 };
-declare const SpaceVertical: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<unknown>>;
+declare const SpaceVertical: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<unknown>>;
 export { SpaceVertical };
 export default Space;
 export type { SpaceGap, SpaceProps };

package/types/pc/affix/interface.d.ts

@@ -8,14 +8,12 @@ export interface AffixProps {
     /**
      * @zh 给 `fixed` 的元素设置 className。
      * @en ClassName of the fixed element.
-     * @version 2.8.0
      */
     affixClassName?: string | string[];
     /**
      * @zh
      * 给 `fixed` 的元素设置 style，注意不要设置 `position` `top` `width` `height`， 因为这几个属性是在元素 fixed 时候用于定位的。
      * @en Style of the fixed elements. Don't set `position` `top` `width` `height` attributes as they are used for positioning when the element is fixed.
-     * @version 2.8.0
      */
     affixStyle?: CSSProperties;
     /**

package/types/pc/alert/index.d.ts

@@ -1,4 +1,4 @@
 import { AlertProps } from './interface';
-declare const AlertComponent: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<unknown>>;
-export default AlertComponent;
+declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<unknown>>;
+export default Alert;
 export type { AlertProps };

package/types/pc/anchor/index.d.ts

@@ -1,4 +1,5 @@
 import Anchor, { AnchorLink } from './Anchor';
-export { AnchorLink };
+import { findNode } from './util';
+export { AnchorLink, findNode as findAnchorLinkNode };
 export default Anchor;
 export type { AnchorProps } from './interface';

package/types/pc/anchor/interface.d.ts

@@ -15,7 +15,6 @@ export interface AnchorProps {
      * @zh 方向
      * @en Direction
      * @defaultValue vertical
-     * @version 2.51.0
      */
     direction?: 'vertical' | 'horizontal';
     /**
@@ -77,7 +76,6 @@ export interface AnchorProps {
      */
     lineless?: boolean;
     /**
-     * @version 2.22.0
      * @zh 容器中基准线的位置相对容器顶部的偏移量，在没有设置的时候，取值为滚动容器高度的一半。当锚点到达或离开基准线的时候会更新锚点的状态。
      * @en The offset of the baseline relative to the top of the container.
      * The value is half of the height of the scrolling container if not specified.

package/types/pc/auto-complete/interface.d.ts

@@ -57,7 +57,6 @@ export interface AutoCompleteProps extends PartialSelectProps {
     /**
      * @zh 状态
      * @en Status
-     * @version 2.45.0
      */
     status?: 'error' | 'warning';
     /**
@@ -68,14 +67,12 @@ export interface AutoCompleteProps extends PartialSelectProps {
     /**
      * @zh 是否处于加载状态。
      * @en Whether the component is loading data.
-     * @version 2.10.0
      */
     loading?: boolean;
     /**
      * @zh 自定义触发元素
      * @en Custom trigger element
      * @defaultValue <Input />
-     * @version `() => ReactElement` in 2.31.0
      */
     triggerElement?: ReactElement | (({ value }: {
         value: any;
@@ -98,7 +95,6 @@ export interface AutoCompleteProps extends PartialSelectProps {
     /**
      * @zh 按下回车键的回调
      * @en Callback when Enter is pressed
-     * @version `activeOption` in 2.25.1
      */
     onPressEnter?: (e: any, activeOption?: OptionInfo) => void;
     /**
@@ -114,13 +110,11 @@ export interface AutoCompleteProps extends PartialSelectProps {
     /**
      * @zh 传递虚拟滚动属性。
      * @en Virtual scroll properties.
-     * @version 2.2.0
      */
     virtualListProps?: AvailableVirtualListProps;
     /**
      * @zh 传递 Input 组件的属性。
      * @en Properties of Input component.
-     * @version 2.10.0
      */
     inputProps?: Partial<InputProps>;
 }

package/types/pc/avatar/interface.d.ts

@@ -71,25 +71,21 @@ export interface AvatarGroupProps {
     /**
      * @zh 头像组内的头像 `z-index` 递增，默认是递减。
      * @en Whether `z-index` of the avatars in group are in ascending order. The default is in descending order.
-     * @version 2.3.0
      */
     zIndexAscend?: boolean;
     /**
      * @zh 头像组最多显示的头像数量，多余头像将以 `+x` 的形式展示。
      * @en The maximum number of avatars displayed in the avatar group. The rest of avatars will be displayed as a `+x`.
-     * @version 2.4.0
      */
     maxCount?: number;
     /**
      * @zh 多余头像样式。
      * @en Style for `+x`.
-     * @version 2.4.0
      */
     maxStyle?: CSSProperties;
     /**
      * @zh 多余头像气泡的 `TriggerProps`。
      * @en `TriggerProps` for popover around `+x`.
-     * @version 2.4.0
      */
     maxPopoverTriggerProps?: TriggerProps;
 }

package/types/pc/breadcrumb/interface.d.ts

@@ -58,19 +58,16 @@ export interface BreadCrumbItemProps extends CustomHTMLElement {
     /**
      * @zh 超链接地址
      * @en href
-     * @version 2.40.0
      */
     href?: string;
     /**
      * @zh 点击回调
      * @en click callback
-     * @version 2.40.0
      */
     onClick?: (e: any) => void;
     /**
      * @zh 标签名，可以是 html 标签或是组件
      * @en Configure the outermost label, which can be an html label or a component
-     * @version 2.40.0
      * @defaultValue div
      */
     tagName?: string | React.FC<any> | React.ComponentClass<any>;

package/types/pc/carousel/interface.d.ts

@@ -27,10 +27,10 @@ export interface CarouselProps {
     currentIndex?: number;
     /**
      * @zh
-     * 是否自动循环展示，或者传入 `{ interval: 自动切换的时间间隔(默认: 3000), hoverToPause: 鼠标悬浮时是否暂停自动切换(默认: true) }` 进行高级配置 (`2.14.0` 支持传入对象)
+     * 是否自动循环展示，或者传入 `{ interval: 自动切换的时间间隔(默认: 3000), hoverToPause: 鼠标悬浮时是否暂停自动切换(默认: true) }` 进行高级配置
      * @en
      * Whether to scroll automatically, or pass in `{ interval: the time interval for switching (default: 3000),
-     * hoverToPause: whether to pause switching while hover (default: true) }` for configuration (object is supported from `2.14.0`)
+     * hoverToPause: whether to pause switching while hover (default: true) }` for configuration
      */
     autoPlay?: boolean | {
         interval?: number;
@@ -41,7 +41,6 @@ export interface CarouselProps {
      * 是否仅渲染满足动画效果的最少数量的 children
      * @en
      * Whether to render only the minimum number of children that meet the animation effect
-     * @version 2.21.0
      */
     miniRender?: boolean;
     autoPlaySpeed?: number;
@@ -83,7 +82,6 @@ export interface CarouselProps {
     /**
      * @zh 自定义图标
      * @en Customize icons
-     * @version 2.25.0
      */
     icons?: {
         prev?: ReactNode;
@@ -118,13 +116,11 @@ export interface CarouselProps {
     /**
      * @zh 幻灯片发生切换时的回调函数。
      * @en Callback when slide changes.
-     * @version `isManual` in 2.4.0
      */
     onChange?: (index: number, prevIndex: number, isManual: boolean) => void;
     /**
      * @zh 用于获得带有 API 方法的 Carousel 引用。
      * @en Carousel reference for imperative API calls.
-     * @version 2.16.1
      */
     carousel?: MutableRefObject<CarouselHandle>;
 }