@unicom-cloud/ui 0.8.124 → 0.8.125

package/types/utils/callbackOriginRef.d.ts

@@ -0,0 +1,3 @@
+import callbackOriginRef from '@unicom-cloud/ui-common/utils/callbackOriginRef';
+export { callbackOriginRef };
+export default callbackOriginRef;

package/types/utils/dayjs.d.ts

@@ -1,5 +1,5 @@
-import dayjs from '@unicom-cloud/ui-common/utils/dayjs';
-import { Dayjs, OpUnitType, UnitType } from 'dayjs';
+import '@unicom-cloud/ui-common/utils/dayjs';
+import dayjs, { Dayjs, OpUnitType, UnitType } from 'dayjs';
 export * from '@unicom-cloud/ui-common/utils/dayjs';
 export declare const methods: {
     add(time: any, value: number, unit: UnitType): any;

package/types/utils/findRootElement.d.ts

@@ -0,0 +1,3 @@
+import findRootElement from '@unicom-cloud/ui-common/utils/findRootElement';
+export { findRootElement };
+export default findRootElement;

package/types/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './callbackOriginRef';
 export * from './caseName';
 export * from './className';
 export * from './constant';
@@ -9,6 +10,7 @@ export * from './dom';
 export * from './emitter';
 export * from './fileToURL';
 export * from './fillNBSP';
+export * from './findRootElement';
 export * from './findScrollParent';
 export * from './getHighlightText';
 export * from './getHotkeyHandler';
@@ -26,18 +28,18 @@ export * from './omit';
 export * from './pad';
 export * from './pick';
 export * from './pinyin';
-export * from './reactDOM';
+export * from './ref';
 export * from './resizeObserver';
 export * from './responsiveObserve';
 export * from './saveAs';
 export * from './screenfull';
 export * from './scrollIntoViewIfNeeded';
+export * from './setCreateRoot';
 export * from './setDarkTheme';
 export * from './setPrimaryColor';
 export * from './setTheme';
 export * from './string';
 export * from './style';
-export * from './supportRef';
 export * from './throttleByRaf';
 export * from './toArray';
 export * from './tree';

package/types/utils/is.d.ts

@@ -1 +1 @@
-export { isArguments, isArray, isArrayBuffer, isArrayLike, isArrayLikeObject, isBlob, isBoolean, isBuffer, isClassComponent, isColorValue, isDOMElement, isDate, isDayjs, isElement, isEmpty, isEmptyArray, isEmptyObject, isEmptyReactNode, isEmptyValue, isEqual, isEqualWith, isError, isExist, isFile, isFinite, isForwardRefReact, isFunction, isInteger, isJSON, isLength, isMap, isMatch, isMatchWith, isNaN, isNative, isNil, isNull, isNullOrUndefined, isNumber, isObject, isObjectLike, isPlainObject, isPromise, isReact18, isReact19, isReadableStream, isRegExp, isSafeInteger, isSet, isString, isSymbol, isTypedArray, isUndefined, isWeakMap, isWeakSet, isWindow, } from '@unicom-cloud/ui-common/utils/is';
+export { isArguments, isArray, isArrayBuffer, isArrayLike, isArrayLikeObject, isBlob, isBoolean, isBuffer, isColorValue, isDate, isDayjs, isElement, isEmpty, isEmptyArray, isEmptyObject, isEmptyReactNode, isEmptyValue, isEqual, isEqualWith, isError, isExist, isFile, isFinite, isFunction, isInteger, isJSON, isLength, isMap, isMatch, isMatchWith, isNaN, isNative, isNil, isNull, isNullOrUndefined, isNumber, isObject, isObjectLike, isPlainObject, isPromise, isReact18, isReact19, isReactClassComponent, isReactComponent, isReadableStream, isRegExp, isSafeInteger, isSet, isString, isSymbol, isTypedArray, isUndefined, isWeakMap, isWeakSet, isWindow, } from '@unicom-cloud/ui-common/utils/is';

package/types/utils/names.d.ts

@@ -744,4 +744,9 @@ export declare const COMPONENT_NAMES: {
         en: string;
         id: string;
     };
+    Masonry: {
+        zh: string;
+        en: string;
+        id: string;
+    };
 };

package/types/utils/ref.d.ts

@@ -0,0 +1 @@
+export * from '@unicom-cloud/ui-common/utils/ref';

package/types/utils/setCreateRoot.d.ts

@@ -0,0 +1,3 @@
+import setCreateRoot from '@unicom-cloud/ui-common/utils/setCreateRoot';
+export { setCreateRoot };
+export default setCreateRoot;

package/types/utils/uuid.d.ts

@@ -1 +1 @@
-export { v4 as uuid, v4 as uuidv4 } from 'uuid';
+export { v4 as default, v4 as uuid, v4 as uuidv4 } from 'uuid';

package/types/verification-code/VerificationCode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import useVerificationCode from '../hooks/use-verification-code';
 import { VerificationCodeProps } from './interface';
-export declare function VerificationCodeComponent(baseProps: VerificationCodeProps, _: any): React.JSX.Element;
+export declare function VerificationCodeComponent(baseProps: VerificationCodeProps, ref: any): React.JSX.Element;
 export declare namespace VerificationCodeComponent {
     var displayName: string;
 }

package/types/virtual-list/constant.d.ts

@@ -0,0 +1,3 @@
+declare const DEFAULT_VIRTUAL_ITEM_HEIGHT = 32;
+declare const KEY_VIRTUAL_ITEM_HEIGHT: string;
+export { DEFAULT_VIRTUAL_ITEM_HEIGHT, KEY_VIRTUAL_ITEM_HEIGHT };

package/types/virtual-list/hook/useCacheChildrenNodes.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+import { VirtualListProps } from '../interface';
+declare const useCacheChildrenNodes: (children: VirtualListProps<any>["children"]) => (item: any, index: any, props: any) => ReactNode;
+export default useCacheChildrenNodes;

package/types/virtual-list/hook/useComputeVirtualItemHeight.d.ts

@@ -0,0 +1,3 @@
+import { ItemHeightMap } from '../interface';
+declare const useComputeVirtualItemHeight: (refItemHeightMap: React.RefObject<ItemHeightMap>) => void;
+export default useComputeVirtualItemHeight;

package/types/virtual-list/interface.d.ts

@@ -41,7 +41,7 @@ export interface VirtualListState {
     scrollTop: number;
 }
 export type VirtualListHandle = {
-    dom: HTMLElement;
+    getRootElement: () => HTMLElement;
     scrollTo: (arg: number | {
         index: number;
         options?: ScrollIntoViewOptions;

package/types/watermark/Watermark.d.ts

@@ -1,6 +1,5 @@
 import useWatermark from '../hooks/use-watermark';
 import { WatermarkProps } from './interface';
-export declare function WatermarkComponent(baseProps: WatermarkProps, _: any): import("react").JSX.Element | undefined;
 declare const Watermark: import("react").ForwardRefExoticComponent<WatermarkProps & import("react").RefAttributes<unknown>>;
 export { useWatermark };
 export default Watermark;

package/typography/Base.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as p, jsxs as ne, Fragment as ie } from "react/jsx-runtime";
 import re from "lodash/merge";
 import _, { forwardRef as le, useContext as pe, useRef as ce, useState as W, useImperativeHandle as ae } from "react";
@@ -68,7 +68,7 @@ function ye(s, f) {
     renderMeasureContent: M,
     simpleEllipsis: k || i
   }), Z = Ce((t) => {
-    const { contentRect: o } = t?.[0];
+    const { contentRect: o } = t?.[0] ?? {};
     if (o) {
       const r = N.includes("code") ? o.width - 18 : o.width;
       [
@@ -101,14 +101,18 @@ function ye(s, f) {
   }
   fe(() => {
     e.onEllipsis?.(m);
-  }, [m]), ae(f, () => y.current);
+  }, [m]), ae(f, () => ({
+    getRootElement() {
+      return y.current;
+    }
+  }));
   function B(t, o, r, d = {}) {
     let g = t;
-    return o.forEach((P, v) => {
-      const R = { className: `${n}-${P}` }, C = v === 0 ? d : {}, se = x(r.mark) && r.mark.color ? { style: { backgroundColor: r.mark.color }, ...C } : { ...C };
+    return o.forEach((P, R) => {
+      const v = { className: `${n}-${P}` }, C = R === 0 ? d : {}, se = x(r.mark) && r.mark.color ? { style: { backgroundColor: r.mark.color }, ...C } : { ...C };
       g = _.createElement(
         P,
-        re({ ...se }, R),
+        re({ ...se }, v),
         g
       );
     }), g;
@@ -116,10 +120,10 @@ function ye(s, f) {
   let E;
   c === "Paragraph" ? E = l ? "blockquote" : "div" : c === "Title" ? E = `h${w}` : c === "Text" && (E = a ? "div" : "span");
   function oe() {
-    const t = Ee(_.Children.toArray(u)), o = e.showTooltip, r = x(e.showTooltip) && e.showTooltip.type === "popover" ? "popover" : "tooltip", d = x(e.showTooltip) ? e.showTooltip.props || {} : {}, g = r === "popover" ? ue : he, v = {
+    const t = Ee(_.Children.toArray(u)), o = e.showTooltip, r = x(e.showTooltip) && e.showTooltip.type === "popover" ? "popover" : "tooltip", d = x(e.showTooltip) ? e.showTooltip.props || {} : {}, g = r === "popover" ? ue : he, R = {
       style: b,
       ...m && !o && !i ? { title: t } : {}
-    }, R = m && o && !i, C = /* @__PURE__ */ p(
+    }, v = m && o && !i, C = /* @__PURE__ */ p(
       E,
       {
         ref: y,
@@ -129,7 +133,7 @@ function ye(s, f) {
           { [`${n}-rtl`]: O },
           T
         ),
-        ...v,
+        ...R,
         ...ge(h, [
           "spacing",
           "type",
@@ -161,7 +165,7 @@ function ye(s, f) {
         ) : B(Y, N, s)
       }
     );
-    return R ? /* @__PURE__ */ p(g, { content: t, ...d, children: /* @__PURE__ */ p("span", { children: C }) }) : C;
+    return v ? /* @__PURE__ */ p(g, { content: t, ...d, children: /* @__PURE__ */ p("span", { children: C }) }) : C;
   }
   return J ? /* @__PURE__ */ p(
     xe,

package/typography/EditContent.js

@@ -1,54 +1,59 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as C, useRef as P, useEffect as x } from "react";
-import u from "../input/Input.js";
-import N from "@unicom-cloud/ui-common/utils/className";
-import $ from "@unicom-cloud/ui-common/utils/mergedToString";
-function y(c, l) {
-  const { prefixCls: o, children: m, setEditing: d, editableConfig: n, style: p } = c, g = N(
+import { forwardRef as x, useRef as N, useEffect as $ } from "react";
+import m from "../input/Input.js";
+import y from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as v } from "@unicom-cloud/ui-common/utils/is";
+import I from "@unicom-cloud/ui-common/utils/mergedToString";
+function R(c, p) {
+  const { prefixCls: o, children: d, setEditing: g, editableConfig: e, style: E } = c, h = y(
     `${o}-typography`,
     `${o}-edit-content`,
     c.className
-  ), a = $(m), e = P(null);
-  x(() => {
-    if (e.current?.focus?.(), e.current && "dom" in e.current) {
-      const { length: t } = e.current.dom.value;
-      e.current.dom.setSelectionRange(t, t);
+  ), f = I(d), n = N(null);
+  $(() => {
+    if (n.current) {
+      n.current.focus();
+      const t = n.current.getInputElement;
+      if (v(t)) {
+        const l = t(), { length: u } = l.value;
+        l.setSelectionRange(u, u);
+      }
     }
   }, []);
   const r = () => {
-    d?.(!1), n?.onEnd?.(a);
-  }, E = (t) => {
-    n?.onChange?.(t);
-  }, h = () => r(), f = {
+    g?.(!1), e?.onEnd?.(f);
+  }, C = (t) => {
+    e?.onChange?.(t);
+  }, P = () => r(), a = {
     className: `${o}-edit-content-input`,
-    value: a,
-    onBlur: h,
-    onChange: E
+    value: f,
+    onBlur: P,
+    onChange: C
   };
   let s;
-  return n?.inputProps ? s = /* @__PURE__ */ i(
-    u,
+  return e?.inputProps ? s = /* @__PURE__ */ i(
+    m,
     {
-      ...f,
-      ref: e,
+      ...a,
+      ref: n,
       onPressEnter: r,
-      ...n.inputProps
+      ...e.inputProps
     }
   ) : s = /* @__PURE__ */ i(
-    u.TextArea,
+    m.TextArea,
     {
-      ...f,
-      ref: e,
+      ...a,
+      ref: n,
       autoSize: !0,
       onPressEnter: (t) => {
         t.shiftKey || r();
       },
-      ...n?.textAreaProps
+      ...e?.textAreaProps
     }
-  ), /* @__PURE__ */ i("div", { className: g, style: p, ref: l, children: s });
+  ), /* @__PURE__ */ i("div", { className: h, style: E, ref: p, children: s });
 }
-const b = C(y);
+const z = x(R);
 export {
-  b as default
+  z as default
 };

package/typography/Ellipsis.js

@@ -1,6 +1,6 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as g, Fragment as J, jsx as r } from "react/jsx-runtime";
-import { forwardRef as K, useContext as Q, useRef as v, useState as E, useMemo as V, useEffect as U, useCallback as X } from "react";
+import { forwardRef as K, useContext as Q, useRef as v, useState as W, useMemo as V, useEffect as U, useCallback as X } from "react";
 import "../config-provider/ConfigProvider.js";
 import Y from "../copy/index.js";
 import Z from "@unicom-cloud/ui-common/hooks/use-merge-props";
@@ -26,20 +26,20 @@ const ae = {
     className: j,
     style: A,
     rows: l,
-    disabled: w,
+    disabled: M,
     showTooltip: c,
     children: y,
     // 潘启宝修改
     expandable: m,
     expandRender: P,
-    onExpand: W,
+    onExpand: T,
     onEllipsis: k,
     copyable: f
     // 潘启宝添加
-  } = N, { locale: B } = C, L = oe ? !1 : /^((?!chrome|android).)*safari/i.test(navigator?.userAgent ?? ""), D = v(null), i = v(null), [O, F] = E(""), [H, R] = E(!1), p = v(null), u = v(null), [t, T] = ee(!1, {
+  } = N, { locale: w } = C, L = oe ? !1 : /^((?!chrome|android).)*safari/i.test(navigator?.userAgent ?? ""), D = v(null), i = v(null), [O, F] = W(""), [H, E] = W(!1), p = v(null), u = v(null), [t, B] = ee(!1, {
     defaultValue: N.defaultExpanded,
     value: N.expanded
-  }), [n, M] = E(!1), x = V(() => b(m) ? !m.single && l === 1 : l === 1, [l, m]), h = V(() => b(c) ? {
+  }), [n, R] = W(!1), x = V(() => b(m) ? !m.single && l === 1 : l === 1, [l, m]), h = V(() => b(c) ? {
     tooltip: !0,
     tooltipProps: c
   } : {
@@ -66,20 +66,20 @@ const ae = {
       }
     ),
     y
-  ] }), _ = () => P ? P(t) : /* @__PURE__ */ r("span", { className: `${e}-action-text`, children: t ? B?.Typography?.fold : B?.Typography?.unfold }), $ = () => m && n ? /* @__PURE__ */ r(
+  ] }), _ = () => P ? P(t) : /* @__PURE__ */ r("span", { className: `${e}-action-text`, children: t ? w?.Typography?.fold : w?.Typography?.unfold }), $ = () => m && n ? /* @__PURE__ */ r(
     "div",
     {
       className: s(`${e}-action`, {
         [`${e}-action-collapsed`]: !t
       }),
       onClick: (o) => {
-        t ? (T(!1), W?.(!1, o)) : (T(!0), R(!1), W?.(!0, o));
+        t ? (B(!1), T?.(!1, o)) : (B(!0), E(!1), T?.(!0, o));
       },
       children: _()
     }
   ) : null, q = X(
     ie(() => {
-      u.current && p.current && ((x ? u.current.offsetWidth > p.current.offsetWidth : u.current.offsetHeight > p.current.offsetHeight) ? n === !1 && (M(!0), k?.(!0)) : n === !0 && (M(!1), k?.(!1)));
+      u.current && p.current && ((x ? u.current.offsetWidth > p.current.offsetWidth : u.current.offsetHeight > p.current.offsetHeight) ? n === !1 && (R(!0), k?.(!0)) : n === !0 && (R(!1), k?.(!1)));
     }),
     [n, x]
   );
@@ -87,9 +87,10 @@ const ae = {
     (o) => {
       q(o);
     },
-    [p.current, u.current]
+    [p.current, u.current],
+    { immediate: !0 }
   );
-  const G = () => w ? null : /* @__PURE__ */ r(
+  const G = () => M ? null : /* @__PURE__ */ r(
     "div",
     {
       className: x ? s(`${e}-content-mirror`, `${e}-single`) : s(
@@ -148,7 +149,7 @@ const ae = {
         t && $()
       ]
     }
-  ), I = () => w ? /* @__PURE__ */ r("div", { className: `${e}-content`, children: /* @__PURE__ */ r("span", { ref: i, className: `${e}-text`, children: d }) }) : h.tooltip ? /* @__PURE__ */ r(
+  ), I = () => M ? /* @__PURE__ */ r("div", { className: `${e}-content`, children: /* @__PURE__ */ r("span", { ref: i, className: `${e}-text`, children: d }) }) : h.tooltip ? /* @__PURE__ */ r(
     re,
     {
       content: O,
@@ -158,7 +159,7 @@ const ae = {
         mouseEnterDelay: 100
       },
       onVisibleChange: (o) => {
-        o ? n && !t && R(!0) : R(!1);
+        o ? n && !t && E(!0) : E(!1);
       },
       ...h.tooltipProps,
       children: z()
@@ -168,7 +169,7 @@ const ae = {
     G(),
     I()
   ] });
-}, Re = K(ce);
+}, Ee = K(ce);
 export {
-  Re as default
+  Ee as default
 };

package/typography/Operations.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as t, jsxs as I, Fragment as S } from "react/jsx-runtime";
 import $ from "@unicom-cloud/icons/IconUiEdit";
 import { useEffect as v } from "react";

package/typography/Paragraph.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as n, useContext as c } from "react";
 import "../config-provider/ConfigProvider.js";

package/typography/Text.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import m from "./Base.js";

package/typography/Title.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import m from "./Base.js";

package/typography/Typography.js

@@ -1,15 +1,19 @@
-/* 2025-11-19 10:00:13 */
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as c, useContext as i } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as c, useContext as f, useRef as i, useImperativeHandle as u } from "react";
 import "../config-provider/ConfigProvider.js";
-import l from "@unicom-cloud/ui-common/utils/className";
-import f from "../config-provider/context.js";
-function y(o, s) {
-  const { getPrefixCls: t } = i(f), r = t?.("typography"), { className: a, style: e, children: p } = o, m = l(r, a);
-  return /* @__PURE__ */ n("article", { ref: s, style: e, className: m, children: p });
+import y from "@unicom-cloud/ui-common/utils/className";
+import g from "../config-provider/context.js";
+function x(t, o) {
+  const { getPrefixCls: r } = f(g), s = r?.("typography"), { className: a, style: n, children: m } = t, p = y(s, a), e = i(null);
+  return u(o, () => ({
+    getRootElement() {
+      return e.current;
+    }
+  })), /* @__PURE__ */ l("article", { ref: e, style: n, className: p, children: m });
 }
-const g = c(y);
-g.displayName = "Typography";
+const C = c(x);
+C.displayName = "Typography";
 export {
-  g as default
+  C as default
 };

package/typography/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import r from "./Ellipsis.js";
 import a from "./Paragraph.js";
 import o from "./Text.js";

package/typography/useCssEllipsis.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { useMemo as p } from "react";
 import { isWindow as u, isUndefined as s } from "@unicom-cloud/ui-common/utils/is";
 const c = (e, t) => {

package/typography/useEllipsis.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as F, jsx as y } from "react/jsx-runtime";
 import $, { useRef as b, useState as H, useMemo as P } from "react";
 import B from "@unicom-cloud/ui-common/hooks/use-isomorphic-layout-effect";

package/upload/TriggerNode.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 12:11:12 */
 import { jsx as a, jsxs as y } from "react/jsx-runtime";
 import h from "@unicom-cloud/icons/IconUiPlus";
 import w from "@unicom-cloud/icons/IconUiUpload";