@unicom-cloud/ui 0.8.43 → 0.8.45

package/types/notice/index.d.ts

@@ -34,6 +34,9 @@ declare class Notice extends Component<NoticeProps, {}> {
     context: React.ContextType<typeof ConfigContext>;
     wrapper: Element;
     timer: any;
+    rootDOMRef: any;
+    constructor(props: any);
+    getRootDOMNode: () => any;
     componentDidMount(): void;
     componentDidUpdate(nextProps: any): void;
     componentWillUnmount(): void;

package/types/notification/index.d.ts

@@ -26,4 +26,4 @@ declare class Notification extends BaseNotification {
     render(): import("react/jsx-dev-runtime").JSX.Element;
 }
 export default Notification;
-export type { NotificationProps };
+export { NotificationProps };

package/types/page-header/index.d.ts

@@ -5,4 +5,4 @@ declare const _default: React.ForwardRefExoticComponent<PageHeaderProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;
 export default _default;
-export type { PageHeaderProps };
+export { PageHeaderProps };

package/types/select/Select.d.ts

@@ -6,5 +6,5 @@ declare const SelectComponent: React.ForwardRefExoticComponent<SelectProps & Rea
     Option: typeof Option;
     OptGroup: typeof OptGroup;
 };
-export type { SelectHandle };
+export { SelectHandle };
 export default SelectComponent;

package/types/select-view/Core.d.ts

@@ -2,11 +2,12 @@ import React from 'react';
 import type { SelectViewProps } from './interface';
 export type SelectViewHandle = {
     dom: HTMLDivElement;
+    getRootDOMNode: () => HTMLDivElement;
     focus: () => void;
     blur: () => void;
     getWidth: () => number;
 };
-declare const _default: React.ForwardRefExoticComponent<SelectViewProps & {
+declare const Core: React.ForwardRefExoticComponent<SelectViewProps & {
     htmlDataAttributes: Record<string, string>;
 } & React.RefAttributes<unknown>>;
-export default _default;
+export default Core;

package/types/select-view/index.d.ts

@@ -4,6 +4,7 @@ import type { SelectViewProps } from './interface';
 export type { SelectViewCommonProps, SelectViewProps } from './interface';
 export type SelectViewHandle = {
     dom: HTMLDivElement;
+    getRootDOMNode: () => HTMLDivElement;
     focus: () => void;
     blur: () => void;
     getWidth: () => number;

package/types/statistic/index.d.ts

@@ -5,4 +5,4 @@ declare const StatisticComponent: import("react").ForwardRefExoticComponent<Stat
     Countdown: typeof Countdown;
 };
 export default StatisticComponent;
-export type { StatisticProps };
+export { StatisticProps };

package/types/switch/index.d.ts

@@ -8,4 +8,4 @@ declare const SwitchComponent: React.ForwardRefExoticComponent<SwitchProps & Rea
     __PQB_SWITCH: boolean;
 };
 export default SwitchComponent;
-export type { SwitchProps };
+export { SwitchProps };

package/types/switch/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode, HTMLAttributes } from 'react';
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 export interface SwitchProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'className' | 'onChange'> {
     style?: CSSProperties;
     className?: string | string[];

package/types/table/interface.d.ts

@@ -139,7 +139,7 @@ export interface ColumnProps<T = any> {
     onFilter?: (value: any, row: any) => any;
     fixed?: 'left' | 'right';
     onHeaderCell?: (column: any, index: any) => RowCallbackProps;
-    onCell?: (record: any, index: any, column: any) => RowCallbackProps;
+    onCell?: (record: any, index: any) => RowCallbackProps;
     children?: ColumnProps<T>[];
     rowSpan?: number;
     colSpan?: number;
@@ -269,6 +269,7 @@ export interface TbodyProps<T = any> {
     getRowKey?: GetRowKeyType<T>;
     placeholder?: ReactNode;
     saveVirtualListRef?: (ref: VirtualListHandle) => void;
+    saveRef?: (ref: HTMLElement | HTMLDivElement) => void;
 }
 export interface TfootProps<T = any> {
     prefixCls?: string;

package/types/tooltip/index.d.ts

@@ -7,4 +7,4 @@ declare const TooltipComponent: import("react").ForwardRefExoticComponent<Toolti
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<TooltipHandle>>;
 export default TooltipComponent;
-export type { TooltipProps };
+export { TooltipProps };

package/types/trigger/index.d.ts

@@ -1,8 +1,8 @@
 import './style';
-import React, { CSSProperties, PropsWithChildren, PureComponent } from 'react';
+import React, { CSSProperties, PropsWithChildren, PureComponent, RefObject } from 'react';
 import { ConfigContext } from '../config-provider';
 import type { MouseLocationType, TriggerProps } from './interface';
-export type { TriggerProps };
+export { TriggerProps };
 declare function getDOMPos(dom: HTMLElement, options: {
     boundaryDistance: TriggerProps['boundaryDistance'];
     position: TriggerProps['position'];
@@ -31,7 +31,9 @@ declare class Trigger extends PureComponent<TriggerProps, TriggerState> {
         popupVisible: any;
     } | null;
     popupContainer: any;
-    refTrigger: HTMLSpanElement | null;
+    rootElementRef: any;
+    triggerRef: RefObject<HTMLSpanElement | null>;
+    triggerRefDestoried: boolean;
     delayTimer: any;
     updatePositionTimer: any;
     realPosition: string;
@@ -48,17 +50,18 @@ declare class Trigger extends PureComponent<TriggerProps, TriggerState> {
     observerContainer: null;
     scrollElements: (HTMLElement | Window)[];
     resizeObserver: ResizeObserver;
-    resizeObserver2: ResizeObserver | null;
-    resizeObserver2Observe(): void;
-    resizeObserver2Disconnect(): void;
+    resizeObserver2: ResizeObserver;
+    onResizeObserver2: () => void;
+    offResizeObserver2: () => void;
     resizeObserver3: ResizeObserver | null;
-    resizeObserver3Observe(): void;
-    resizeObserver3Disconnect(): void;
+    onResizeObserver3: () => void;
+    offResizeObserver3: () => void;
     childrenDom: null;
     childrenDomSize: ReturnType<typeof getDOMPos>;
     getMergedProps: (basePropsOrKeys?: any) => PropsWithChildren<TriggerProps>;
     constructor(props: any, context: any);
     getRootElement: () => HTMLElement;
+    getPopupElement: () => HTMLSpanElement | null;
     componentDidMount(): void;
     componentDidUpdate(_prevProps: any): void;
     componentWillUnmount(): void;
@@ -94,6 +97,7 @@ declare class Trigger extends PureComponent<TriggerProps, TriggerState> {
         (...args: any[]): void;
         cancel(): void;
     };
+    getRootDOMNode: () => HTMLElement;
     updatePopupPosition: (delay?: number, callback?: () => void) => void;
     setPopupVisible: (visible: boolean, delay?: number, callback?: () => void) => void;
     delayToDo: (delay: number, callback: () => void) => void;

package/types/trigger/interface.d.ts

@@ -62,6 +62,7 @@ export interface TriggerProps {
     arrowProps?: HTMLAttributes<HTMLDivElement>;
     updateOnScroll?: boolean;
     children?: ReactNode;
+    getTargetDOMNode?: () => HTMLElement;
     __onExit?: (event: any) => void;
     __onExited?: (event: any) => void;
 }

package/types/typography/Base.d.ts

@@ -1,7 +1,8 @@
-import { PropsWithChildren } from 'react';
-import type { TypographyParagraphProps, TypographyTextProps, TypographyTitleProps } from './interface';
-type BaseProps = PropsWithChildren<TypographyParagraphProps & TypographyTitleProps & TypographyTextProps> & {
-    componentType: 'Title' | 'Paragraph' | 'Text';
-};
-declare function Base(props: BaseProps): import("react/jsx-dev-runtime").JSX.Element;
-export default Base;
+import React from 'react';
+import { TypographyParagraphProps, TypographyTitleProps } from './interface';
+declare const _default: React.ForwardRefExoticComponent<TypographyParagraphProps & TypographyTitleProps & import("./interface").CommonProps & {
+    children?: React.ReactNode;
+} & {
+    componentType: "Text" | "Title" | "Paragraph";
+} & React.RefAttributes<unknown>>;
+export default _default;

package/types/typography/EditContent.d.ts

@@ -1,2 +1,3 @@
-import type { EditContentProps } from './interface';
-export default function EditContent(props: EditContentProps): import("react/jsx-dev-runtime").JSX.Element;
+import { EditContentProps } from './interface';
+declare const _default: import("react").ForwardRefExoticComponent<EditContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;

package/types/typography/Paragraph.d.ts

@@ -1,6 +1,3 @@
-import type { TypographyParagraphProps } from './interface';
-declare function Paragraph(props: TypographyParagraphProps): import("react/jsx-dev-runtime").JSX.Element;
-declare namespace Paragraph {
-    var displayName: string;
-}
+import { TypographyParagraphProps } from './interface';
+declare const Paragraph: import("react").ForwardRefExoticComponent<TypographyParagraphProps & import("react").RefAttributes<unknown>>;
 export default Paragraph;

package/types/typography/Text.d.ts

@@ -1,6 +1,2 @@
-import type { TypographyTextProps } from './interface';
-declare function Text(props: TypographyTextProps): import("react/jsx-dev-runtime").JSX.Element;
-declare namespace Text {
-    var displayName: string;
-}
+declare const Text: import("react").ForwardRefExoticComponent<import("./interface").CommonProps & import("react").RefAttributes<unknown>>;
 export default Text;

package/types/typography/Title.d.ts

@@ -1,6 +1,3 @@
-import type { TypographyTitleProps } from './interface';
-declare function Title(props: TypographyTitleProps): import("react/jsx-dev-runtime").JSX.Element;
-declare namespace Title {
-    var displayName: string;
-}
+import { TypographyTitleProps } from './interface';
+declare const Title: import("react").ForwardRefExoticComponent<TypographyTitleProps & import("react").RefAttributes<unknown>>;
 export default Title;

package/types/upload/TriggerNode.d.ts

@@ -1,4 +1,6 @@
-import { PropsWithChildren } from 'react';
+import React from 'react';
 import type { TriggerProps } from './interface';
-declare const TriggerNode: (props: PropsWithChildren<TriggerProps>) => import("react/jsx-dev-runtime").JSX.Element | null;
-export default TriggerNode;
+declare const _default: React.ForwardRefExoticComponent<TriggerProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/types/upload/list/PictureItem.d.ts

@@ -1,8 +1,8 @@
 import { ConfigProviderProps } from '../../config-provider';
 import { UploadItem } from '../../upload/Upload';
 import { UploadListProps } from '../../upload/interface';
-declare const PictureItem: (props: UploadListProps & {
+declare const _default: import("react").ForwardRefExoticComponent<UploadListProps & {
     file: UploadItem;
     locale: ConfigProviderProps['locale'];
-}) => import("react/jsx-dev-runtime").JSX.Element;
-export default PictureItem;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;

package/types/upload/list/TextItem.d.ts

@@ -1,8 +1,8 @@
 import { ConfigProviderProps } from '../../config-provider';
 import { UploadItem } from '../../upload/Upload';
 import { UploadListProps } from '../../upload/interface';
-declare const TextItem: (props: UploadListProps & {
+declare const _default: import("react").ForwardRefExoticComponent<UploadListProps & {
     file: UploadItem;
     locale: ConfigProviderProps['locale'];
-}) => import("react/jsx-dev-runtime").JSX.Element;
-export default TextItem;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;

package/types/utils/CSSTransition.d.ts

@@ -0,0 +1,2 @@
+import { CSSTransition } from '@unicom-cloud/react-transition-group';
+export default function PqbCSSTransition(props: CSSTransition): import("react/jsx-dev-runtime").JSX.Element;

package/types/utils/constant.d.ts

@@ -1,3 +1,3 @@
 export declare const NOOP: () => void;
 export declare function newArray(length: number): unknown[];
-export declare function pickTriggerPropsFromRest(rest: any): Pick<any, "tabIndex" | "onFocus" | "onBlur" | "onClick" | "onContextMenu" | "onMouseEnter" | "onMouseLeave" | "onMouseMove">;
+export declare function pickTriggerPropsFromRest(rest: any): Pick<any, "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onContextMenu" | "onClick" | "onFocus" | "onBlur" | "tabIndex">;

package/types/utils/is.d.ts

@@ -21,3 +21,7 @@ export declare function isExist(obj: any): boolean;
 export declare function isWindow(el: any): el is Window;
 export declare function isDayjs(time: any): time is Dayjs;
 export declare function isBoolean(value: any): value is Boolean;
+export declare const isReactComponent: (element: any) => boolean;
+export declare const isClassComponent: (element: any) => boolean;
+export declare const isDOMElement: (element: any) => boolean;
+export declare const supportRef: (element: any) => boolean;

package/types/utils/reactDOM.d.ts

@@ -1,4 +1,6 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactInstance } from 'react';
+export declare const findDOMNode: (element: any, instance?: ReactInstance) => any;
+export declare const callbackOriginRef: (children: any, node: any) => void;
 export declare const render: (app: ReactElement, container: Element | DocumentFragment) => {
     render: (container: ReactElement) => void;
     _unmount: () => void;

package/types/utils/warning.d.ts

@@ -1 +1 @@
-export default function warning(condition: any, message: string): void;
+export default function warning(condition: any, message: string, ...extra: any[]): void;

package/types/version/index.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "2.62.0";
+export declare const version = "2.63.0";
 export default version;

package/typography/Base.js

@@ -0,0 +1,184 @@
+import { jsx as c, jsxs as st, Fragment as it } from "react/jsx-runtime";
+import _, { forwardRef as lt, useContext as rt, useRef as F, useState as L, useEffect as ct, useImperativeHandle as pt } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import at from "../hooks/useMergeValue.js";
+import dt from "../hooks/useUpdateEffect.js";
+import mt from "../Popover.js";
+import ut from "../Tooltip.js";
+import V from "@unicom-cloud/utils/class-name";
+import { isObject as C, isUndefined as H } from "../utils/is.js";
+import ft from "../utils/mergedToString.js";
+import ht from "../utils/omit.js";
+import Et from "../utils/throttleByRafV2.js";
+import xt from "./EditContent.js";
+import gt from "./Operations.js";
+import Ct from "./useCssEllipsis.js";
+import Tt, { MEASURE_STATUS as A } from "./useEllipsis.js";
+import { ConfigContext as St } from "../config-provider/context.js";
+function Nt(s, u) {
+  const {
+    type: p,
+    bold: $,
+    disabled: T,
+    mark: f,
+    underline: S,
+    delete: a,
+    code: b
+  } = s, l = [], h = [];
+  return p && h.push(`${u}-${p}`), T && h.push(`${u}-disabled`), $ && l.push("b"), S && l.push("u"), a && l.push("del"), b && l.push("code"), f && l.push("mark"), {
+    component: l,
+    className: h
+  };
+}
+function wt(s, u) {
+  const {
+    componentType: p,
+    style: $,
+    className: T,
+    children: f,
+    editable: S,
+    ellipsis: a,
+    heading: b,
+    blockquote: l,
+    ...h
+  } = s, I = rt(St), { getPrefixCls: G, rtl: M } = I, r = G("typography"), U = F(), { component: N, className: v } = Nt(s, r), [J, D] = L(!1), [K, Q] = L(0), y = C(S) ? S : {}, X = "editing" in y ? y.editing : J, e = a ? {
+    rows: 1,
+    ellipsisStr: "...",
+    cssEllipsis: !1,
+    ...C(a) ? a : {}
+  } : {}, Y = e.wrapper || _.Fragment, [i, Z] = at(!1, {
+    defaultValue: e.defaultExpanded,
+    value: e.expanded
+  }), { simpleEllipsis: R, ellipsisStyle: O } = Ct(e), j = (t, o) => {
+    const n = H(e.ellipsisStr) ? "..." : e.ellipsisStr, m = !H(e.suffix) && e.suffix;
+    return /* @__PURE__ */ st(Y, { children: [
+      t,
+      o && !i && !R ? n : "",
+      m,
+      et(o)
+    ] });
+  }, { ellipsisNode: z, isEllipsis: d, measureStatus: B } = Tt({
+    ...e,
+    children: f,
+    expanding: i,
+    width: K,
+    renderMeasureContent: j,
+    simpleEllipsis: R || i
+  }), tt = Et((t) => {
+    const { contentRect: o } = t == null ? void 0 : t[0];
+    if (o) {
+      const n = N.includes("code") ? o.width - 18 : o.width;
+      [
+        A.NO_NEED_ELLIPSIS,
+        A.MEASURE_END
+      ].includes(B) && Q(n);
+    }
+  }), E = F(null);
+  ct(() => {
+    let t;
+    return E.current && (t = new ResizeObserver(tt), t.observe(E.current)), () => {
+      var o, n;
+      E.current && ((o = t == null ? void 0 : t.unobserve) == null || o.call(t, E.current)), (n = t == null ? void 0 : t.disconnect) == null || n.call(t), t = null;
+    };
+  }, [E.current]);
+  function et(t) {
+    return /* @__PURE__ */ c(it, { children: /* @__PURE__ */ c(
+      gt,
+      {
+        ...s,
+        setEditing: D,
+        onClickExpand: ot,
+        expanding: i,
+        isEllipsis: t,
+        currentContext: I
+      }
+    ) });
+  }
+  function ot(t) {
+    var o, n;
+    Z(!i), (o = s.onClickExpand) == null || o.call(s, t), (n = e.onExpand) == null || n.call(e, !i, t);
+  }
+  dt(() => {
+    var t;
+    (t = e.onEllipsis) == null || t.call(e, d);
+  }, [d]), pt(u, () => U.current);
+  function W(t, o, n, m = {}) {
+    let g = t;
+    return o.forEach((q, P) => {
+      const w = P === 0 ? m : {}, k = C(n.mark) && n.mark.color ? { style: { backgroundColor: n.mark.color }, ...w } : { ...w };
+      g = _.createElement(q, { ...k }, g);
+    }), g;
+  }
+  let x;
+  p === "Paragraph" ? x = l ? "blockquote" : "div" : p === "Title" ? x = `h${b}` : p === "Text" && (x = a ? "div" : "span");
+  function nt() {
+    const t = ft(_.Children.toArray(f)), o = e.showTooltip, n = C(e.showTooltip) && e.showTooltip.type === "popover" ? "popover" : "tooltip", m = C(e.showTooltip) ? e.showTooltip.props || {} : {}, g = n === "popover" ? mt : ut, P = {
+      style: $,
+      ...d && !o && !i ? { title: t } : {}
+    }, w = d && o && !i, k = /* @__PURE__ */ c(
+      x,
+      {
+        ref: U,
+        className: V(
+          r,
+          v,
+          { [`${r}-rtl`]: M },
+          T
+        ),
+        ...P,
+        ...ht(h, [
+          "spacing",
+          "type",
+          "close",
+          "bold",
+          "disabled",
+          "mark",
+          "underline",
+          "delete",
+          "code",
+          "copyable",
+          "isEllipsis",
+          "expanding",
+          "onClickExpand",
+          "setEditing",
+          "forceShowExpand"
+        ]),
+        children: R && B !== A.INIT && !i && d ? W(
+          // CSS folding style, need to wrap the text separately.
+          j(
+            /* @__PURE__ */ c("span", { style: O, children: f }),
+            d
+          ),
+          N.length ? N : ["span"],
+          s,
+          // The simple-ellipsis class ensures that the ReactNode after the text is displayed correctly (no line breaks)
+          // Need to act on the immediate parent node of the text
+          { className: `${r}-simple-ellipsis` }
+        ) : W(z, N, s)
+      }
+    );
+    return w ? /* @__PURE__ */ c(g, { content: t, ...m, children: /* @__PURE__ */ c("span", { children: k }) }) : k;
+  }
+  return X ? /* @__PURE__ */ c(
+    xt,
+    {
+      ref: u,
+      ...s,
+      className: V(
+        r,
+        v,
+        { [`${r}-rtl`]: M },
+        `${r}-${x}`,
+        T
+      ),
+      prefixCls: r,
+      setEditing: D,
+      editableConfig: y
+    }
+  ) : nt();
+}
+const Lt = lt(wt);
+export {
+  Lt as default
+};

package/typography/EditContent.js

@@ -0,0 +1,49 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as g, useRef as x, useEffect as N } from "react";
+/* empty css                  */
+/* empty css                         */
+/* empty css                        */
+import $ from "../input/Input.js";
+import v from "@unicom-cloud/utils/class-name";
+import y from "../utils/mergedToString.js";
+function R(c, i) {
+  const { prefixCls: o, children: f, setEditing: l, editableConfig: e, style: d } = c, p = v(
+    `${o}-typography`,
+    `${o}-edit-content`,
+    c.className
+  ), s = y(f), t = x(null);
+  N(() => {
+    var n, r;
+    if (t.current && ((r = (n = t.current).focus) == null || r.call(n)), t.current && t.current.dom) {
+      const { length: m } = t.current.dom.value;
+      t.current.dom.setSelectionRange(m, m);
+    }
+  }, []);
+  function u() {
+    var n;
+    l(!1), (n = e.onEnd) == null || n.call(e, s);
+  }
+  function E(n) {
+    var r;
+    (r = e.onChange) == null || r.call(e, n);
+  }
+  function h() {
+    u();
+  }
+  return /* @__PURE__ */ a("div", { className: p, style: d, ref: i, children: /* @__PURE__ */ a(
+    $.TextArea,
+    {
+      className: `${o}-edit-content-textarea`,
+      onBlur: h,
+      ref: t,
+      value: s,
+      autoSize: !0,
+      onChange: E,
+      onPressEnter: u
+    }
+  ) });
+}
+const I = g(R);
+export {
+  I as default
+};