@canlooks/can-ui 0.0.160 → 0.0.161

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { DivProps, Id, Obj } from '../../types';
-import { BottomNavigationItemProps } from './bottomNavigationItem';
+import { DivProps, Id, Obj } from '../../types.js';
+import { BottomNavigationItemProps } from './bottomNavigationItem.js';
 type BottomNavigationItemType = BottomNavigationItemProps & Obj;
 export interface BottomNavigationProps<I extends BottomNavigationItemType> extends Omit<DivProps, 'defaultValue' | 'onChange'> {
     items?: I[];

package/dist/esm/components/bottomNavigation/bottomNavigation.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Children, cloneElement, isValidElement, memo } from 'react';
-import { classes, style } from './bottomNavigation.style';
-import { clsx, isUnset, useControlled } from '../../utils';
-import { BottomNavigationItem } from './bottomNavigationItem';
+import { classes, style } from './bottomNavigation.style.js';
+import { clsx, isUnset, useControlled } from '../../utils/index.js';
+import { BottomNavigationItem } from './bottomNavigationItem.js';
 export const BottomNavigation = memo(({ items, showLabelInactive, primaryKey = 'value', labelKey = 'label', defaultValue = 'children', value, onChange, ...props }) => {
     const [innerValue, setInnerValue] = useControlled(defaultValue, value, onChange);
     const renderItems = () => {

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

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

package/dist/esm/components/bottomNavigation/bottomNavigationItem.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DivProps, Id } from '../../types';
+import { DivProps, Id } from '../../types.js';
 export interface BottomNavigationItemProps extends DivProps {
     value?: Id;
     icon?: ReactNode;

package/dist/esm/components/bottomNavigation/bottomNavigationItem.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { clsx } from '../../utils';
-import { classes } from './bottomNavigation.style';
+import { clsx } from '../../utils/index.js';
+import { classes } from './bottomNavigation.style.js';
 export const BottomNavigationItem = memo(({ value, icon, label, showLabelInactive = true, active, ...props }) => {
     return (_jsxs("div", { ...props, className: clsx(classes.item, props.className), "data-active": active, "data-show-label-inactive": showLabelInactive, children: [!!icon &&
                 _jsx("div", { className: classes.icon, children: icon }), !!label &&

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

@@ -1,2 +1,2 @@
-export * from './bottomNavigation';
-export * from './bottomNavigationItem';
+export * from './bottomNavigation.js';
+export * from './bottomNavigationItem.js';

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

@@ -1,2 +1,2 @@
-export * from './bottomNavigation';
-export * from './bottomNavigationItem';
+export * from './bottomNavigation.js';
+export * from './bottomNavigationItem.js';

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

@@ -23,7 +23,7 @@ type BoundaryState<Data = any> = {
     data: Data | null;
 };
 export declare class Boundary<Data = any, Params = any, Args = any> extends Component<BoundaryProps<Data, Params, Args>, BoundaryState<Data>> {
-    static ErrorBoundary: import("react").MemoExoticComponent<({ error, reload, reloadable, ...props }: import("./errorBoundary").ErrorBoundaryProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+    static ErrorBoundary: import("react").MemoExoticComponent<({ error, reload, reloadable, ...props }: import("./errorBoundary.js").ErrorBoundaryProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
     static defaultProps: BoundaryProps;
     static getDerivedStateFromError(error: any): {
         error: any;

package/dist/esm/components/boundary/boundary.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Component, cloneElement, createContext, isValidElement, useContext } from 'react';
-import { ErrorBoundary } from './errorBoundary';
+import { ErrorBoundary } from './errorBoundary.js';
 const BoundaryContext = createContext({});
 export function useBoundaryContext() {
     return useContext(BoundaryContext);

package/dist/esm/components/boundary/errorBoundary.d.ts

@@ -1,4 +1,4 @@
-import { PlaceholderProps } from '../placeholder';
+import { PlaceholderProps } from '../placeholder/index.js';
 export interface ErrorBoundaryProps extends PlaceholderProps {
     error?: any | null;
     reload?(): void;

package/dist/esm/components/boundary/errorBoundary.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { clsx } from '../../utils';
-import { classes, style } from './errorBoundary.style';
-import { Placeholder } from '../placeholder';
-import { Button } from '../button';
-import { Icon } from '../icon';
+import { clsx } from '../../utils/index.js';
+import { classes, style } from './errorBoundary.style.js';
+import { Placeholder } from '../placeholder/index.js';
+import { Button } from '../button/index.js';
+import { Icon } from '../icon/index.js';
 import { faRotateRight } from '@fortawesome/free-solid-svg-icons/faRotateRight';
 const placeholderSlots = {
     description: 'pre'

package/dist/esm/components/boundary/errorBoundary.style.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as placeholderClasses } from '../placeholder/placeholder.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as placeholderClasses } from '../placeholder/placeholder.style.js';
 export const classes = defineInnerClasses('error-boundary');
 export const style = defineCss(({ spacing, background, borderRadius }) => css `
     @layer reset {

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

@@ -1,2 +1,2 @@
-export * from './errorBoundary';
-export * from './boundary';
+export * from './errorBoundary.js';
+export * from './boundary.js';

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

@@ -1,2 +1,2 @@
-export * from './errorBoundary';
-export * from './boundary';
+export * from './errorBoundary.js';
+export * from './boundary.js';

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

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
-import { Button, ButtonProps } from '../button';
-import { DivProps, Obj } from '../../types';
+import { Button, ButtonProps } from '../button/index.js';
+import { DivProps, Obj } from '../../types.js';
 export interface BreadcrumbItemProps extends ButtonProps, Obj {
     /** @alias ButtonProps.prefix */
     icon?: ReactNode;

package/dist/esm/components/breadcrumb/breadcrumb.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Children, cloneElement, isValidElement, memo } from 'react';
-import { clsx } from '../../utils';
-import { classes, style } from './breadcrumb.style';
-import { Button } from '../button';
-import { useTheme } from '../theme';
+import { clsx } from '../../utils/index.js';
+import { classes, style } from './breadcrumb.style.js';
+import { Button } from '../button/index.js';
+import { useTheme } from '../theme/index.js';
 export const Breadcrumb = memo(({ separator = '/', readOnly, items, ...props }) => {
     const { text } = useTheme();
     const renderItems = () => {

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { PopperProps } from '../popper';
+import { PopperProps } from '../popper/index.js';
 export interface BubbleProps extends PopperProps {
     showArrow?: boolean;
 }

package/dist/esm/components/bubble/bubble.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Popper } from '../popper';
-import { classes, style } from './bubble.style';
-import { clsx } from '../../utils';
-import { useTheme } from '../theme';
+import { Popper } from '../popper/index.js';
+import { classes, style } from './bubble.style.js';
+import { clsx } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
 export function Bubble({ showArrow = true, ...props }) {
     const { spacing } = useTheme();
     props.autoClose ??= true;

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

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { popperArrowStyle } from '../popper/popper.style';
-import { zIndex } from '../theme';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { popperArrowStyle } from '../popper/popper.style.js';
+import { zIndex } from '../theme/index.js';
 export const classes = defineInnerClasses('bubble', [
     'content'
 ]);

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { PopperProps } from '../popper';
+import { PopperProps } from '../popper/index.js';
 export interface BubbleConfirmProps extends Omit<PopperProps, 'title'> {
     icon?: ReactNode;
     title?: ReactNode;

package/dist/esm/components/bubbleConfirm/bubbleConfirm.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Popper } from '../popper';
-import { classes, style } from './bubbleConfirm.style';
-import { mergeComponentProps, useControlled, useLoading } from '../../utils';
-import { Button } from '../button';
-import { useTheme } from '../theme';
-import { Icon } from '../icon';
+import { Popper } from '../popper/index.js';
+import { classes, style } from './bubbleConfirm.style.js';
+import { mergeComponentProps, useControlled, useLoading } from '../../utils/index.js';
+import { Button } from '../button/index.js';
+import { useTheme } from '../theme/index.js';
+import { Icon } from '../icon/index.js';
 import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons/faCircleQuestion';
 export function BubbleConfirm({ icon = _jsx(Icon, { icon: faCircleQuestion }), title, footer, showArrow = true, offset, loading = false, onConfirm, defaultOpen = false, open, onOpenChange, ...props }) {
     const { spacing } = useTheme();

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

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { popperArrowStyle } from '../popper/popper.style';
-import { zIndex } from '../theme';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { popperArrowStyle } from '../popper/popper.style.js';
+import { zIndex } from '../theme/index.js';
 export const classes = defineInnerClasses('bubble-confirm', [
     'bubble',
     'icon',

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ElementType, ReactNode } from 'react';
-import { ColorPropsValue, OverridableComponent, OverridableProps, Size } from '../../types';
+import { ColorPropsValue, OverridableComponent, OverridableProps, Size } from '../../types.js';
 export type ButtonOwnProps = {
     color?: ColorPropsValue;
     /** 默认为`"square"` */

package/dist/esm/components/button/button.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useTheme } from '../theme';
-import { useTouchSpread } from '../../utils';
-import { clsx } from '../../utils';
-import { LoadingIndicator } from '../loadingIndicator';
-import { classes, useStyle } from './button.style';
-import { Collapse } from '../transitionBase';
+import { useTheme } from '../theme/index.js';
+import { useTouchSpread } from '../../utils/index.js';
+import { clsx } from '../../utils/index.js';
+import { LoadingIndicator } from '../loadingIndicator/index.js';
+import { classes, useStyle } from './button.style.js';
+import { Collapse } from '../transitionBase/index.js';
 export const Button = ({ component: Component = 'button', color = 'primary', shape = 'square', size, variant = 'filled', orientation = 'horizontal', prefix, suffix, loading = false, readOnly, icon, label, ...props }) => {
     const theme = useTheme();
     size ??= theme.size;

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

@@ -1,4 +1,4 @@
-import { ColorPropsValue } from '../../types';
+import { ColorPropsValue } from '../../types.js';
 export declare const classes: {
     prefix: string;
     content: string;

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

@@ -1,5 +1,5 @@
 import { css } 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('button', [
     'prefix',

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { Size } from '../../types';
+import { Size } from '../../types.js';
 import { Dayjs } from 'dayjs';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { FlexProps } from '../flex';
-import { ButtonProps } from '../button';
+import { FlexProps } from '../flex/index.js';
+import { ButtonProps } from '../button/index.js';
 export type ViewLevel = 'date' | 'month' | 'year';
 type SharedProps = {
     min?: Dayjs;

package/dist/esm/components/calendar/calendar.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import dayjs from 'dayjs';
-import { clsx, useControlled } from '../../utils';
-import { PanelDates } from './panelDates';
+import { clsx, useControlled } from '../../utils/index.js';
+import { PanelDates } from './panelDates.js';
 import { useState } from 'react';
-import { classes, style } from './calendar.style';
-import { Flex } from '../flex';
-import { PanelYear } from './panelYear';
-import { PanelMonth } from './panelMonth';
+import { classes, style } from './calendar.style.js';
+import { Flex } from '../flex/index.js';
+import { PanelYear } from './panelYear.js';
+import { PanelMonth } from './panelMonth.js';
 export const Calendar = ({ viewLevel = 'date', showToday = true, dateButtonProps, todayButtonText = '回今天', todayButtonProps, size = 'medium', defaultValue = null, min, max, disabledDates, value, onChange, _defaultNull, ...props }) => {
     const [innerValue, setInnerValue] = useControlled(defaultValue, value, onChange);
     const [viewType, setViewType] = useState(viewLevel);

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { menuListPadding } from '../menuItem/menuItem.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { menuListPadding } from '../menuItem/menuItem.style.js';
 export const classes = defineInnerClasses('calendar', [
     'head',
     'headSide',

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

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

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

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

package/dist/esm/components/calendar/panelDates.d.ts

@@ -1,2 +1,2 @@
-import { PanelProps } from './calendar';
+import { PanelProps } from './calendar.js';
 export declare const PanelDates: import("react").MemoExoticComponent<({ value, setValue, innerD, setInnerD, setViewType, min, max, disabledDates, showToday, dateButtonProps, todayButtonText, todayButtonProps, _defaultNull }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/esm/components/calendar/panelDates.js

@@ -1,16 +1,16 @@
 import { createElement as _createElement } from "@emotion/react";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { Button } from '../button';
+import { Button } from '../button/index.js';
 import dayjs from 'dayjs';
-import { Tooltip } from '../tooltip';
-import { Icon } from '../icon';
+import { Tooltip } from '../tooltip/index.js';
+import { Icon } from '../icon/index.js';
 import { faAnglesLeft } from '@fortawesome/free-solid-svg-icons/faAnglesLeft';
 import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
 import { faAngleRight } from '@fortawesome/free-solid-svg-icons/faAngleRight';
 import { faAnglesRight } from '@fortawesome/free-solid-svg-icons/faAnglesRight';
-import { classes } from './calendar.style';
-import { clsx } from '../../utils';
+import { classes } from './calendar.style.js';
+import { clsx } from '../../utils/index.js';
 const days = ['一', '二', '三', '四', '五', '六', '日'];
 const renderedDaysList = (() => {
     const ret = [];

package/dist/esm/components/calendar/panelMonth.d.ts

@@ -1,2 +1,2 @@
-import { PanelProps } from './calendar';
+import { PanelProps } from './calendar.js';
 export declare const PanelMonth: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected, min, max }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/esm/components/calendar/panelMonth.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { classes } from './calendar.style';
-import { Button } from '../button';
+import { classes } from './calendar.style.js';
+import { Button } from '../button/index.js';
 export const PanelMonth = memo(({ innerD, setInnerD, onSelected, min, max }) => {
     const currentMonth = innerD.month();
     const clickHandler = (d, i) => {

package/dist/esm/components/calendar/panelYear.d.ts

@@ -1,2 +1,2 @@
-import { PanelProps } from './calendar';
+import { PanelProps } from './calendar.js';
 export declare const PanelYear: import("react").MemoExoticComponent<({ innerD, setInnerD, onSelected, min, max }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/esm/components/calendar/panelYear.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { memo, useState } from 'react';
-import { classes } from './calendar.style';
-import { Button } from '../button';
-import { Tooltip } from '../tooltip';
-import { Icon } from '../icon';
+import { classes } from './calendar.style.js';
+import { Button } from '../button/index.js';
+import { Tooltip } from '../tooltip/index.js';
+import { Icon } from '../icon/index.js';
 import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
 import { faAngleRight } from '@fortawesome/free-solid-svg-icons/faAngleRight';
 export const PanelYear = memo(({ innerD, setInnerD, onSelected, min, max }) => {

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

@@ -1,4 +1,4 @@
-import { FlexProps } from '../flex';
+import { FlexProps } from '../flex/index.js';
 export interface CardProps extends FlexProps {
     /** 是否采用flex布局，等效于`display: flex`，默认为`false` */
     flexable?: boolean;

package/dist/esm/components/card/card.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { classes, style } from './card.style';
-import { clsx } from '../../utils';
-import { useTheme } from '../theme';
-import { Flex } from '../flex';
+import { classes, style } from './card.style.js';
+import { clsx } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { Flex } from '../flex/index.js';
 export function Card({ flexable, bordered, elevation = 0, borderRadius, ...props }) {
     const theme = useTheme();
     borderRadius ??= theme.borderRadius;

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

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
 export const classes = defineInnerClasses('card');
 export const style = defineCss(({ spacing, mode, background, divider, boxShadow, gray }) => [
     mode === 'light'

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

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

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

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

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

@@ -1,10 +1,10 @@
 import { Dispatch, ReactElement, ReactNode, Ref, SetStateAction, ComponentProps } from 'react';
-import { InputProps } from '../input';
-import { InputBaseProps } from '../inputBase';
-import { PopperProps, PopperRef } from '../popper';
-import { SelectionContextProps } from '../selectionContext';
-import { MenuOptionType, OptionsBaseSharedProps } from '../optionsBase';
-import { Id, SelectableMultipleProps, SelectableSingleProps } from '../../types';
+import { InputProps } from '../input/index.js';
+import { InputBaseProps } from '../inputBase/index.js';
+import { PopperProps, PopperRef } from '../popper/index.js';
+import { SelectionContextProps } from '../selectionContext/index.js';
+import { MenuOptionType, OptionsBaseSharedProps } from '../optionsBase/index.js';
+import { Id, SelectableMultipleProps, SelectableSingleProps } from '../../types.js';
 export interface CascadeBaseProps<O extends MenuOptionType<V>, V extends Id = Id> extends Omit<OptionsBaseSharedProps<O>, 'filterPredicate'>, Omit<InputBaseProps<'input'>, 'children' | 'defaultValue' | 'value' | 'onChange'> {
     /** cascade内部由<input />实现 */
     inputProps?: ComponentProps<'input'>;

package/dist/esm/components/cascade/cascade.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createContext, memo, useContext, useDeferredValue, useEffect, useMemo, useState } from 'react';
-import { useControlled, useLoading, useKeyboard, joinNodes, clsx, mergeComponentProps, isNoValue } from '../../utils';
-import { Input } from '../input';
-import { InputBase } from '../inputBase';
-import { Popper } from '../popper';
-import { Tag } from '../tag';
-import { classes, cascadePopperStyle, style } from './cascade.style';
-import { CascadePanel } from './cascadePanel';
-import { SearchResult } from './searchResult';
-import { useSelection } from '../selectionContext';
-import { Icon } from '../icon';
+import { useControlled, useLoading, useKeyboard, joinNodes, clsx, mergeComponentProps, isNoValue } from '../../utils/index.js';
+import { Input } from '../input/index.js';
+import { InputBase } from '../inputBase/index.js';
+import { Popper } from '../popper/index.js';
+import { Tag } from '../tag/index.js';
+import { classes, cascadePopperStyle, style } from './cascade.style.js';
+import { CascadePanel } from './cascadePanel.js';
+import { SearchResult } from './searchResult.js';
+import { useSelection } from '../selectionContext/index.js';
+import { Icon } from '../icon/index.js';
 import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons/faMagnifyingGlass';
 import { faCaretDown } from '@fortawesome/free-solid-svg-icons/faCaretDown';
 const CascadeContext = createContext({});

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

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as tagClasses } from '../tag/tag.style';
-import { menuListPadding } from '../menuItem/menuItem.style';
-import { popperStyleCallback } from '../popper/popper.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as tagClasses } from '../tag/tag.style.js';
+import { menuListPadding } from '../menuItem/menuItem.style.js';
+import { popperStyleCallback } from '../popper/popper.style.js';
 export const classes = defineInnerClasses('cascade', [
     'contentWrap',
     'placeholder',

package/dist/esm/components/cascade/cascadePanel.d.ts

@@ -1,4 +1,4 @@
-import { MenuOptionType } from '../optionsBase';
+import { MenuOptionType } from '../optionsBase/index.js';
 export declare function CascadePanel({ options, index }: {
     options?: MenuOptionType[];
     index?: number;

package/dist/esm/components/cascade/cascadePanel.js

@@ -1,14 +1,14 @@
 import { createElement as _createElement } from "@emotion/react";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Loading } from '../loading';
-import { LoadingIndicator } from '../loadingIndicator';
-import { MenuItem } from '../menuItem';
-import { Placeholder } from '../placeholder';
-import { classes } from './cascade.style';
-import { Collapse } from '../transitionBase';
-import { useCascadeContext } from './cascade';
-import { isUnset, mergeComponentProps } from '../../utils';
-import { Icon } from '../icon';
+import { Loading } from '../loading/index.js';
+import { LoadingIndicator } from '../loadingIndicator/index.js';
+import { MenuItem } from '../menuItem/index.js';
+import { Placeholder } from '../placeholder/index.js';
+import { classes } from './cascade.style.js';
+import { Collapse } from '../transitionBase/index.js';
+import { useCascadeContext } from './cascade.js';
+import { isUnset, mergeComponentProps } from '../../utils/index.js';
+import { Icon } from '../icon/index.js';
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight';
 export function CascadePanel({ options, index = 0 }) {
     const { innerLoading, loadingOption, multiple, showCheckbox, primaryKey, labelKey, childrenKey, pathifiedValue, selectionStatus, optionsMap, openedPanels, onOptionClick, onCheckboxClick, verticalIndex, setVerticalIndex, horizontalIndex } = useCascadeContext();

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

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

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

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