@unicom-cloud/ui 0.8.101 → 0.8.103

package/table/hook/useThResizable.js

@@ -1,10 +1,9 @@
 import { useState as b, useEffect as a } from "react";
+import "@unicom-cloud/utils/date";
 import "@unicom-cloud/utils/case-name";
 import "@unicom-cloud/utils/class-name";
-import "../../dist/tinycolor/chunk/BOzCVdr0.js";
 import "@unicom-cloud/utils/constant/ui";
 import "../../utils/contextHolder.js";
-import "@unicom-cloud/utils/dayjs";
 import "@unicom-cloud/utils/clipboard-copy";
 import "../../components/common/utils/dayjs.js";
 import "../../components/common/utils/dom.js";
@@ -40,17 +39,19 @@ import "../../dist/react-transition-group/src/SwitchTransition.js";
 import "../../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../../dist/react-transition-group/src/TransitionGroup.js";
 import "../../components/common/utils/reactDOM.js";
+import "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
 import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isArray as C } from "@unicom-cloud/utils/is";
-import "uuid";
 import "../../dist/validate/src/index.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import z from "../th-resizable/index.js";
-function Rt(f = {}, c = []) {
+function Ht(f = {}, c = []) {
   const { columns: u } = f ?? {}, [d, m] = b(o(u));
   function h(t, i) {
     return {
@@ -81,5 +82,5 @@ function Rt(f = {}, c = []) {
   };
 }
 export {
-  Rt as default
+  Ht as default
 };

package/table/th-resizable/index.js

@@ -1,12 +1,11 @@
 import { jsx as h, jsxs as M, Fragment as P } from "react/jsx-runtime";
 import { useRef as s, useContext as X, useEffect as j } from "react";
 import "../../config-provider/ConfigProvider.js";
+import "@unicom-cloud/utils/date";
 import "@unicom-cloud/utils/case-name";
 import z from "@unicom-cloud/utils/class-name";
-import "../../dist/tinycolor/chunk/BOzCVdr0.js";
 import "@unicom-cloud/utils/constant/ui";
 import "../../utils/contextHolder.js";
-import "@unicom-cloud/utils/dayjs";
 import "@unicom-cloud/utils/clipboard-copy";
 import "../../components/common/utils/dayjs.js";
 import { off as g, on as C } from "../../components/common/utils/dom.js";
@@ -41,19 +40,21 @@ import "../../dist/react-transition-group/src/SwitchTransition.js";
 import "../../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../../dist/react-transition-group/src/TransitionGroup.js";
 import "../../components/common/utils/reactDOM.js";
+import "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
 import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import { isFunction as E, isPlainObject as T } from "@unicom-cloud/utils/is";
-import "uuid";
 import "../../dist/validate/src/index.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import { defaultComponent as D } from "../constant.js";
 /* empty css           */
 import F from "../../config-provider/context.js";
-function Bt(b) {
+function Ut(b) {
   let {
     className: r,
     children: u,
@@ -63,27 +64,27 @@ function Bt(b) {
   } = b;
   const v = D.header.th, f = s(null), x = s(null), o = s({}), { getPrefixCls: R } = X(F), a = R?.("table-th-resizable");
   function l(t) {
-    o.current.boundingClientRect = f.current.getBoundingClientRect(), o.current.pageX = t?.pageX ?? 0, n(), N();
+    o.current.boundingClientRect = f.current.getBoundingClientRect(), o.current.pageX = t?.pageX ?? 0, p(), N();
   }
   function e(t) {
-    n();
+    p();
   }
   function m(t) {
-    let p = o.current.boundingClientRect.width + ((t?.pageX ?? 0) - o.current.pageX);
-    p < 0 || (T(i) && (i.width = p), c?.({
+    let n = o.current.boundingClientRect.width + ((t?.pageX ?? 0) - o.current.pageX);
+    n < 0 || (T(i) && (i.width = n), c?.({
       column: i,
-      width: p,
+      width: n,
       widthOrigin: o.current.boundingClientRect.width
     }));
   }
   function N(t) {
     C(document, "mousemove", m), C(document, "mouseup", e);
   }
-  function n(t) {
+  function p(t) {
     g(document, "mousemove", m), g(document, "mouseup", e);
   }
   r = z(r, a), j(() => (l(), m(), e(), () => {
-    n();
+    p();
   }), []);
   let d = u;
   return E(c) && (d = /* @__PURE__ */ M(P, { children: [
@@ -99,5 +100,5 @@ function Bt(b) {
   ] })), /* @__PURE__ */ h(v, { ref: f, ...w, className: r, children: d });
 }
 export {
-  Bt as default
+  Ut as default
 };

package/time-picker/util.js

@@ -1,15 +1,15 @@
 import { Tween as i } from "../dist/tween/src/tween.js";
-import { quartInOut as l } from "../dist/tween/src/easing.js";
+import l from "../dist/tween/src/easing.js";
 import { isDayjs as m } from "dayjs";
-import { dayjs as f, methods as e } from "../components/common/utils/dayjs.js";
+import { dayjs as f, methods as a } from "../components/common/utils/dayjs.js";
 function y(o) {
   const t = ["H", "h", "m", "s", "a", "A"], s = [];
-  let a = !1;
+  let e = !1;
   return t.forEach((r) => {
-    o.indexOf(r) !== -1 && (s.push(r), (r === "a" || r === "A") && (a = !0));
+    o.indexOf(r) !== -1 && (s.push(r), (r === "a" || r === "A") && (e = !0));
   }), {
     list: s,
-    use12Hours: a
+    use12Hours: e
   };
 }
 const c = /* @__PURE__ */ new Map();
@@ -24,16 +24,16 @@ function h(o, t, s) {
         onUpdate: (r) => {
           o.scrollTop = r.scrollTop;
         },
-        easing: l
+        easing: l.quartInOut
       }).start();
     })
   );
 }
 function g(o) {
-  const t = f(), s = t.year(), a = t.month(), r = t.date();
+  const t = f(), s = t.year(), e = t.month(), r = t.date();
   if (m(o)) {
     let n = o;
-    return n = e.set(n, "year", s), n = e.set(n, "month", a), n = e.set(n, "date", r), n;
+    return n = a.set(n, "year", s), n = a.set(n, "month", e), n = a.set(n, "date", r), n;
   }
   return o;
 }

package/tooltip/index.js

@@ -1,6 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as F } from "../dist/tinycolor/src/index.js";
+import F from "@unicom-cloud/utils/tinycolor";
 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";

package/tour/index.js

@@ -17,12 +17,11 @@ import "@unicom-cloud/utils/constant";
 import "lodash/debounce";
 import wt from "../icon-hover/index.js";
 import R from "../space/index.js";
+import "@unicom-cloud/utils/date";
 import "@unicom-cloud/utils/case-name";
 import u from "@unicom-cloud/utils/class-name";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
 import "@unicom-cloud/utils/constant/ui";
 import "../utils/contextHolder.js";
-import "@unicom-cloud/utils/dayjs";
 import "@unicom-cloud/utils/clipboard-copy";
 import "../components/common/utils/dayjs.js";
 import "@unicom-cloud/utils/file/fileToURL";
@@ -53,13 +52,15 @@ import "../dist/react-transition-group/src/SwitchTransition.js";
 import "../dist/react-transition-group/chunk/CPfP7aNL.js";
 import "../dist/react-transition-group/src/TransitionGroup.js";
 import { resizeObserver as yt } from "../components/common/utils/resizeObserver.js";
+import "uuid";
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
 import "@unicom-cloud/utils/constant/ui.js";
 import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
-import "uuid";
 import "../dist/validate/src/index.js";
 import $t from "../config-provider/context.js";
 const xt = {
@@ -74,7 +75,7 @@ const xt = {
   zIndex: 1e3,
   current: 0
 };
-function Me(L) {
+function Ee(L) {
   const { getPrefixCls: X, componentConfig: Y, rtl: kt } = ct($t), K = gt(
     L,
     xt,
@@ -306,5 +307,5 @@ function Me(L) {
   );
 }
 export {
-  Me as default
+  Ee as default
 };

package/tour/interface.js

@@ -0,0 +1 @@
+

package/tree/NodeList.js

@@ -1,6 +1,6 @@
 import { jsx as x } from "react/jsx-runtime";
 import { forwardRef as M, useRef as y, useMemo as p, useImperativeHandle as R, createElement as D } from "react";
-import { scrollIntoView as V } from "../components/common/utils/scrollIntoView.js";
+import { scrollIntoView as V } from "../components/common/utils/scrollIntoViewIfNeeded.js";
 import b from "../virtual-list/VirtualList.js";
 import I from "./Node.js";
 function H(n) {

package/types/common/utils/constant.d.ts

@@ -1,2 +1,3 @@
 export declare const CSS_VARIABLE_ELEMENT: HTMLElement;
 export declare const NOOP: () => void;
+export { UI_PC_KEY, UI_PC_THEME_DARK_CLASS_NAME, } from '@unicom-cloud/utils/constant/ui';

package/types/common/utils/scrollIntoViewIfNeeded.d.ts

@@ -0,0 +1,4 @@
+import scrollIntoViewIfNeeded, { compute, Options, scrollIntoViewIfNeededSmooth, smoothScrollIntoViewIfNeeded } from '@unicom-cloud/scroll-into-view-if-needed';
+declare function scrollIntoView(node: HTMLElement, options?: Options): void;
+export { compute, scrollIntoView, scrollIntoViewIfNeeded, scrollIntoViewIfNeededSmooth, smoothScrollIntoViewIfNeeded, };
+export default scrollIntoView;

package/types/common/utils/tree.d.ts

@@ -0,0 +1 @@
+export { default, findNodeBy, getChildWithParentBy, getItemBy, getItemBy2, getItemBy3, getItemByID, getLabelFromDictionaryByValue, searchTree, default as tree, } from '@unicom-cloud/utils/tree';

package/types/common/utils/tween.d.ts

@@ -0,0 +1 @@
+export { default, easing, default as Tween } from '@unicom-cloud/tween';

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

@@ -1,5 +1,5 @@
 export declare function findNode(dom: HTMLElement | Document, selector: string): HTMLElement | null;
-export declare function slide(el: HTMLElement, top: number, cb: Function): void;
+export declare function slide(el: HTMLElement, top: number, cb: () => void): void;
 export declare function getContainer(targetContainer?: string | HTMLElement | Window): HTMLElement | Window | null;
 export declare function getContainerElement(scrollContainer: HTMLElement | Window): HTMLElement;
 export declare function getScrollParent(element: any): any;

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

@@ -4,6 +4,8 @@ import { Omit } from '../utils/type';
  * @title Ribbon
  */
 export interface RibbonProps {
+    style?: CSSProperties;
+    className?: string | string[];
     /**
      * @zh 缎带徽标的文本
      * @en Text of the ribbon badge

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

@@ -6,6 +6,14 @@ import { Omit } from '../utils/type';
 export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'className'> {
     style?: CSSProperties;
     className?: string | string[];
+    /**
+     * @zh 头部 className
+     */
+    headerClassName?: string | string[];
+    /**
+     * @zh 身体部 className
+     */
+    bodyClassName?: string | string[];
     children?: ReactNode;
     id?: string;
     /**

package/types/pc/color-picker/hooks/useColorPicker.d.ts

@@ -20,10 +20,15 @@ export declare const useColorPicker: (props: UseColorPickerProps) => {
     popupVisible: boolean;
     color: {
         hsv: HSV;
-        rgb: import("@unicom-cloud/tinycolor").Numberify<import("@unicom-cloud/tinycolor").RGBA>;
+        rgb: {
+            r: number;
+            g: number;
+            b: number;
+            a: number | undefined;
+        };
         hex: string;
     };
-    alpha: number;
+    alpha: number | undefined;
     onHsvChange: (_value: HSV) => void;
     onAlphaChange: (_value: number) => void;
     onVisibleChange: (newVisible: any) => void;

package/types/pc/color-picker/utils.d.ts

@@ -11,7 +11,12 @@ export declare const formatRgba: (r: number, g: number, b: number, a: number) =>
 export declare const formatHex: (r: number, g: number, b: number, a: number) => string;
 export declare const getColorFromHsv: (hsv: HSV) => {
     hsv: HSV;
-    rgb: import("@unicom-cloud/tinycolor").Numberify<import("@unicom-cloud/tinycolor").RGBA>;
+    rgb: {
+        r: number;
+        g: number;
+        b: number;
+        a: number | undefined;
+    };
     hex: string;
 };
 export declare const getRandomId: () => string;

package/types/pc/config-provider/interface.d.ts

@@ -14,11 +14,11 @@ import { CarouselProps } from '../carousel/interface';
 import { CascaderProps } from '../cascader/interface';
 import { CheckboxProps } from '../checkbox/interface';
 import { CollapseProps } from '../collapse/interface';
-import { ColorPickerProps } from '../color-picker';
+import { ColorPickerProps } from '../color-picker/interface';
 import { CommentProps } from '../comment/interface';
 import { PickerProps as DatePickerCommonProps } from '../date-picker/interface';
 import { DescriptionsProps } from '../descriptions/interface';
-import { DetailsProps } from '../details';
+import { DetailsProps } from '../details/interface';
 import { DividerProps } from '../divider/interface';
 import { DrawerProps } from '../drawer/interface';
 import { DropdownButtonProps, DropdownProps } from '../dropdown/interface';
@@ -32,11 +32,11 @@ import { InputTagProps } from '../input-tag/interface';
 import { InputProps } from '../input/interface';
 import { LayoutProps } from '../layout/interface';
 import { LinkProps } from '../link/interface';
-import { LiquidFillProps } from '../liquid-fill';
+import { LiquidFillProps } from '../liquid-fill/interface';
 import { ListItemProps, ListProps } from '../list/interface';
-import type { LoadingProps } from '../loading';
+import type { LoadingProps } from '../loading/interface';
 import { Locale } from '../locale/interface';
-import type { MarqueeProps } from '../marquee';
+import type { MarqueeProps } from '../marquee/interface';
 import { MentionsProps } from '../mentions/interface';
 import { MenuProps } from '../menu/interface';
 import { ModalProps } from '../modal/interface';
@@ -45,7 +45,7 @@ import { PaginationProps } from '../pagination/interface';
 import { PopconfirmProps } from '../popconfirm/interface';
 import { PopoverProps } from '../popover/interface';
 import { ProgressProps } from '../progress/interface';
-import { QRCodeProps } from '../qr-code';
+import { QRCodeProps } from '../qr-code/interface';
 import { RadioGroupProps, RadioProps } from '../radio/interface';
 import { RateProps } from '../rate/interface';
 import { ResizeBoxProps } from '../resize-box/interface';
@@ -66,12 +66,12 @@ import { TagProps } from '../tag/interface';
 import { PickerProps as TimePickerCommonProps } from '../time-picker/interface';
 import { TimelineItemProps, TimelineProps } from '../timeline/interface';
 import { TooltipProps } from '../tooltip/interface';
-import { TourProps } from '../tour';
+import { TourProps } from '../tour/interface';
 import { TransferProps } from '../transfer/interface';
 import { TreeSelectProps } from '../tree-select/interface';
 import { TreeProps } from '../tree/interface';
 import { TriggerProps } from '../trigger/interface';
-import { TypographyEllipsisProps, type TypographyProps } from '../typography';
+import { TypographyEllipsisProps, type TypographyProps } from '../typography/interface';
 import { UploadProps } from '../upload/interface';
 import { Omit } from '../utils/type';
 import { VerificationCodeProps } from '../verification-code/interface';

package/types/pc/form/FormItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { Row } from '../grid';
 import { FormItemProps, KeyType } from './interface';
-declare const Row: React.ForwardRefExoticComponent<import("..").RowProps & React.RefAttributes<unknown>>;
 declare const _default: <FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData>(props: FormItemProps<FormData, FieldValue, FieldKey> & {
     ref?: React.Ref<(typeof Row)["prototype"]>;
 }) => React.ReactElement;

package/types/pc/grid/Col-.d.ts

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

package/types/pc/grid/Col.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { ColProps } from './interface';
-declare const ColComponent: import("react").ForwardRefExoticComponent<ColProps & import("react").RefAttributes<unknown>>;
-export default ColComponent;
+declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+export default Col;
 export type { ColProps };

package/types/pc/grid/Grid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { GridProps } from './interface';
-declare const GridComponent: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<unknown>>;
-export default GridComponent;
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<unknown>>;
+export default Grid;
 export type { GridProps };

package/types/pc/grid/Item.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { GridItemProps } from './interface';
-declare const ForwardRefGridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<unknown>>;
-declare const GridItemComponent: typeof ForwardRefGridItem & {
+declare const GridItemForwardRef: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<unknown>>;
+declare const GridItem: typeof GridItemForwardRef & {
     __PQB_GRID_ITEM__: boolean;
 };
-export default GridItemComponent;
+export default GridItem;
 export type { GridItemProps };

package/types/pc/grid/Row.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { RowProps } from './interface';
-declare const RowComponent: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<unknown>>;
-export default RowComponent;
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export default Row;
 export type { RowProps };

package/types/pc/grid/hook/useResponsiveState.d.ts

@@ -1,2 +1,2 @@
-import { ResponsiveValue } from '../interface';
-export declare const useResponsiveState: (val: number | ResponsiveValue, defaultValue: number, fallbackToXs?: boolean) => number;
+import { type GridUnitProps } from '../interface';
+export declare const useResponsiveState: (val: GridUnitProps, defaultValue: number, fallbackToXs?: boolean) => number;

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

@@ -121,6 +121,7 @@ export interface ColProps extends Omit<HTMLAttributes<HTMLDivElement>, 'classNam
      */
     flex?: FlexType;
 }
+export type GridUnitProps = number | ResponsiveValue | undefined;
 /**
  * @title Grid
  */
@@ -132,19 +133,24 @@ export interface GridProps extends Omit<HTMLAttributes<HTMLDivElement>, 'classNa
      * @en Number of columns displayed in each row
      * @defaultValue 24
      */
-    cols?: number | ResponsiveValue;
+    cols?: GridUnitProps;
     /**
-     * @zh 行与行之间的间距
+     * @zh 间距
+     * @defaultValue 0
+     */
+    gap?: GridUnitProps | number[];
+    /**
+     * @zh 行与行之间的间距（优先级高于 gap）
      * @en The space in row-to-row
      * @defaultValue 0
      */
-    rowGap?: number | ResponsiveValue;
+    rowGap?: GridUnitProps;
     /**
-     * @zh 列与列之间的间距
+     * @zh 列与列之间的间距（优先级高于 gap）
      * @en The space in column-to-column
      * @defaultValue 0
      */
-    colGap?: number | ResponsiveValue;
+    colGap?: GridUnitProps;
     /**
      * @zh 是否折叠
      * @en Whether to collapsed
@@ -169,13 +175,13 @@ export interface GridItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'cla
      * @en Number of grids spanned
      * @defaultValue 1
      */
-    span?: number | ResponsiveValue;
+    span?: GridUnitProps;
     /**
      * @zh 左侧的间隔格数
      * @en Number of grids on the left
      * @defaultValue 0
      */
-    offset?: number | ResponsiveValue;
+    offset?: GridUnitProps;
     /**
      * @zh 是否是后缀元素
      * @en Is it a suffix element

package/types/pc/index.d.ts

@@ -79,13 +79,13 @@ export type { ContentProps, FooterProps, HeaderProps, LayoutProps, SiderProps, }
 export { default as Link } from './link';
 export type { LinkProps } from './link/interface';
 export { default as LiquidFill } from './liquid-fill';
-export type { LiquidFillProps } from './liquid-fill';
+export type { LiquidFillProps } from './liquid-fill/interface';
 export { default as List, ListItem } from './list';
 export type { ListItemMetaProps, ListItemProps, ListProps, } from './list/interface';
 export { default as Loading } from './loading';
 export type { LoadingProps } from './loading/interface';
 export { default as Marquee } from './marquee';
-export type { MarqueeProps } from './marquee';
+export type { MarqueeProps } from './marquee/interface';
 export { default as Mentions } from './mentions';
 export type { MentionsProps } from './mentions/interface';
 export { default as Menu, MenuItem, MenuItemGroup, MenuSubMenu, SubMenu, } from './menu';
@@ -109,7 +109,7 @@ export type { PortalProps, PortalWrapperProps } from './portal/interface';
 export { default as Progress } from './progress';
 export type { ProgressProps } from './progress/interface';
 export { default as QRCode } from './qr-code';
-export type { QRCodeProps } from './qr-code';
+export type { QRCodeProps } from './qr-code/interface';
 export { default as Radio, RadioGroup, RadioGroupBlock, RadioGroupContext, } from './radio';
 export type { RadioGroupProps, RadioProps } from './radio/interface';
 export { default as Rate } from './rate';
@@ -155,7 +155,7 @@ export type { TimelineItemProps, TimelineProps } from './timeline/interface';
 export { default as Tooltip } from './tooltip';
 export type { TooltipProps } from './tooltip/interface';
 export { default as Tour } from './tour';
-export type { TourProps } from './tour';
+export type { TourProps } from './tour/interface';
 export { default as Transfer } from './transfer';
 export type { TransferItemProps, TransferProps } from './transfer/interface';
 export { default as Tree, TreeNode } from './tree';

package/types/pc/liquid-fill/index.d.ts

@@ -1,115 +1,4 @@
-import React, { type CSSProperties } from 'react';
-/**
- * 颜色配置类型，支持纯色和渐变色
- */
-type ColorType = string | {
-    /** 渐变起始颜色 */
-    from: string;
-    /** 渐变结束颜色 */
-    to: string;
-    /**
-     * 渐变方向
-     * @default 'vertical' 垂直渐变
-     */
-    direction?: 'horizontal' | 'vertical';
-};
-/**
- * 水球填充组件的属性接口
- */
-export interface LiquidFillProps {
-    /** 自定义容器样式 */
-    style?: CSSProperties;
-    /** 自定义类名 */
-    className?: string | string[];
-    /**
-     * 当前填充比例 (0-1)
-     * @default 0.5
-     */
-    value: number;
-    /**
-     * 组件尺寸 (像素)
-     * @default 200
-     */
-    size?: number;
-    /**
-     * 字体大小
-     * @default size * 0.15
-     */
-    fontSize?: number | string;
-    /**
-     * 波浪颜色，支持纯色或渐变色
-     * @default 'rgb(var(--pqb-blue-6))'
-     */
-    waveColor?: ColorType;
-    /**
-     * 背景颜色，支持纯色或渐变色
-     * @default 'var(--pqb-color-neutral-1)'
-     */
-    backgroundColor?: ColorType;
-    /**
-     * 文字颜色
-     * @default 'var(--pqb-color-neutral-8)'
-     */
-    textColor?: string;
-    /**
-     * 是否显示百分比
-     * @default true
-     */
-    showPercent?: boolean;
-    /**
-     * 动画持续时间(毫秒)
-     * @default 2000
-     */
-    duration?: number;
-    /**
-     * 波浪数量
-     * @default 3
-     */
-    waveCount?: number;
-    /**
-     * 波浪振幅
-     * @default 10
-     */
-    waveAmplitude?: number;
-    /**
-     * 内层边框颜色
-     * @default 'var(--pqb-color-neutral-4)'
-     */
-    borderColor?: string;
-    /**
-     * 内层边框宽度
-     * @default 2
-     */
-    borderWidth?: number;
-    /**
-     * 外层边框颜色（默认使用内层边框颜色但透明度30%）
-     */
-    outerBorderColor?: string;
-    /**
-     * 外层边框宽度
-     * @default 0（不显示）
-     */
-    outerBorderWidth?: number;
-    /**
-     * 内外层边框间距
-     * @default 2
-     */
-    borderGap?: number;
-    /**
-     * 百分比显示的小数位数
-     * @default 0（整数）
-     */
-    decimalPlaces?: number;
-    /**
-     * 百分号相对于数字的缩放比例
-     * @default 0.5
-     */
-    percentFontScale?: number;
-    /**
-     * 波浪速度变化系数（值越大速度差异越大）
-     * @default 0.5
-     */
-    waveSpeedVariation?: number;
-}
+import React from 'react';
+import type { LiquidFillProps } from './interface';
 declare const LiquidFill: React.FC<LiquidFillProps>;
 export default LiquidFill;