@canlooks/can-ui 0.0.21 → 0.0.23

package/dist/cjs/components/placeholder/placeholder.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const placeholder_style_1 = require("./placeholder.style");
 const utils_1 = require("../../utils");
-const app_1 = require("../app");
+const theme_1 = require("../theme");
 exports.imagePreset = {
     emptyLight: 'data:image/png;base64,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',
     emptyDark: 'data:image/png;base64,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',
@@ -15,18 +15,18 @@ exports.imagePreset = {
     info: 'data:image/png;base64,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',
     searching: 'data:image/png;base64,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'
 };
-exports.Placeholder = (0, react_1.memo)((0, react_1.forwardRef)(({ status = 'empty', image, title = status === 'warning' ? '警告'
+exports.Placeholder = (0, react_1.memo)(({ status = 'empty', image, title = status === 'warning' ? '警告'
     : status === 'error' ? '出错啦'
         : status === 'success' ? '成功'
             : void 0, description = status === 'empty' ? '暂无数据'
     : status === 'searching' ? '搜索中...'
-        : void 0, descriptionComponent: DescriptionComponent = 'div', extra, ...props }, ref) => {
-    const { mode } = (0, app_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, ref: ref, css: placeholder_style_1.style, className: (0, utils_1.classnames)(placeholder_style_1.classes.root, props.className), children: [image ??
+        : void 0, descriptionComponent: DescriptionComponent = 'div', extra, ...props }) => {
+    const { mode } = (0, theme_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)("div", { ...props, css: placeholder_style_1.style, className: (0, utils_1.classnames)(placeholder_style_1.classes.root, props.className), children: [image ??
                 (0, jsx_runtime_1.jsx)("img", { className: placeholder_style_1.classes.image, src: status === 'empty'
                         ? (mode === 'light' ? exports.imagePreset.emptyLight : exports.imagePreset.emptyDark)
-                        : exports.imagePreset[status] }), !!title &&
+                        : exports.imagePreset[status], alt: "" }), !!title &&
                 (0, jsx_runtime_1.jsx)("div", { className: placeholder_style_1.classes.title, children: title }), !!description &&
                 (0, jsx_runtime_1.jsx)(DescriptionComponent, { className: placeholder_style_1.classes.description, children: description }), !!extra &&
                 (0, jsx_runtime_1.jsx)("div", { className: placeholder_style_1.classes.extra, children: extra })] }));
-}));
+});

package/dist/cjs/components/popper/popper.d.ts

@@ -1,11 +1,11 @@
 import { ReactElement, ReactNode, Ref } from 'react';
-import { DIVProps, DefineElement, Placement } from '../../../types';
+import { DIVProps, DefineElement, Placement } from '../../types';
 export type Trigger = 'click' | 'hover' | 'focus' | 'enter' | 'contextMenu';
 export interface PopperProps extends Omit<DIVProps, 'content' | 'children'> {
     popperRef?: Ref<PopperRef | null>;
     /** 若不指定anchorElement，默认使用{@link children}作为目标锚点元素 */
     anchorElement?: DefineElement<HTMLElement>;
-    /** 弹框渲染的容器元素，@default document.body */
+    /** 弹框渲染的容器元素，默认为{@link document.body} */
     container?: DefineElement<HTMLElement>;
     /** 汽泡里的内容 */
     content?: ReactNode;
@@ -16,13 +16,13 @@ export interface PopperProps extends Omit<DIVProps, 'content' | 'children'> {
     variant?: 'zoom' | 'collapse';
     /**
      * 限制弹框的宽度或高度与children的一致
-     * {@link variant}为"zoom"时，@default false
-     * {@link variant}为"collapse"时，@default true
+     * @enum {@link variant}为`zoom`时，默认为`false`
+     * @enum {@link variant}为`collapse`时，默认为`true`
      */
     sizeAdaptable?: boolean;
-    /** trigger{@link trigger}包含"hover"时，鼠标移入移的延迟时间，@default 100 (ms) */
+    /** trigger{@link trigger}包含"hover"时，鼠标移入移的延迟时间，默认为`100(ms)` */
     mouseEnterDelay?: number;
-    /**@default 150 (ms) */
+    /**默认为`150(ms)` */
     mouseLeaveDelay?: number;
     defaultOpen?: boolean;
     open?: boolean;
@@ -32,9 +32,9 @@ export interface PopperProps extends Omit<DIVProps, 'content' | 'children'> {
     /** 点击内部选项是否自动关闭popper */
     autoClose?: boolean;
     /**
-     * 为@enum {true}时，跟随父组件强制渲染；
-     * 为@enum {false}时，只有打开状态渲染，关闭后销毁；
-     * 为@enum {undefined}时，第一次打开时渲染，跟随父组件销毁。
+     * @enum {true} 跟随父组件强制渲染；
+     * @enum {false} 只有打开状态渲染，关闭后销毁；
+     * @enum {undefined} 第一次打开时渲染，跟随父组件销毁。
      */
     forceRender?: boolean;
     children?: ReactElement;
@@ -45,4 +45,4 @@ export interface PopperRef extends HTMLDivElement {
         openAnimation?: boolean;
     }, beforeOpen?: () => void): void;
 }
-export declare const Popper: import("react").ForwardRefExoticComponent<Omit<PopperProps, "ref"> & import("react").RefAttributes<any>>;
+export declare function Popper({ ref, popperRef, anchorElement, container, content, offset, trigger, placement, variant, sizeAdaptable, mouseEnterDelay, mouseLeaveDelay, defaultOpen, open, onOpenChange, onOpenChangeEnd, disabled, autoClose, forceRender, children, ...props }: PopperProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/popper/popper.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popper = void 0;
+exports.Popper = Popper;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
@@ -8,7 +8,7 @@ const utils_1 = require("../../utils");
 const clickAway_1 = require("../clickAway");
 const popper_style_1 = require("./popper.style");
 const popperContext_1 = require("./popperContext");
-const app_1 = require("../app");
+const theme_1 = require("../theme");
 const getAttemptOrder = (placement) => {
     const withoutPlaceB = {
         'top': ['top', 'bottom', 'left', 'right', 'top'],
@@ -23,8 +23,8 @@ const getAttemptOrder = (placement) => {
     common.splice(common.indexOf(placement), 1);
     return [placement, ...common, placement];
 };
-exports.Popper = (0, react_1.forwardRef)(({ popperRef, anchorElement, container = document.body, content, offset, trigger = ['hover', 'focus'], placement = 'top', variant = 'zoom', sizeAdaptable = variant === 'collapse', mouseEnterDelay = 100, mouseLeaveDelay = 150, defaultOpen = false, open, onOpenChange, onOpenChangeEnd, disabled, autoClose = false, forceRender, children, ...props }, ref) => {
-    const { spacing } = (0, app_1.useTheme)();
+function Popper({ ref, popperRef, anchorElement, container = document.body, content, offset, trigger = ['hover', 'focus'], placement = 'top', variant = 'zoom', sizeAdaptable = variant === 'collapse', mouseEnterDelay = 100, mouseLeaveDelay = 150, defaultOpen = false, open, onOpenChange, onOpenChangeEnd, disabled, autoClose = false, forceRender, children, ...props }) {
+    const { spacing } = (0, theme_1.useTheme)();
     offset ??= spacing[2];
     (0, react_1.useImperativeHandle)(popperRef, () => {
         if (innerPopperRef.current) {
@@ -79,8 +79,8 @@ exports.Popper = (0, react_1.forwardRef)(({ popperRef, anchorElement, container
     const [popperPosition, setPopperPosition] = (0, react_1.useState)();
     const [popperSize, setPopperSize] = (0, react_1.useState)();
     const [openNextFrame, setOpenNextFrame] = (0, utils_1.useDerivedState)(!innerOpen.current, [innerOpen.current, contextMenuEvent.current]);
-    const placeA = (0, react_1.useRef)();
-    const placeB = (0, react_1.useRef)();
+    const placeA = (0, react_1.useRef)(void 0);
+    const placeB = (0, react_1.useRef)(void 0);
     const fitPosition = (options, beforeOpen) => {
         const containerRect = containerEl.getBoundingClientRect();
         const popperEl = innerPopperRef.current;
@@ -330,12 +330,13 @@ exports.Popper = (0, react_1.forwardRef)(({ popperRef, anchorElement, container
     }, [trigger]);
     // hover
     const hoverable = triggersSet.has('hover');
-    const enterTimeout = (0, react_1.useRef)();
-    const leaveTimeout = (0, react_1.useRef)();
+    const enterTimeout = (0, react_1.useRef)(void 0);
+    const leaveTimeout = (0, react_1.useRef)(void 0);
+    const childrenProps = children?.props;
     const onPointerEnter = (0, react_1.useCallback)((e) => {
-        children?.props.onPointerEnter?.(e);
+        childrenProps?.onPointerEnter?.(e);
         pointerEnterHandler();
-    }, [children?.props.onPointerEnter, mouseEnterDelay]);
+    }, [childrenProps?.onPointerEnter, mouseEnterDelay]);
     const pointerEnterHandler = () => {
         clearTimeout(leaveTimeout.current);
         const fn = () => setInnerOpen(true);
@@ -344,9 +345,9 @@ exports.Popper = (0, react_1.forwardRef)(({ popperRef, anchorElement, container
             : fn();
     };
     const onPointerLeave = (0, react_1.useCallback)((e) => {
-        children?.props.onPointerLeave?.(e);
+        childrenProps?.onPointerLeave?.(e);
         pointerLeaveHandler();
-    }, [children?.props.onPointerLeave, mouseLeaveDelay]);
+    }, [childrenProps?.onPointerLeave, mouseLeaveDelay]);
     const pointerLeaveHandler = () => {
         clearTimeout(enterTimeout.current);
         const fn = () => setInnerOpen(false);
@@ -356,21 +357,21 @@ exports.Popper = (0, react_1.forwardRef)(({ popperRef, anchorElement, container
     };
     // focus
     const onFocus = (0, react_1.useCallback)((e) => {
-        children?.props.onFocus?.(e);
+        childrenProps?.onFocus?.(e);
         setInnerOpen(openHolding.current = true);
-    }, [children?.props.onFocus]);
+    }, [childrenProps?.onFocus]);
     const onBlur = (0, react_1.useCallback)((e) => {
-        children?.props.onBlur?.(e);
+        childrenProps?.onBlur?.(e);
         setInnerOpen(openHolding.current = false);
-    }, [children?.props.onBlur]);
+    }, [childrenProps?.onBlur]);
     // enter
     const onKeyDown = (0, react_1.useCallback)((e) => {
-        children?.props.onKeyDown?.(e);
+        childrenProps?.onKeyDown?.(e);
         e.key === 'Enter' && setInnerOpen(openHolding.current = true);
-    }, [children?.props.onKeyDown]);
+    }, [childrenProps?.onKeyDown]);
     // click
     const onClick = (0, react_1.useCallback)((e) => {
-        children?.props.onClick?.(e);
+        childrenProps?.onClick?.(e);
         if (triggersSet.has('click')) {
             setInnerOpen(openHolding.current = true);
         }
@@ -378,19 +379,19 @@ exports.Popper = (0, react_1.forwardRef)(({ popperRef, anchorElement, container
             // trigger中不包含"click"，则无需保持打开状态，否则会与focus冲突
             openHolding.current = false;
         }
-    }, [children?.props.onClick]);
+    }, [childrenProps?.onClick]);
     const onClickAway = () => {
         setInnerOpen(openHolding.current = false);
     };
     // contextMenu
     const onContextMenu = (0, react_1.useCallback)((e) => {
-        children?.props.onContextMenu?.(e);
+        childrenProps?.onContextMenu?.(e);
         e.preventDefault();
         setInnerOpen(openHolding.current = true, e);
-    }, [children?.props.onContextMenu]);
+    }, [childrenProps?.onContextMenu]);
     /**
      * --------------------------------------------------------------
-     * popperContext
+     * PopperContext
      */
     const beforeOpenCallbacks = (0, react_1.useRef)(new Set());
     const triggerBeforeOpen = () => {
@@ -437,5 +438,5 @@ exports.Popper = (0, react_1.forwardRef)(({ popperRef, anchorElement, container
                     }, onPointerLeave: e => {
                         props.onPointerLeave?.(e);
                         hoverable && pointerLeaveHandler();
-                    }, onTransitionEnd: onTransitionEnd, children: (0, jsx_runtime_1.jsx)(popperContext_1.popperContext.Provider, { value: contextValue, children: content }) }) }), containerEl)] }));
-});
+                    }, onTransitionEnd: onTransitionEnd, children: (0, jsx_runtime_1.jsx)(popperContext_1.PopperContext, { value: contextValue, children: content }) }) }), containerEl)] }));
+}

package/dist/cjs/components/popper/popper.style.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../app';
+import { Theme } from '../theme';
 export declare const classes: {
     popper: string;
 } & {

package/dist/cjs/components/popper/popper.style.js

@@ -3,54 +3,57 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.popperStyle = exports.popperStyleCallback = exports.popperArrowStyle = exports.style = exports.classes = void 0;
 const react_1 = require("@emotion/react");
 const utils_1 = require("../../utils");
-const app_1 = require("../app");
 const app_style_1 = require("../app/app.style");
+const theme_1 = require("../theme");
 exports.classes = (0, utils_1.defineClasses)('popper', [
     'popper',
 ]);
-exports.style = (0, utils_1.defineCss)(({ fontSize, easing }) => [
-    app_style_1.style,
-    (0, react_1.css) `
-        font-size: ${fontSize}px;
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: ${app_1.zIndex.popper};
-        transition-property: transform, opacity;
-        transition-duration: .25s;
-
-        &[data-open=true] {
-            transition-timing-function: ${easing.bounce}, ${easing.easeOut};
-            opacity: 1;
-            transform: scale(1);
-        }
-
-        &:not([data-open=true]) {
-            transition-timing-function: ${easing.easeIn};
-            opacity: 0;
+exports.style = (0, utils_1.defineCss)(theme => {
+    const { easing, fontSize } = theme;
+    return [
+        (0, app_style_1.appStyleCallback)(theme),
+        (0, react_1.css) `
+            font-size: ${fontSize}px;
+            position: absolute;
+            top: 0;
+            left: 0;
+            z-index: ${theme_1.zIndex.popper};
+            transition-property: transform, opacity;
+            transition-duration: .25s;
 
-            &[data-variant=zoom] {
-                transform: scale(0);
+            &[data-open=true] {
+                transition-timing-function: ${easing.bounce}, ${easing.easeOut};
+                opacity: 1;
+                transform: scale(1);
             }
 
-            &[data-variant=collapse] {
-                &[data-place-a=top], &[data-place-a=bottom] {
-                    transform: scaleY(0);
+            &:not([data-open=true]) {
+                transition-timing-function: ${easing.easeIn};
+                opacity: 0;
+
+                &[data-variant=zoom] {
+                    transform: scale(0);
                 }
 
-                &[data-place-a=left], &[data-place-a=right] {
-                    transform: scaleX(0);
+                &[data-variant=collapse] {
+                    &[data-place-a=top], &[data-place-a=bottom] {
+                        transform: scaleY(0);
+                    }
+
+                    &[data-place-a=left], &[data-place-a=right] {
+                        transform: scaleX(0);
+                    }
                 }
             }
-        }
-    `
-]);
+        `
+    ];
+});
 /**
  *  通用弹框箭头样式
  * @param colorValue
  * @param arrowSize
  */
-const popperArrowStyle = (colorValue, arrowSize = (0, app_1.spacing)(3.5)) => (0, react_1.css) `
+const popperArrowStyle = (colorValue, arrowSize = 10) => (0, react_1.css) `
     [data-show-arrow=true]:before {
         content: '';
         position: absolute;
@@ -58,7 +61,7 @@ const popperArrowStyle = (colorValue, arrowSize = (0, app_1.spacing)(3.5)) => (0
         height: ${arrowSize}px;
         background-color: ${colorValue};
     }
-    
+
     &[data-place-a=top] {
         [data-show-arrow=true]:before {
             clip-path: polygon(50% 50%, 0 0, 100% 0);
@@ -66,7 +69,7 @@ const popperArrowStyle = (colorValue, arrowSize = (0, app_1.spacing)(3.5)) => (0
             left: calc(50% - ${arrowSize / 2}px);
         }
     }
-    
+
     &[data-place-a=bottom] {
         [data-show-arrow=true]:before {
             clip-path: polygon(50% 50%, 100% 100%, 0 100%);
@@ -74,7 +77,7 @@ const popperArrowStyle = (colorValue, arrowSize = (0, app_1.spacing)(3.5)) => (0
             left: calc(50% - ${arrowSize / 2}px);
         }
     }
-    
+
     &[data-place-a=left] {
         [data-show-arrow=true]:before {
             clip-path: polygon(50% 50%, 0 0, 0 100%);
@@ -82,7 +85,7 @@ const popperArrowStyle = (colorValue, arrowSize = (0, app_1.spacing)(3.5)) => (0
             top: calc(50% - ${arrowSize / 2}px);
         }
     }
-    
+
     &[data-place-a=right] {
         [data-show-arrow=true]:before {
             clip-path: polygon(50% 50%, 100% 100%, 100% 0);
@@ -90,26 +93,26 @@ const popperArrowStyle = (colorValue, arrowSize = (0, app_1.spacing)(3.5)) => (0
             top: calc(50% - ${arrowSize / 2}px);
         }
     }
-    
+
     &[data-place-b=Left] {
         [data-show-arrow=true]:before {
             left: 9px;
         }
     }
-    
+
     &[data-place-b=Right] {
         [data-show-arrow=true]:before {
             left: auto;
             right: 9px;
         }
     }
-    
+
     &[data-place-b=Top] {
         [data-show-arrow=true]:before {
             top: 9px;
         }
     }
-    
+
     &[data-place-b=Bottom] {
         [data-show-arrow=true]:before {
             top: auto;
@@ -122,7 +125,7 @@ exports.popperArrowStyle = popperArrowStyle;
  *  通用弹框样式
  */
 const popperStyleCallback = ({ background, borderRadius, boxShadow }) => (0, react_1.css) `
-    background-color: ${background.card};
+    background-color: ${background.content};
     border-radius: ${borderRadius}px;
     box-shadow: ${boxShadow[0]};
     display: flex;

package/dist/cjs/components/popper/popperContext.d.ts

@@ -1,5 +1,5 @@
 import { SetStateAction } from 'react';
-export declare const popperContext: import("react").Context<{
+export declare const PopperContext: import("react").Context<{
     autoClose: boolean;
     open: boolean;
     setOpen(open: SetStateAction<boolean>): void;

package/dist/cjs/components/popper/popperContext.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.popperContext = void 0;
+exports.PopperContext = void 0;
 exports.usePopperContext = usePopperContext;
 exports.useBeforeOpen = useBeforeOpen;
 exports.useScrollToSelected = useScrollToSelected;
 const react_1 = require("react");
-exports.popperContext = (0, react_1.createContext)({
+exports.PopperContext = (0, react_1.createContext)({
     autoClose: false,
     open: false,
     setOpen(open) { },
     beforeOpenCallbacks: new Set()
 });
 function usePopperContext() {
-    return (0, react_1.useContext)(exports.popperContext);
+    return (0, react_1.useContext)(exports.PopperContext);
 }
 /**
  * 弹框打开之前会触发callback，通常用于scrollIntoView等需要计算弹框尺寸的操作
@@ -31,7 +31,7 @@ function useBeforeOpen(callback) {
  * 当弹框打开时，滚动至已选项，返回一个ref
  */
 function useScrollToSelected() {
-    const ref = (0, react_1.useRef)();
+    const ref = (0, react_1.useRef)(null);
     const isFirst = (0, react_1.useRef)(true);
     const isMultiple = (0, react_1.useRef)(false);
     useBeforeOpen(() => {

package/dist/cjs/components/progress/progress.d.ts

@@ -1,22 +1,23 @@
-import { ColorPropsValue, DIVProps } from '../../../types';
+import React from 'react';
+import { ColorPropsValue, DIVProps } from '../../types';
 export interface ProgressProps extends DIVProps {
     showInfo?: boolean;
     color?: ColorPropsValue;
     status?: 'default' | 'processing' | 'success' | 'error';
     variant?: 'linear' | 'circular' | 'gauge';
-    /** {@link variant}为"gauge"时有效，下方缺口的角度，@default 90 */
+    /** {@link variant}为`gauge`时有效，下方缺口的角度，默认为`90` */
     gapDegree?: number;
-    /** {@link variant}为"circular"时有效，表示圆圈的大小 */
+    /** {@link variant}为`circular`时有效，表示圆圈的大小 */
     size?: number;
     /**
-     * {@link variant}为"linear"时，表示进度条粗细
-     * {@link variant}为"circular"或"gauge"时，表示圆环的宽度
-     * @default 4
+     * @enum {@link variant}为`linear`时，表示进度条粗细
+     * @enum {@link variant}为`circular`或`gauge`时，表示圆环的宽度
+     * 默认为4
      */
     barWidth?: number;
-    /** 若indeterminate为true，则会一直播放动画，@default false */
+    /** 若为`true`，则会一直播放动画，默认为`false` */
     indeterminate?: boolean;
     strokeLinecap?: React.SVGAttributes<SVGCircleElement>['strokeLinecap'];
     value?: number;
 }
-export declare const Progress: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Progress: React.MemoExoticComponent<({ showInfo, color, status, variant, gapDegree, size, indeterminate, barWidth, strokeLinecap, value, ...props }: ProgressProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/cjs/components/progress/progress.js

@@ -6,17 +6,17 @@ const react_1 = require("react");
 const progress_style_1 = require("./progress.style");
 const utils_1 = require("../../utils");
 const icons_1 = require("@ant-design/icons");
-const app_1 = require("../app");
+const theme_1 = require("../theme");
 const react_2 = require("@emotion/react");
-exports.Progress = (0, react_1.memo)((0, react_1.forwardRef)(({ showInfo = true, color = 'primary', status = 'default', variant = 'linear', gapDegree = 90, size = 60, indeterminate = false, barWidth = 4, strokeLinecap = variant === 'gauge' ? 'butt' : 'round', value = 0, ...props }, ref) => {
-    const { colors: { success, error } } = (0, app_1.useTheme)();
+exports.Progress = (0, react_1.memo)(({ showInfo = true, color = 'primary', status = 'default', variant = 'linear', gapDegree = 90, size = 60, indeterminate = false, barWidth = 4, strokeLinecap = variant === 'gauge' ? 'butt' : 'round', value = 0, ...props }) => {
+    const { colors: { success, error } } = (0, theme_1.useTheme)();
     const isSucceed = status === 'success' || (status !== 'error' && value === 100 && variant !== 'gauge');
     const renderInfo = () => {
         if (isSucceed) {
-            return (0, jsx_runtime_1.jsx)(icons_1.CheckCircleFilled, { className: progress_style_1.classes.icon, style: { color: success } });
+            return (0, jsx_runtime_1.jsx)(icons_1.CheckCircleFilled, { className: progress_style_1.classes.icon, style: { color: success.main } });
         }
         if (status === 'error') {
-            return (0, jsx_runtime_1.jsx)(icons_1.CloseCircleFilled, { className: progress_style_1.classes.icon, style: { color: error } });
+            return (0, jsx_runtime_1.jsx)(icons_1.CloseCircleFilled, { className: progress_style_1.classes.icon, style: { color: error.main } });
         }
         return value + '%';
     };
@@ -50,7 +50,7 @@ exports.Progress = (0, react_1.memo)((0, react_1.forwardRef)(({ showInfo = true,
         }
         return;
     }, [indeterminate, variant, strokeLinecap, size, barWidth]);
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, css: (0, progress_style_1.useStyle)({ color, variant }), className: (0, utils_1.classnames)(progress_style_1.classes.root, props.className), "data-variant": variant, "data-indeterminate": indeterminate, "data-processing": value < 100 && status === 'processing', "data-success": isSucceed, "data-error": status === 'error', children: variant === 'linear'
+    return ((0, jsx_runtime_1.jsx)("div", { ...props, css: (0, progress_style_1.useStyle)({ color, variant }), className: (0, utils_1.classnames)(progress_style_1.classes.root, props.className), "data-variant": variant, "data-indeterminate": indeterminate, "data-processing": value < 100 && status === 'processing', "data-success": isSucceed, "data-error": status === 'error', children: variant === 'linear'
             ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: progress_style_1.classes.track, style: {
                             height: barWidth,
                             ...props.style
@@ -66,4 +66,4 @@ exports.Progress = (0, react_1.memo)((0, react_1.forwardRef)(({ showInfo = true,
                                     ? strokeDasharray * (1 - value / 100)
                                     : strokeDasharray * (1 - Math.max(0, Math.min(100, value)) / 100 * (1 - gapDegree / 360)) })] }), showInfo && !indeterminate &&
                         (0, jsx_runtime_1.jsx)("div", { className: progress_style_1.classes.info, children: renderInfo() })] }) }));
-}));
+});

package/dist/cjs/components/progress/progress.style.js

@@ -67,13 +67,13 @@ function useStyle({ color, variant }) {
 
                 &[data-success=true] {
                     .${exports.classes.bar} {
-                        background-color: ${colors.success};
+                        background-color: ${colors.success.main};
                     }
                 }
 
                 &[data-error=true] {
                     .${exports.classes.bar} {
-                        background-color: ${colors.error};
+                        background-color: ${colors.error.main};
                     }
                 }
 
@@ -112,13 +112,13 @@ function useStyle({ color, variant }) {
 
                 &[data-success=true] {
                     .${exports.classes.bar} {
-                        stroke: ${colors.success};
+                        stroke: ${colors.success.main};
                     }
                 }
 
                 &[data-error=true] {
                     .${exports.classes.bar} {
-                        stroke: ${colors.error};
+                        stroke: ${colors.error.main};
                     }
                 }
 

package/dist/cjs/components/radio/radio.d.ts

@@ -1,13 +1,13 @@
 import { ReactElement } from 'react';
 import { CheckboxBaseProps } from '../checkboxBase';
-import { CheckboxBaseGroupSingleProps, ItemType } from '../checkboxBaseGroup';
-import { Id } from '../../../types';
+import { CheckboxBaseGroupCommonProps, ItemType } from '../checkboxBaseGroup';
+import { Id, SelectableSingleProps } from '../../types';
 export interface RadioProps extends Omit<CheckboxBaseProps, '_type' | 'indeterminate'> {
 }
 export declare const Radio: {
     (props: RadioProps): ReactElement;
     Group: typeof RadioGroup;
 };
-export interface RadioGroupProps<I extends ItemType, V extends Id = Id> extends Omit<CheckboxBaseGroupSingleProps<I, V>, 'multiple'> {
+export interface RadioGroupProps<I extends ItemType, V extends Id = Id> extends CheckboxBaseGroupCommonProps<I>, Omit<SelectableSingleProps<V>, 'multiple'> {
 }
-export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps<ItemType, Id>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: <I extends ItemType, V extends Id = Id>(props: RadioGroupProps<I, V>) => ReactElement;

package/dist/cjs/components/radio/radio.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroup = exports.Radio = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
 const checkboxBase_1 = require("../checkboxBase");
 const checkboxBaseGroup_1 = require("../checkboxBaseGroup");
-exports.Radio = (0, react_1.forwardRef)((props, ref) => {
-    return (0, jsx_runtime_1.jsx)(checkboxBase_1.CheckboxBase, { ...props, ref: ref, _type: "radio" });
+exports.Radio = ((props) => {
+    return (0, jsx_runtime_1.jsx)(checkboxBase_1.CheckboxBase, { ...props, _type: "radio" });
 });
-exports.RadioGroup = (0, react_1.forwardRef)((props, ref) => {
-    return (0, jsx_runtime_1.jsx)(checkboxBaseGroup_1.CheckboxBaseGroup, { ...props, ref: ref });
+exports.RadioGroup = ((props) => {
+    return (0, jsx_runtime_1.jsx)(checkboxBaseGroup_1.CheckboxBaseGroup, { ...props });
 });

package/dist/cjs/components/rating/rating.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ColorPropsValue, DIVProps, Size } from '../../../types';
+import { ColorPropsValue, DIVProps, Size } from '../../types';
 export type CharacterProps = {
     index: number;
     active?: true;
@@ -8,12 +8,12 @@ export type CharacterProps = {
 export interface RatingProps extends Omit<DIVProps, 'defaultValue' | 'onChange'> {
     color?: ColorPropsValue;
     size?: Size;
-    /** 星星的数量，@default 5 */
+    /** 星星的数量，默认为`5` */
     count?: number;
     renderStar?: ReactNode | ((characterProps: CharacterProps) => ReactNode);
     /** 允许选中半颗星 */
     allowHalf?: boolean;
-    /** 为true时只高亮选中的星星，否则从第一颗开始高亮至选中，@default false */
+    /** 为true时只高亮选中的星星，否则从第一颗开始高亮至选中，默认为`false` */
     highlightSelectedOnly?: boolean;
     defaultValue?: number;
     value?: number;
@@ -21,4 +21,4 @@ export interface RatingProps extends Omit<DIVProps, 'defaultValue' | 'onChange'>
     readOnly?: boolean;
     disabled?: boolean;
 }
-export declare const Rating: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<RatingProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Rating: import("react").MemoExoticComponent<({ color, size, count, renderStar, allowHalf, highlightSelectedOnly, defaultValue, value, onChange, readOnly, disabled, ...props }: RatingProps) => import("@emotion/react/jsx-runtime").JSX.Element>;