@canlooks/can-ui 0.0.21 → 0.0.22

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

@@ -1,19 +1,25 @@
+import React from 'react';
 import { DIVProps, DefineElement } from '../../../types';
 import { TransitionBaseProps } from '../transitionBase';
 export interface OverlayBaseProps extends DIVProps {
-    /** 模态的容器元素，@default document.body */
+    /** 模态的容器元素，默认为document.body */
     container?: DefineElement;
-    /** 为true时，跟随父组件强制渲染；为false时，只有打开状态渲染，关闭后销毁；为undefined时，第一次打开时渲染，跟随父组件销毁。 */
-    forceRender?: boolean;
+    /**
+     * @enum {true} 跟随父组件强制渲染
+     * @enum {false} 打开时渲染，关闭后销毁
+     * @enum {undefined} 第一次打开时渲染，跟随父组件销毁
+     * 默认为`undefined`
+     */
+    forceRender?: boolean | undefined;
     open?: boolean;
     onMaskClick?: React.MouseEventHandler<HTMLDivElement>;
-    /** 是否只显示一层遮罩，@default true */
+    /** 是否只显示一层遮罩，默认为true */
     singleLayer?: boolean;
     onOpened?(): void;
     onClosed?(): void;
     maskProps?: TransitionBaseProps<HTMLDivElement>;
-    /** 遮罩层打开时是否移除当前焦点，@default true */
+    /** 遮罩层打开时是否移除当前焦点，默认为`true` */
     removeFocusOnOpen?: boolean;
 }
 export declare const overlayBaseTransitionDuration = 300;
-export declare const OverlayBase: import("react").ForwardRefExoticComponent<Omit<OverlayBaseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function OverlayBase({ container, forceRender, open, onMaskClick, singleLayer, onOpened, onClosed, maskProps, removeFocusOnOpen, ...props }: OverlayBaseProps): false | React.ReactPortal;

package/dist/cjs/components/overlayBase/overlayBase.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayBase = exports.overlayBaseTransitionDuration = void 0;
+exports.overlayBaseTransitionDuration = void 0;
+exports.OverlayBase = OverlayBase;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const overlayBase_style_1 = require("./overlayBase.style");
@@ -8,7 +9,7 @@ const utils_1 = require("../../utils");
 const react_dom_1 = require("react-dom");
 const transitionBase_1 = require("../transitionBase");
 exports.overlayBaseTransitionDuration = 300;
-exports.OverlayBase = (0, react_1.forwardRef)(({ container, forceRender, open, onMaskClick, singleLayer, onOpened, onClosed, maskProps, removeFocusOnOpen = true, ...props }, ref) => {
+function OverlayBase({ container, forceRender, open, onMaskClick, singleLayer, onOpened, onClosed, maskProps, removeFocusOnOpen = true, ...props }) {
     const [shouldRender, setShouldRender] = (0, utils_1.useDerivedState)((prev = false) => {
         if (open) {
             return true;
@@ -41,5 +42,5 @@ exports.OverlayBase = (0, react_1.forwardRef)(({ container, forceRender, open, o
         onClosed?.();
         forceRender === false && setShouldRender(false);
     };
-    return shouldRender.current && (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { ...props, ref: ref, css: overlayBase_style_1.style, className: (0, utils_1.classnames)(overlayBase_style_1.classes.root, props.className), "data-open": open, "data-custom-container": typeof container !== 'undefined', children: [(0, jsx_runtime_1.jsx)(transitionBase_1.Fade, { timeout: exports.overlayBaseTransitionDuration, ...maskProps, in: open, className: (0, utils_1.classnames)(overlayBase_style_1.classes.mask, maskProps?.className), onClick: clickHandler, onEntered: onEntered, onExited: onExited }), props.children] }), containerEl);
-});
+    return shouldRender.current && (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { ...props, css: overlayBase_style_1.style, className: (0, utils_1.classnames)(overlayBase_style_1.classes.root, props.className), "data-open": open, "data-custom-container": typeof container !== 'undefined', children: [(0, jsx_runtime_1.jsx)(transitionBase_1.Fade, { timeout: exports.overlayBaseTransitionDuration, ...maskProps, in: open, className: (0, utils_1.classnames)(overlayBase_style_1.classes.mask, maskProps?.className), onClick: clickHandler, onEntered: onEntered, onExited: onExited }), props.children] }), containerEl);
+}

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

@@ -3,19 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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)('overlay-base', [
     'mask'
 ]);
-exports.style = (0, utils_1.defineCss)(({ text, fontSize }) => [
-    app_style_1.style,
-    (0, react_1.css) `
+exports.style = (0, utils_1.defineCss)(theme => {
+    const { text, fontSize } = theme;
+    return [
+        (0, app_style_1.appStyleCallback)(theme),
+        (0, react_1.css) `
         color: ${text.primary};
         font-size: ${fontSize}px;
         position: fixed;
         inset: 0;
-        z-index: ${app_1.zIndex.overlay};
+        z-index: ${theme_1.zIndex.overlay};
 
         &[data-custom-container=true] {
             position: absolute;
@@ -31,4 +33,5 @@ exports.style = (0, utils_1.defineCss)(({ text, fontSize }) => [
             pointer-events: none;
         }
     `
-]);
+    ];
+});

package/dist/cjs/components/pagination/counter.d.ts

@@ -1,4 +1,4 @@
 import { DIVProps } from '../../../types';
 export interface PaginationCounterProps extends DIVProps {
 }
-export declare const PaginationCounter: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<PaginationCounterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const PaginationCounter: import("react").MemoExoticComponent<(props: PaginationCounterProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/cjs/components/pagination/counter.js

@@ -6,9 +6,9 @@ const react_1 = require("react");
 const utils_1 = require("../../utils");
 const pagination_style_1 = require("./pagination.style");
 const pagination_1 = require("./pagination");
-exports.PaginationCounter = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
-    const { total, page, pageSize } = (0, react_1.useContext)(pagination_1.paginationContext);
+exports.PaginationCounter = (0, react_1.memo)((props) => {
+    const { total, page, pageSize } = (0, pagination_1.usePaginationContext)();
     const start = (page - 1) * pageSize + 1;
     const end = Math.min(start + pageSize - 1, total);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, ref: ref, className: (0, utils_1.classnames)(pagination_style_1.classes.counter, props.className), children: ["\u7B2C ", start, "-", end, " \u6761/\u5171 ", total, " \u6761"] }));
-}));
+    return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: (0, utils_1.classnames)(pagination_style_1.classes.counter, props.className), children: ["\u7B2C ", start, "-", end, " \u6761/\u5171 ", total, " \u6761"] }));
+});

package/dist/cjs/components/pagination/jumper.d.ts

@@ -5,4 +5,4 @@ export interface PaginationJumperProps extends DIVProps {
     InputProps?: InputProps;
     InputRef?: Ref<HTMLDivElement>;
 }
-export declare const PaginationJumper: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<PaginationJumperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const PaginationJumper: import("react").MemoExoticComponent<({ InputProps, InputRef, ...props }: PaginationJumperProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/cjs/components/pagination/jumper.js

@@ -7,8 +7,8 @@ const utils_1 = require("../../utils");
 const pagination_style_1 = require("./pagination.style");
 const input_1 = require("../input");
 const pagination_1 = require("./pagination");
-exports.PaginationJumper = (0, react_1.memo)((0, react_1.forwardRef)(({ InputProps, InputRef, ...props }, ref) => {
-    const { size, onPageChange, pageNum } = (0, react_1.useContext)(pagination_1.paginationContext);
+exports.PaginationJumper = (0, react_1.memo)(({ InputProps, InputRef, ...props }) => {
+    const { size, onPageChange, pageNum } = (0, pagination_1.usePaginationContext)();
     const [inputValue, setInputValue] = (0, react_1.useState)('');
     const changeFn = () => {
         const targetPage = parseInt(inputValue);
@@ -17,5 +17,5 @@ exports.PaginationJumper = (0, react_1.memo)((0, react_1.forwardRef)(({ InputPro
         }
         setInputValue('');
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, ref: ref, className: (0, utils_1.classnames)(pagination_style_1.classes.jumper, props.className), children: [(0, jsx_runtime_1.jsx)("span", { children: "\u8DF3\u81F3" }), (0, jsx_runtime_1.jsx)(input_1.Input, { size: size, clearable: false, ...InputProps, ref: InputRef, className: (0, utils_1.classnames)(pagination_style_1.classes.input, InputProps?.className), value: inputValue, onChange: e => setInputValue(e.target.value), onBlur: changeFn, onKeyDown: e => e.key === 'Enter' && changeFn() }), (0, jsx_runtime_1.jsx)("span", { children: "\u9875" })] }));
-}));
+    return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: (0, utils_1.classnames)(pagination_style_1.classes.jumper, props.className), children: [(0, jsx_runtime_1.jsx)("span", { children: "\u8DF3\u81F3" }), (0, jsx_runtime_1.jsx)(input_1.Input, { size: size, clearable: false, ...InputProps, ref: InputRef, className: (0, utils_1.classnames)(pagination_style_1.classes.input, InputProps?.className), value: inputValue, onChange: e => setInputValue(e.target.value), onBlur: changeFn, onKeyDown: e => e.key === 'Enter' && changeFn() }), (0, jsx_runtime_1.jsx)("span", { children: "\u9875" })] }));
+});

package/dist/cjs/components/pagination/pager.d.ts

@@ -1,4 +1,4 @@
 import { DIVProps } from '../../../types';
 export interface PaginationPagerProps extends DIVProps {
 }
-export declare const PaginationPager: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<PaginationPagerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const PaginationPager: import("react").MemoExoticComponent<(props: PaginationPagerProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/cjs/components/pagination/pager.js

@@ -8,10 +8,10 @@ const button_1 = require("../button");
 const pagination_style_1 = require("./pagination.style");
 const pagination_1 = require("./pagination");
 const utils_1 = require("../../utils");
-const app_1 = require("../app");
-exports.PaginationPager = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
-    const { text } = (0, app_1.useTheme)();
-    const { size, pageNum, page, onPageChange } = (0, react_1.useContext)(pagination_1.paginationContext);
+const theme_1 = require("../theme");
+exports.PaginationPager = (0, react_1.memo)((props) => {
+    const { text } = (0, theme_1.useTheme)();
+    const { size, pageNum, page, onPageChange } = (0, pagination_1.usePaginationContext)();
     const renderPageButton = (i, ellipsis) => {
         const btnPage = i + 1;
         const isActive = !ellipsis && btnPage === page;
@@ -49,5 +49,5 @@ exports.PaginationPager = (0, react_1.memo)((0, react_1.forwardRef)((props, ref)
                     : renderPageButton(page + i - 5, i === 1 || i === 7);
         });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, ref: ref, className: (0, utils_1.classnames)(pagination_style_1.classes.pager, props.className), children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: pagination_style_1.classes.button, variant: "text", size: size, color: "text", disabled: page === 1, onClick: () => onPageChange(page - 1), children: (0, jsx_runtime_1.jsx)(icons_1.LeftOutlined, {}) }), renderPageList(), (0, jsx_runtime_1.jsx)(button_1.Button, { className: pagination_style_1.classes.button, variant: "text", size: size, color: "text", disabled: page === pageNum, onClick: () => onPageChange(page + 1), children: (0, jsx_runtime_1.jsx)(icons_1.RightOutlined, {}) })] }));
-}));
+    return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: (0, utils_1.classnames)(pagination_style_1.classes.pager, props.className), children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: pagination_style_1.classes.button, variant: "text", size: size, color: "text", disabled: page === 1, onClick: () => onPageChange(page - 1), children: (0, jsx_runtime_1.jsx)(icons_1.LeftOutlined, {}) }), renderPageList(), (0, jsx_runtime_1.jsx)(button_1.Button, { className: pagination_style_1.classes.button, variant: "text", size: size, color: "text", disabled: page === pageNum, onClick: () => onPageChange(page + 1), children: (0, jsx_runtime_1.jsx)(icons_1.RightOutlined, {}) })] }));
+});

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

@@ -15,7 +15,7 @@ export interface PaginationProps extends Omit<DIVProps, 'onChange'> {
     onPageSizeChange?(pageSize: number): void;
     onChange?(page: number, pageSize: number): void;
 }
-export declare const paginationContext: import("react").Context<{
+export declare function usePaginationContext(): {
     size: Size;
     total: number;
     pageNum: number;
@@ -23,7 +23,7 @@ export declare const paginationContext: import("react").Context<{
     onPageChange(page: number): void;
     pageSize: number;
     onPageSizeChange(pageSize: number): void;
-}>;
+};
 export declare const Pagination: {
     (props: PaginationProps): ReactElement;
     Counter: typeof PaginationCounter;

package/dist/cjs/components/pagination/pagination.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = exports.paginationContext = void 0;
+exports.Pagination = void 0;
+exports.usePaginationContext = usePaginationContext;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const pagination_style_1 = require("./pagination.style");
@@ -9,7 +10,7 @@ const pager_1 = require("./pager");
 const sizer_1 = require("./sizer");
 const jumper_1 = require("./jumper");
 const counter_1 = require("./counter");
-exports.paginationContext = (0, react_1.createContext)({
+const PaginationContext = (0, react_1.createContext)({
     size: 'small',
     total: 0,
     pageNum: 1,
@@ -18,7 +19,10 @@ exports.paginationContext = (0, react_1.createContext)({
     pageSize: 10,
     onPageSizeChange(pageSize) { }
 });
-exports.Pagination = (0, react_1.memo)((0, react_1.forwardRef)(({ size = 'small', total = 0, defaultPage = 1, page, onPageChange, defaultPageSize = 10, pageSize, onPageSizeChange, onChange, ...props }, ref) => {
+function usePaginationContext() {
+    return (0, react_1.useContext)(PaginationContext);
+}
+exports.Pagination = (0, react_1.memo)(({ size = 'small', total = 0, defaultPage = 1, page, onPageChange, defaultPageSize = 10, pageSize, onPageSizeChange, onChange, ...props }) => {
     const [innerPage, setInnerPage] = (0, utils_1.useControlled)(defaultPage, page, onPageChange);
     const [innerPageSize, setInnerPageSize] = (0, utils_1.useControlled)(defaultPageSize, pageSize, onPageSizeChange);
     const pageChangeHandler = (page) => {
@@ -29,7 +33,7 @@ exports.Pagination = (0, react_1.memo)((0, react_1.forwardRef)(({ size = 'small'
         setInnerPageSize(pageSize);
         onChange?.(innerPage.current, pageSize);
     };
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, css: pagination_style_1.style, className: (0, utils_1.classnames)(pagination_style_1.classes.root, props.className), children: (0, jsx_runtime_1.jsx)(exports.paginationContext.Provider, { value: {
+    return ((0, jsx_runtime_1.jsx)("div", { ...props, css: pagination_style_1.style, className: (0, utils_1.classnames)(pagination_style_1.classes.root, props.className), children: (0, jsx_runtime_1.jsx)(PaginationContext, { value: {
                 size,
                 total,
                 pageNum: Math.max(Math.ceil(total / innerPageSize.current), 1),
@@ -39,4 +43,4 @@ exports.Pagination = (0, react_1.memo)((0, react_1.forwardRef)(({ size = 'small'
                 onPageSizeChange: pageSizeChangeHandler
             }, children: props.children ||
                 (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(counter_1.PaginationCounter, {}), (0, jsx_runtime_1.jsx)(pager_1.PaginationPager, {}), (0, jsx_runtime_1.jsx)(sizer_1.PaginationSizer, {}), (0, jsx_runtime_1.jsx)(jumper_1.PaginationJumper, {})] }) }) }));
-}));
+});

package/dist/cjs/components/pagination/sizer.d.ts

@@ -1,5 +1,6 @@
+import { ReactElement } from 'react';
 import { SelectSingleProps } from '../select';
 import { MenuOptionType } from '../optionsBase';
 import { Id } from '../../../types';
 export type PaginationSizerProps<O extends MenuOptionType, V extends Id = Id> = SelectSingleProps<O, V>;
-export declare const PaginationSizer: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<PaginationSizerProps<MenuOptionType<Id>, Id>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const PaginationSizer: <O extends MenuOptionType, V extends Id = Id>(props: PaginationSizerProps<O, V>) => ReactElement;

package/dist/cjs/components/pagination/sizer.js

@@ -7,7 +7,7 @@ const select_1 = require("../select");
 const pagination_1 = require("./pagination");
 const utils_1 = require("../../utils");
 const pagination_style_1 = require("./pagination.style");
-exports.PaginationSizer = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
-    const { size, pageSize, onPageSizeChange } = (0, react_1.useContext)(pagination_1.paginationContext);
-    return ((0, jsx_runtime_1.jsxs)(select_1.Select, { size: size, value: pageSize, onChange: onPageSizeChange, renderBackfill: (v) => v + ' 条/页', sizeAdaptable: false, ...props, ref: ref, className: (0, utils_1.classnames)(pagination_style_1.classes.pager, props.className), children: [(0, jsx_runtime_1.jsx)(select_1.Select.Option, { value: 10, label: "10 \u6761/\u9875" }), (0, jsx_runtime_1.jsx)(select_1.Select.Option, { value: 20, label: "20 \u6761/\u9875" }), (0, jsx_runtime_1.jsx)(select_1.Select.Option, { value: 50, label: "50 \u6761/\u9875" }), (0, jsx_runtime_1.jsx)(select_1.Select.Option, { value: 100, label: "100 \u6761/\u9875" })] }));
-}));
+exports.PaginationSizer = (0, react_1.memo)((props) => {
+    const { size, pageSize, onPageSizeChange } = (0, pagination_1.usePaginationContext)();
+    return ((0, jsx_runtime_1.jsxs)(select_1.Select, { size: size, value: pageSize, onChange: onPageSizeChange, renderBackfill: (v) => v + ' 条/页', sizeAdaptable: false, ...props, className: (0, utils_1.classnames)(pagination_style_1.classes.pager, props.className), children: [(0, jsx_runtime_1.jsx)(select_1.Select.Option, { value: 10, label: "10 \u6761/\u9875" }), (0, jsx_runtime_1.jsx)(select_1.Select.Option, { value: 20, label: "20 \u6761/\u9875" }), (0, jsx_runtime_1.jsx)(select_1.Select.Option, { value: 50, label: "50 \u6761/\u9875" }), (0, jsx_runtime_1.jsx)(select_1.Select.Option, { value: 100, label: "100 \u6761/\u9875" })] }));
+});

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

@@ -7,4 +7,4 @@ export interface PaletteProps extends Omit<DIVProps, 'defaultValue' | 'onChange'
     onChange?(value: Color): void;
     draggableOptions?: DraggableOptions<HTMLDivElement>;
 }
-export declare const Palette: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<PaletteProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Palette: import("react").MemoExoticComponent<({ defaultValue, value, onChange, draggableOptions, ...props }: PaletteProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/cjs/components/palette/palette.js

@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const palette_style_1 = require("./palette.style");
 const utils_1 = require("../../utils");
-const app_1 = require("../app");
+const theme_1 = require("../theme");
 const slider_1 = require("../slider");
 const color_1 = tslib_1.__importDefault(require("color"));
 const button_1 = require("../button");
@@ -21,9 +21,9 @@ const sliderProps = {
     tooltipProps: { disabled: true }
 };
 const availableFormat = ['HEX', 'RGB', 'HSL', 'CMYK'];
-exports.Palette = (0, react_1.memo)((0, react_1.forwardRef)(({ defaultValue, value, onChange, draggableOptions, ...props }, ref) => {
-    const { colors } = (0, app_1.useTheme)();
-    const [innerValue, setInnerValue] = (0, utils_1.useControlled)(defaultValue ?? (0, color_1.default)(colors.primary, 'hex'), value, onChange);
+exports.Palette = (0, react_1.memo)(({ defaultValue, value, onChange, draggableOptions, ...props }) => {
+    const { colors } = (0, theme_1.useTheme)();
+    const [innerValue, setInnerValue] = (0, utils_1.useControlled)(defaultValue ?? (0, color_1.default)(colors.primary.main, 'hex'), value, onChange);
     const colorObject = (0, react_1.useMemo)(() => {
         return {
             hue: innerValue.current.hue(),
@@ -51,7 +51,7 @@ exports.Palette = (0, react_1.memo)((0, react_1.forwardRef)(({ defaultValue, val
         setInnerValue(innerValue.current.black(newTop).saturationv(newLeft).hue(hue));
         return [newLeft, newTop];
     };
-    const dragStartData = (0, react_1.useRef)();
+    const dragStartData = (0, react_1.useRef)(void 0);
     const draggableHandle = (0, utils_1.useDraggableHandle)({
         ...draggableOptions,
         onDragStart(e) {
@@ -108,11 +108,11 @@ exports.Palette = (0, react_1.memo)((0, react_1.forwardRef)(({ defaultValue, val
                     }
                 })(), commonAlphaItem] }));
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, ref: ref, css: palette_style_1.style, className: (0, utils_1.classnames)(palette_style_1.classes.root, props.className), children: [(0, jsx_runtime_1.jsxs)("div", { ref: paletteRef, className: palette_style_1.classes.main, style: { backgroundImage: `linear-gradient(90deg, #ffffff, ${colorObject.saturated})` }, ...draggableHandle, children: [(0, jsx_runtime_1.jsx)("div", { className: palette_style_1.classes.mask }), (0, jsx_runtime_1.jsx)("div", { className: palette_style_1.classes.handle, style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { ...props, css: palette_style_1.style, className: (0, utils_1.classnames)(palette_style_1.classes.root, props.className), children: [(0, jsx_runtime_1.jsxs)("div", { ref: paletteRef, className: palette_style_1.classes.main, style: { backgroundImage: `linear-gradient(90deg, #ffffff, ${colorObject.saturated})` }, ...draggableHandle, children: [(0, jsx_runtime_1.jsx)("div", { className: palette_style_1.classes.mask }), (0, jsx_runtime_1.jsx)("div", { className: palette_style_1.classes.handle, style: {
                             left: handlePosition[0] + '%',
                             top: handlePosition[1] + '%'
                         }, ...draggableHandle })] }), (0, jsx_runtime_1.jsxs)("div", { className: palette_style_1.classes.slidersRow, children: [(0, jsx_runtime_1.jsxs)("div", { className: palette_style_1.classes.sliders, children: [(0, jsx_runtime_1.jsx)(slider_1.Slider, { ...sliderProps, className: palette_style_1.classes.hue, value: colorObject.hue / 359 * 100, onChange: hueChangeHandler }), (0, jsx_runtime_1.jsx)(slider_1.Slider, { ...sliderProps, className: palette_style_1.classes.alpha, renderRail: (_, railProps) => (0, jsx_runtime_1.jsxs)("div", { ...railProps, children: [railProps.children, (0, jsx_runtime_1.jsx)("div", { className: palette_style_1.classes.alphaMask, style: { backgroundImage: `linear-gradient(90deg, transparent, ${colorObject.saturated})` } })] }), value: colorObject.alpha * 100, onChange: alphaChangeHandler })] }), (0, jsx_runtime_1.jsx)("div", { className: palette_style_1.classes.preview, children: (0, jsx_runtime_1.jsx)("div", { className: palette_style_1.classes.previewColor, style: {
                                 backgroundColor: colorObject.hex,
                                 opacity: colorObject.alpha
                             } }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: palette_style_1.classes.inputRow, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "plain", color: "text", suffix: (0, jsx_runtime_1.jsx)(icons_1.DownOutlined, {}), onClick: formatChangeHandler, children: availableFormat[activeFormat] }), renderInputs()] })] }));
-}));
+});

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

@@ -1,9 +1,9 @@
 export declare const classes: {
-    mask: string;
     main: string;
     input: string;
     hue: string;
     alpha: string;
+    mask: string;
     handle: string;
     slidersRow: string;
     sliders: string;

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

@@ -104,7 +104,7 @@ exports.style = (0, utils_1.defineCss)(({ spacing, borderRadius, background, div
     
                     &:before {
                         content: '';
-                        ${(0, exports.getTranparentBackground)(background.body, background.card)}
+                        ${(0, exports.getTranparentBackground)(background.body, background.content)}
                         background-size: 9px;
                     }
                 }
@@ -117,7 +117,7 @@ exports.style = (0, utils_1.defineCss)(({ spacing, borderRadius, background, div
             border-radius: ${borderRadius}px;
             border: 1px solid ${divider};
             overflow: hidden;
-            ${(0, exports.getTranparentBackground)(background.body, background.card)}
+            ${(0, exports.getTranparentBackground)(background.body, background.content)}
             background-size: 50% 50%;
             position: relative;
     

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

@@ -3,7 +3,10 @@ import { DialogProps } from '../dialog';
 import { OptionType, SelectionContextBaseProps } from '../selectionContext';
 import { SelectedListProps } from '../selectedList';
 import { Id } from '../../../types';
-export interface PickerDialogProps<O extends OptionType<V>, V extends Id = Id> extends Omit<DialogProps, 'ref' | 'children' | 'onConfirm'>, Omit<SelectionContextBaseProps<O, V>, 'children'> {
+export type PickerDialogRef<V extends Id = Id> = {
+    open(value?: V | V[]): Promise<V | V[]>;
+};
+export interface PickerDialogProps<O extends OptionType<V>, V extends Id = Id> extends Omit<DialogProps, 'ref' | 'children' | 'onConfirm' | 'onToggle'>, Omit<SelectionContextBaseProps<O, V>, 'children'> {
     ref?: Ref<PickerDialogRef<V>>;
     /** 默认的ref已被PickerDialogRef取代，需要dialogRef指向dialog元素 */
     dialogRef?: Ref<HTMLDivElement>;
@@ -12,7 +15,7 @@ export interface PickerDialogProps<O extends OptionType<V>, V extends Id = Id> e
         multiple?: boolean;
     }) => ReactNode);
     showSelectedList?: boolean;
-    /** 已选列表的位置，@default "left" */
+    /** 已选列表的位置，默认为`right` */
     selectedListPlacement?: 'left' | 'right';
     selectedListProps?: SelectedListProps<V>;
     selectedItemProps?: SelectedListProps<V>['itemProps'];
@@ -22,7 +25,4 @@ export interface PickerDialogProps<O extends OptionType<V>, V extends Id = Id> e
     /** @alias {@link options} */
     nodes?: O[];
 }
-export type PickerDialogRef<V extends Id = Id> = {
-    open(value?: V | V[]): Promise<V | V[]>;
-};
 export declare const PickerDialog: <O extends OptionType<V>, V extends Id = Id>(props: PickerDialogProps<O, V>) => ReactElement;

package/dist/cjs/components/pickerDialog/pickerDialog.js

@@ -11,11 +11,11 @@ const divider_1 = require("../divider");
 const selectedList_1 = require("../selectedList");
 const button_1 = require("../button");
 const icons_1 = require("@ant-design/icons");
-exports.PickerDialog = (0, react_1.forwardRef)(({ dialogRef, multiple, children, showSelectedList = !!multiple, selectedListPlacement = 'left', selectedListProps, selectedItemProps, onConfirm, rows, nodes, 
+exports.PickerDialog = (({ ref, dialogRef, multiple, children, showSelectedList = !!multiple, selectedListPlacement = 'right', selectedListProps, selectedItemProps, onConfirm, rows, nodes, 
 // 以下属性从SelectionContextBaseProps继承
-options = rows ?? nodes, primaryKey = 'id', childrenKey = 'children', relation = 'dependent', integration = 'shallowest', disabled, clearable = !!multiple, onToggle, ...props }, ref) => {
-    const resolveFn = (0, react_1.useRef)();
-    const rejectFn = (0, react_1.useRef)();
+options = rows ?? nodes, primaryKey = 'id', childrenKey = 'children', relation = 'dependent', integration = 'shallowest', disabled, clearable = !!multiple, onToggle, ...props }) => {
+    const resolveFn = (0, react_1.useRef)(void 0);
+    const rejectFn = (0, react_1.useRef)(void 0);
     const [innerValue, _setInnerValue] = (0, react_1.useState)(multiple ? [] : null);
     const setInnerValue = (value) => {
         _setInnerValue(value);
@@ -73,7 +73,7 @@ options = rows ?? nodes, primaryKey = 'id', childrenKey = 'children', relation =
                 onExited: exitedHanlder,
                 ...props.modalProps
             }, ...showSelectedList && {
-                [selectedListPlacement === 'left' ? 'prefix' : 'sufix']: ((0, jsx_runtime_1.jsxs)("div", { className: pickerDialog_style_1.classes.selectedArea, children: [(0, jsx_runtime_1.jsxs)(divider_1.Divider, { className: pickerDialog_style_1.classes.count, textAlign: "start", children: [(0, jsx_runtime_1.jsxs)("div", { children: ["\u5DF2\u9009\u62E9", (0, jsx_runtime_1.jsx)("b", { children: selectedCount }), "\u9879"] }), clearable &&
+                [selectedListPlacement === 'left' ? 'prefix' : 'suffix']: ((0, jsx_runtime_1.jsxs)("div", { className: pickerDialog_style_1.classes.selectedArea, children: [(0, jsx_runtime_1.jsxs)(divider_1.Divider, { className: pickerDialog_style_1.classes.count, textAlign: "start", children: [(0, jsx_runtime_1.jsxs)("div", { children: ["\u5DF2\u9009\u62E9", (0, jsx_runtime_1.jsx)("b", { children: selectedCount }), "\u9879"] }), clearable &&
                                     (0, jsx_runtime_1.jsx)(button_1.Button, { prefix: (0, jsx_runtime_1.jsx)(icons_1.DeleteOutlined, {}), variant: "plain", color: "text", onClick: () => setInnerValue(multiple ? [] : null), children: "\u6E05\u7A7A" })] }), (0, jsx_runtime_1.jsx)(selectedList_1.SelectedList, { itemProps: selectedItemProps, ...selectedListProps, className: (0, utils_1.classnames)(pickerDialog_style_1.classes.list, selectedListProps?.className) }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: pickerDialog_style_1.classes.confirm, disabled: selectedCount === 0, onClick: () => confirmHandler(), children: "\u786E\u5B9A" })] }))
             }, children: renderChildren() }) }));
 });

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

@@ -1,7 +1,7 @@
 export declare const classes: {
     content: string;
-    list: string;
     confirm: string;
+    list: string;
     selectedArea: string;
     count: string;
 } & {

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

@@ -17,4 +17,4 @@ export interface PlaceholderProps extends Omit<DIVProps, 'title'> {
     descriptionComponent?: any;
     extra?: ReactNode;
 }
-export declare const Placeholder: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<PlaceholderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Placeholder: import("react").MemoExoticComponent<({ status, image, title, description, descriptionComponent: DescriptionComponent, extra, ...props }: PlaceholderProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

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

@@ -5,7 +5,7 @@ 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;