@canlooks/can-ui 0.0.160 → 0.0.161

package/dist/esm/components/loadingIndicator/index.d.ts

@@ -1 +1 @@
-export * from './loadingIndicator';
+export * from './loadingIndicator.js';

package/dist/esm/components/loadingIndicator/index.js

@@ -1 +1 @@
-export * from './loadingIndicator';
+export * from './loadingIndicator.js';

package/dist/esm/components/loadingIndicator/loadingIndicator.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue, DivProps } from '../../types';
+import { ColorPropsValue, DivProps } from '../../types.js';
 export interface LoadingIndicatorProps extends DivProps {
     /** 默认为`1rem` */
     size?: number;

package/dist/esm/components/loadingIndicator/loadingIndicator.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { clsx } from '../../utils';
-import { classes, useStyle } from './loadingIndicator.style';
+import { clsx } from '../../utils/index.js';
+import { classes, useStyle } from './loadingIndicator.style.js';
 import { memo } from 'react';
 export const LoadingIndicator = memo(({ size, borderWidth = 2, color = 'primary', ...props }) => {
     return (_jsx("div", { ...props, css: useStyle({ color: color || 'primary', borderWidth }), className: clsx(classes.root, props.className), style: {

package/dist/esm/components/loadingIndicator/loadingIndicator.style.d.ts

@@ -1,4 +1,4 @@
-import { LoadingIndicatorProps } from './loadingIndicator';
+import { LoadingIndicatorProps } from './loadingIndicator.js';
 export declare const classes: {
     indicator: string;
 } & {

package/dist/esm/components/loadingIndicator/loadingIndicator.style.js

@@ -1,5 +1,5 @@
 import { css, keyframes } from '@emotion/react';
-import { defineInnerClasses, useColor, useCss } from '../../utils';
+import { defineInnerClasses, useColor, useCss } from '../../utils/index.js';
 import Color from 'color';
 export const classes = defineInnerClasses('loading-indicator', [
     'indicator'

package/dist/esm/components/loadingMask/index.d.ts

@@ -1 +1 @@
-export * from './loadingMask';
+export * from './loadingMask.js';

package/dist/esm/components/loadingMask/index.js

@@ -1 +1 @@
-export * from './loadingMask';
+export * from './loadingMask.js';

package/dist/esm/components/loadingMask/loadingMask.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement, ReactNode } from 'react';
-import { LoadingIndicatorProps } from '../loadingIndicator';
-import { ProgressProps } from '../progress';
-import { ColorPropsValue } from '../../types';
-import { BackdropProps } from '../backdrop';
+import { LoadingIndicatorProps } from '../loadingIndicator/index.js';
+import { ProgressProps } from '../progress/index.js';
+import { ColorPropsValue } from '../../types.js';
+import { BackdropProps } from '../backdrop/index.js';
 export interface LoadingMaskProps<T extends HTMLElement = HTMLElement> extends BackdropProps<T> {
     text?: ReactNode;
     /** 传入progress字段会显示进度条 */

package/dist/esm/components/loadingMask/loadingMask.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useMemo, useState } from 'react';
-import { classes, style } from './loadingMask.style';
-import { LoadingIndicator } from '../loadingIndicator';
-import { Progress } from '../progress';
-import { clsx } from '../../utils';
-import { Backdrop } from '../backdrop';
+import { classes, style } from './loadingMask.style.js';
+import { LoadingIndicator } from '../loadingIndicator/index.js';
+import { Progress } from '../progress/index.js';
+import { clsx } from '../../utils/index.js';
+import { Backdrop } from '../backdrop/index.js';
 export const LoadingMask = memo(({ open = false, text = '加载中...', progress, color, indicatorProps, progressProps, ...props }) => {
     const [visible, setVisible] = useState(open);
     useMemo(() => {

package/dist/esm/components/loadingMask/loadingMask.style.js

@@ -1,6 +1,6 @@
-import { defineInnerClasses, defineCss } from '../../utils';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
 import { css } from '@emotion/react';
-import { classes as progressClasses } from '../progress/progress.style';
+import { classes as progressClasses } from '../progress/progress.style.js';
 export const classes = defineInnerClasses('loading-mask', [
     'indicator',
     'text',

package/dist/esm/components/menu/index.d.ts

@@ -1 +1 @@
-export * from './menu';
+export * from './menu.js';

package/dist/esm/components/menu/index.js

@@ -1 +1 @@
-export * from './menu';
+export * from './menu.js';

package/dist/esm/components/menu/menu.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { DivProps, Id, Obj, SelectableProps, Size } from '../../types';
-import { MenuItemProps } from '../menuItem';
+import { DivProps, Id, Obj, SelectableProps, Size } from '../../types.js';
+import { MenuItemProps } from '../menuItem/index.js';
 export type ForwardProps = {
     size?: Size;
     showCheckbox?: boolean;

package/dist/esm/components/menu/menu.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { createContext, memo, useContext, useMemo } from 'react';
-import { style } from './menu.style';
-import { MenuItem } from '../menuItem';
-import { useControlled } from '../../utils';
-import { useTheme } from '../theme';
-import { useFlatSelection } from '../selectionContext';
+import { style } from './menu.style.js';
+import { MenuItem } from '../menuItem/index.js';
+import { useControlled } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { useFlatSelection } from '../selectionContext/index.js';
 const MenuContext = createContext({});
 export function useMenuContext() {
     const theme = useTheme();

package/dist/esm/components/menu/menu.style.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses } from '../../utils';
-import { menuListPadding } from '../menuItem/menuItem.style';
+import { defineInnerClasses } from '../../utils/index.js';
+import { menuListPadding } from '../menuItem/menuItem.style.js';
 export const classes = defineInnerClasses('menu');
 export const style = css `
     @layer reset {

package/dist/esm/components/menuItem/index.d.ts

@@ -1 +1 @@
-export * from './menuItem';
+export * from './menuItem.js';

package/dist/esm/components/menuItem/index.js

@@ -1 +1 @@
-export * from './menuItem';
+export * from './menuItem.js';

package/dist/esm/components/menuItem/menuItem.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
-import { ColorPropsValue, DivProps, Size } from '../../types';
-import { CheckboxProps } from '../checkbox';
+import { ColorPropsValue, DivProps, Size } from '../../types.js';
+import { CheckboxProps } from '../checkbox/index.js';
 export interface MenuItemProps extends Omit<DivProps, 'prefix'> {
     value?: string | number;
     size?: Size;

package/dist/esm/components/menuItem/menuItem.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { Children, cloneElement, isValidElement, memo } from 'react';
-import { menuListPadding, childrenStyle, classes, paddingHorizontal, useStyle } from './menuItem.style';
-import { clsx, isUnset, toArray, useControlled } from '../../utils';
-import { Checkbox } from '../checkbox';
-import { usePopperContext } from '../popper';
-import { useMenuContext } from '../menu';
-import { Collapse } from '../transitionBase';
-import { Icon } from '../icon';
+import { menuListPadding, childrenStyle, classes, paddingHorizontal, useStyle } from './menuItem.style.js';
+import { clsx, isUnset, toArray, useControlled } from '../../utils/index.js';
+import { Checkbox } from '../checkbox/index.js';
+import { usePopperContext } from '../popper/index.js';
+import { useMenuContext } from '../menu/index.js';
+import { Collapse } from '../transitionBase/index.js';
+import { Icon } from '../icon/index.js';
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons/faChevronDown';
 export const MenuItem = memo(({ value, size, color = 'primary', emphasized = false, selected, focused = false, disabled = false, showCheckbox, checkboxProps, ellipsis, prefix, label, suffix, searchToken, scrollHere, _level = 0, indent, expandIcon, defaultExpanded = false, expanded, onExpandedChange, ...props }) => {
     const context = useMenuContext();

package/dist/esm/components/menuItem/menuItem.style.d.ts

@@ -1,4 +1,4 @@
-import { MenuItemProps } from './menuItem';
+import { MenuItemProps } from './menuItem.js';
 export declare const classes: {
     children: string;
     prefix: string;

package/dist/esm/components/menuItem/menuItem.style.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss, useColor, useCss } from '../../utils';
+import { defineInnerClasses, defineCss, useColor, useCss } from '../../utils/index.js';
 import Color from 'color';
 export const classes = defineInnerClasses('menu-item', [
     'content',

package/dist/esm/components/modal/index.d.ts

@@ -1 +1 @@
-export * from './modal';
+export * from './modal.js';

package/dist/esm/components/modal/index.js

@@ -1 +1 @@
-export * from './modal';
+export * from './modal.js';

package/dist/esm/components/modal/modal.d.ts

@@ -1,5 +1,5 @@
-import { OverlayBaseProps } from '../overlayBase';
-import { TransitionBaseProps } from '../transitionBase';
+import { OverlayBaseProps } from '../overlayBase/index.js';
+import { TransitionBaseProps } from '../transitionBase/index.js';
 export interface ModalProps extends OverlayBaseProps {
     modalProps?: TransitionBaseProps<HTMLDivElement>;
 }

package/dist/esm/components/modal/modal.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useMemo, useRef } from 'react';
-import { OverlayBase, overlayBaseTransitionDuration } from '../overlayBase';
-import { classes, style } from './modal.style';
-import { clsx } from '../../utils';
-import { Grow } from '../transitionBase';
-import { useTheme } from '../theme';
-import { useEventDelegation } from '../app/globalEventDelegation';
+import { OverlayBase, overlayBaseTransitionDuration } from '../overlayBase/index.js';
+import { classes, style } from './modal.style.js';
+import { clsx } from '../../utils/index.js';
+import { Grow } from '../transitionBase/index.js';
+import { useTheme } from '../theme/index.js';
+import { useEventDelegation } from '../app/globalEventDelegation.js';
 export function Modal({ modalProps, ...props }) {
     const { zoom } = useTheme();
     const transformOrigin = useRef(void 0);

package/dist/esm/components/modal/modal.style.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses } from '../../utils';
+import { defineInnerClasses } from '../../utils/index.js';
 export const classes = defineInnerClasses('modal', [
     'modal',
 ]);

package/dist/esm/components/optionsBase/filterOptions.d.ts

@@ -1,4 +1,4 @@
 import { ReactNode } from 'react';
-import { Id } from '../../types';
-import { MenuOptionType, OptionsBaseProps } from './optionsBase';
+import { Id } from '../../types.js';
+import { MenuOptionType, OptionsBaseProps } from './optionsBase.js';
 export declare function useFilterOptions<O extends MenuOptionType<V>, V extends Id = Id>({ searchValue, options, children, filterPredicate, labelKey, searchTokenKey, _optionsAlreadyFilter }: Pick<OptionsBaseProps<O, V>, 'searchValue' | 'children' | 'options' | 'filterPredicate' | 'labelKey' | 'searchTokenKey' | '_optionsAlreadyFilter'>): (O | ReactNode)[];

package/dist/esm/components/optionsBase/index.d.ts

@@ -1 +1 @@
-export * from './optionsBase';
+export * from './optionsBase.js';

package/dist/esm/components/optionsBase/index.js

@@ -1 +1 @@
-export * from './optionsBase';
+export * from './optionsBase.js';

package/dist/esm/components/optionsBase/optionsBase.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactElement, ReactNode } from 'react';
-import { MenuItemProps } from '../menuItem';
-import { LoadingProps } from '../loading';
-import { OptionType } from '../selectionContext';
-import { Id } from '../../types';
+import { MenuItemProps } from '../menuItem/index.js';
+import { LoadingProps } from '../loading/index.js';
+import { OptionType } from '../selectionContext/index.js';
+import { Id } from '../../types.js';
 export interface MenuOptionType<V extends Id = Id> extends Omit<MenuItemProps, 'children'>, Omit<OptionType<V>, 'children'> {
     /**
      * 若指定为`true`，则弹框打开时会自动滚动到该选项，默认为`false`

package/dist/esm/components/optionsBase/optionsBase.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useMemo, memo, isValidElement, cloneElement, useRef } from 'react';
-import { Highlight } from '../highlight';
-import { MenuItem } from '../menuItem';
-import { Placeholder } from '../placeholder';
-import { clsx, isSelected, mergeComponentProps, useKeyboard, useSync } from '../../utils';
-import { classes, style } from './optionsBase.style';
-import { Loading } from '../loading';
-import { usePopperContext, useScrollToTarget } from '../popper';
-import { useFilterOptions } from './filterOptions';
+import { Highlight } from '../highlight/index.js';
+import { MenuItem } from '../menuItem/index.js';
+import { Placeholder } from '../placeholder/index.js';
+import { clsx, isSelected, mergeComponentProps, useKeyboard, useSync } from '../../utils/index.js';
+import { classes, style } from './optionsBase.style.js';
+import { Loading } from '../loading/index.js';
+import { usePopperContext, useScrollToTarget } from '../popper/index.js';
+import { useFilterOptions } from './filterOptions.js';
 export const OptionsBase = memo(({ 
 // 共享属性
 showCheckbox, loading, options, children, labelKey = 'label', primaryKey = 'value', searchTokenKey = 'searchToken', filterPredicate, 

package/dist/esm/components/optionsBase/optionsBase.style.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses } from '../../utils';
+import { defineInnerClasses } from '../../utils/index.js';
 export const classes = defineInnerClasses('options-base', [
     'optionsList'
 ]);

package/dist/esm/components/overlayBase/index.d.ts

@@ -1 +1 @@
-export * from './overlayBase';
+export * from './overlayBase.js';

package/dist/esm/components/overlayBase/index.js

@@ -1 +1 @@
-export * from './overlayBase';
+export * from './overlayBase.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DivProps, DefineElement } from '../../types';
-import { TransitionBaseProps } from '../transitionBase';
+import { DivProps, DefineElement } from '../../types.js';
+import { TransitionBaseProps } from '../transitionBase/index.js';
 export interface OverlayBaseProps extends DivProps {
     /** 模态的容器元素，默认为document.body */
     container?: DefineElement<HTMLElement>;

package/dist/esm/components/overlayBase/overlayBase.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useEffect } from 'react';
-import { classes, style } from './overlayBase.style';
-import { clsx, mergeComponentProps, useContainer, useDerivedState } from '../../utils';
+import { classes, style } from './overlayBase.style.js';
+import { clsx, mergeComponentProps, useContainer, useDerivedState } from '../../utils/index.js';
 import { createPortal } from 'react-dom';
-import { Fade } from '../transitionBase';
+import { Fade } from '../transitionBase/index.js';
 export const overlayBaseTransitionDuration = 300;
 export function OverlayBase({ container, effectContainer, forceRender, open, onMaskClick, singleLayer, onOpened, onClosed, maskProps, removeFocusOnOpen = true, ...props }) {
     const [shouldRender, setShouldRender] = useDerivedState((prev = false) => {

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

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { appStyleCallback } from '../app/app.style';
-import { zIndex } from '../theme';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { appStyleCallback } from '../app/app.style.js';
+import { zIndex } from '../theme/index.js';
 export const classes = defineInnerClasses('overlay-base', [
     'mask',
 ]);

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

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

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

@@ -1,8 +1,8 @@
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { clsx } from '../../utils';
-import { classes } from './pagination.style';
-import { usePaginationContext } from './pagination';
+import { clsx } from '../../utils/index.js';
+import { classes } from './pagination.style.js';
+import { usePaginationContext } from './pagination.js';
 export const PaginationCounter = memo((props) => {
     const { total, page, pageSize } = usePaginationContext();
     const start = (page - 1) * pageSize + 1;

package/dist/esm/components/pagination/index.d.ts

@@ -1,5 +1,5 @@
-export * from './pagination';
-export * from './counter';
-export * from './jumper';
-export * from './pager';
-export * from './sizer';
+export * from './pagination.js';
+export * from './counter.js';
+export * from './jumper.js';
+export * from './pager.js';
+export * from './sizer.js';

package/dist/esm/components/pagination/index.js

@@ -1,5 +1,5 @@
-export * from './pagination';
-export * from './counter';
-export * from './jumper';
-export * from './pager';
-export * from './sizer';
+export * from './pagination.js';
+export * from './counter.js';
+export * from './jumper.js';
+export * from './pager.js';
+export * from './sizer.js';

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

@@ -1,7 +1,7 @@
 import { Ref } from 'react';
-import { DivProps } from '../../types';
-import { InputProps } from '../input';
-import { InputBaseRef } from '../inputBase';
+import { DivProps } from '../../types.js';
+import { InputProps } from '../input/index.js';
+import { InputBaseRef } from '../inputBase/index.js';
 export interface PaginationJumperProps extends DivProps {
     InputProps?: InputProps;
     InputRef?: Ref<InputBaseRef>;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useState } from 'react';
-import { clsx } from '../../utils';
-import { classes } from './pagination.style';
-import { Input } from '../input';
-import { usePaginationContext } from './pagination';
+import { clsx } from '../../utils/index.js';
+import { classes } from './pagination.style.js';
+import { Input } from '../input/index.js';
+import { usePaginationContext } from './pagination.js';
 export const PaginationJumper = memo(({ InputProps, InputRef, ...props }) => {
     const { size, onPageChange, pageCount } = usePaginationContext();
     const [inputValue, setInputValue] = useState('');

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

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

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { Button } from '../button';
-import { classes } from './pagination.style';
-import { usePaginationContext } from './pagination';
-import { clsx } from '../../utils';
-import { useTheme } from '../theme';
-import { Icon } from '../icon';
+import { Button } from '../button/index.js';
+import { classes } from './pagination.style.js';
+import { usePaginationContext } from './pagination.js';
+import { clsx } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { Icon } from '../icon/index.js';
 import { faEllipsis } from '@fortawesome/free-solid-svg-icons/faEllipsis';
 import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
 import { faAngleRight } from '@fortawesome/free-solid-svg-icons/faAngleRight';

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

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react';
-import { DivProps, Size } from '../../types';
-import { PaginationPager } from './pager';
-import { PaginationSizer } from './sizer';
-import { PaginationJumper } from './jumper';
-import { PaginationCounter } from './counter';
+import { DivProps, Size } from '../../types.js';
+import { PaginationPager } from './pager.js';
+import { PaginationSizer } from './sizer.js';
+import { PaginationJumper } from './jumper.js';
+import { PaginationCounter } from './counter.js';
 export interface PaginationProps extends Omit<DivProps, 'onChange'> {
     size?: Size;
     total?: number;

package/dist/esm/components/pagination/pagination.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createContext, memo, useContext } from 'react';
-import { classes, style } from './pagination.style';
-import { clsx, useControlled } from '../../utils';
-import { PaginationPager } from './pager';
-import { PaginationSizer } from './sizer';
-import { PaginationJumper } from './jumper';
-import { PaginationCounter } from './counter';
+import { classes, style } from './pagination.style.js';
+import { clsx, useControlled } from '../../utils/index.js';
+import { PaginationPager } from './pager.js';
+import { PaginationSizer } from './sizer.js';
+import { PaginationJumper } from './jumper.js';
+import { PaginationCounter } from './counter.js';
 const PaginationContext = createContext({
     size: 'small',
     total: 0,

package/dist/esm/components/pagination/pagination.style.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as inputClasses } from '../input/input.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as inputClasses } from '../input/input.style.js';
 export const classes = defineInnerClasses('pagination', [
     'button',
     'pager',

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { SelectSingleProps } from '../select';
-import { MenuOptionType } from '../optionsBase';
-import { Id } from '../../types';
+import { SelectSingleProps } from '../select/index.js';
+import { MenuOptionType } from '../optionsBase/index.js';
+import { Id } from '../../types.js';
 export type PaginationSizerProps<O extends MenuOptionType, V extends Id = Id> = SelectSingleProps<O, V>;
 export declare const PaginationSizer: <O extends MenuOptionType, V extends Id = Id>(props: PaginationSizerProps<O, V>) => ReactElement;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { Select } from '../select';
-import { usePaginationContext } from './pagination';
-import { clsx } from '../../utils';
-import { classes } from './pagination.style';
+import { Select } from '../select/index.js';
+import { usePaginationContext } from './pagination.js';
+import { clsx } from '../../utils/index.js';
+import { classes } from './pagination.style.js';
 const defaultSizerOptions = [
     { value: 10, label: '10 条/页' },
     { value: 20, label: '20 条/页' },

package/dist/esm/components/palette/colorValueInput.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { FixInputNumberParam } from '../../utils';
-import { DivProps } from '../../types';
+import { FixInputNumberParam } from '../../utils/index.js';
+import { DivProps } from '../../types.js';
 interface ColorValueInputProps extends Omit<DivProps, 'onChange'>, FixInputNumberParam {
     value: string | number;
     label: ReactNode;

package/dist/esm/components/palette/colorValueInput.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Input } from '../input';
-import { classes } from './palette.style';
-import { fixInputNumber, useDerivedState } from '../../utils';
+import { Input } from '../input/index.js';
+import { classes } from './palette.style.js';
+import { fixInputNumber, useDerivedState } from '../../utils/index.js';
 import Color from 'color';
 export function ColorValueInput({ value, label, onChange, hex, min, max, precision, ...props }) {
     const [innerValue, _setInputValue] = useDerivedState(hex ? value.toString().slice(1) : value + '');

package/dist/esm/components/palette/index.d.ts

@@ -1 +1 @@
-export * from './palette';
+export * from './palette.js';

package/dist/esm/components/palette/index.js

@@ -1 +1 @@
-export * from './palette';
+export * from './palette.js';

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

@@ -1,5 +1,5 @@
-import { DivProps } from '../../types';
-import { GestureOptions } from '../../utils';
+import { DivProps } from '../../types.js';
+import { GestureOptions } from '../../utils/index.js';
 import { ColorInstance } from 'color';
 export interface PaletteProps extends Omit<DivProps, 'defaultValue' | 'onChange'> {
     defaultValue?: ColorInstance;

package/dist/esm/components/palette/palette.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useEffect, useMemo, useRef, useState } from 'react';
-import { classes, style } from './palette.style';
-import { clsx, range, useControlled, useDraggable } from '../../utils';
-import { useTheme } from '../theme';
-import { Slider } from '../slider';
+import { classes, style } from './palette.style.js';
+import { clsx, range, useControlled, useDraggable } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { Slider } from '../slider/index.js';
 import Color from 'color';
-import { Button } from '../button';
-import { ColorValueInput } from './colorValueInput';
-import { Icon } from '../icon';
+import { Button } from '../button/index.js';
+import { ColorValueInput } from './colorValueInput.js';
+import { Icon } from '../icon/index.js';
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons/faChevronDown';
 const sliderProps = {
     railSize: 9,

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as sliderClasses } from '../slider/slider.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as sliderClasses } from '../slider/slider.style.js';
 export const classes = defineInnerClasses('palette', [
     'main',
     'mask',

package/dist/esm/components/pickerDialog/index.d.ts

@@ -1 +1 @@
-export * from './pickerDialog';
+export * from './pickerDialog.js';

package/dist/esm/components/pickerDialog/index.js

@@ -1 +1 @@
-export * from './pickerDialog';
+export * from './pickerDialog.js';