@canlooks/can-ui 0.0.160 → 0.0.162

package/dist/esm/components/curd/curdFilterable.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { isValidElement, memo, useMemo, useRef, useState } from 'react';
-import { FormItem, useFormContext, useFormValueContext } from '../form';
-import { classes } from './curd.style';
-import { clsx, columnsToFilterItem, isUnset } from '../../utils';
-import { Grid } from '../grid';
-import { Button } from '../button';
-import { Collapse } from '../transitionBase';
-import { useTheme } from '../theme';
-import { Icon } from '../icon';
+import { FormItem, useFormContext, useFormValueContext } from '../form/index.js';
+import { classes } from './curd.style.js';
+import { clsx, columnsToFilterItem, isUnset } from '../../utils/index.js';
+import { Grid } from '../grid/index.js';
+import { Button } from '../button/index.js';
+import { Collapse } from '../transitionBase/index.js';
+import { useTheme } from '../theme/index.js';
+import { Icon } from '../icon/index.js';
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons/faChevronDown';
 import { faFilter } from '@fortawesome/free-solid-svg-icons/faFilter';
 export const CurdFilterable = memo(({ columns, expandable, showButton = true, renderFilterConditions, buttonProps, ...props }) => {

package/dist/esm/components/curd/curdResizable.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { Size } from '../../types';
+import { Size } from '../../types.js';
 export declare const CurdResizable: import("react").MemoExoticComponent<({ innerSize, setInnerSize }: {
     innerSize: Size;
     setInnerSize: Dispatch<SetStateAction<Size>>;

package/dist/esm/components/curd/curdResizable.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { Tooltip } from '../tooltip';
-import { Bubble } from '../bubble';
-import { MenuItem } from '../menuItem';
-import { Button } from '../button';
-import { Icon } from '../icon';
+import { Tooltip } from '../tooltip/index.js';
+import { Bubble } from '../bubble/index.js';
+import { MenuItem } from '../menuItem/index.js';
+import { Button } from '../button/index.js';
+import { Icon } from '../icon/index.js';
 import { faArrowsUpDown } from '@fortawesome/free-solid-svg-icons/faArrowsUpDown';
 export const CurdResizable = memo(({ innerSize, setInnerSize }) => {
     return (_jsx(Tooltip, { title: "\u8868\u683C\u5C3A\u5BF8", clickToClose: true, children: _jsx(Bubble, { placement: "bottom", trigger: "click", content: _jsxs(_Fragment, { children: [_jsx(MenuItem, { value: "small", label: "\u5C0F", selected: innerSize === 'small', onClick: () => setInnerSize('small') }), _jsx(MenuItem, { value: "medium", label: "\u4E2D", selected: innerSize === 'medium', onClick: () => setInnerSize('medium') }), _jsx(MenuItem, { value: "large", label: "\u5927", selected: innerSize === 'large', onClick: () => setInnerSize('large') })] }), children: _jsx(Button, { shape: "circular", variant: "text", color: "text.secondary", children: _jsx(Icon, { icon: faArrowsUpDown }) }) }) }));

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

@@ -1,4 +1,4 @@
-export * from './curd';
-export * from './curdDialog';
-export * from './curdFilterable';
-export * from './curdResizable';
+export * from './curd.js';
+export * from './curdDialog.js';
+export * from './curdFilterable.js';
+export * from './curdResizable.js';

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

@@ -1,4 +1,4 @@
-export * from './curd';
-export * from './curdDialog';
-export * from './curdFilterable';
-export * from './curdResizable';
+export * from './curd.js';
+export * from './curdDialog.js';
+export * from './curdFilterable.js';
+export * from './curdResizable.js';

package/dist/esm/components/dataGrid/columnResize.d.ts

@@ -1,4 +1,4 @@
-import { ThCellProps } from '../table';
+import { ThCellProps } from '../table/index.js';
 import { ComponentType, ReactNode, RefObject } from 'react';
 export declare function ColumnResizeContext({ columnResizable, children }: {
     columnResizable: boolean;

package/dist/esm/components/dataGrid/columnResize.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { ThCell } from '../table';
+import { ThCell } from '../table/index.js';
 import { createContext, useContext, useRef } from 'react';
-import { classes } from './dataGrid.style';
-import { cloneRef, useDraggable } from '../../utils';
+import { classes } from './dataGrid.style.js';
+import { cloneRef, useDraggable } from '../../utils/index.js';
 const ColumnResizeContextProvider = createContext({
     columnResizable: false,
     columnRefs: { current: [] },

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

@@ -1,14 +1,14 @@
 import React, { ComponentProps, ReactElement, ReactNode } from 'react';
-import { DivProps, Id, Obj, SlotsAndProps, ToRequired } from '../../types';
-import { SelectionContextProps } from '../selectionContext';
-import { PaginationProps } from '../pagination';
-import { TableProps } from '../table';
-import { CheckboxProps } from '../checkbox';
-import { RadioProps } from '../radio';
-import { FieldPath } from '../../utils';
-import { FormProps, FormValue } from '../form';
-import { FilterControlProps, FilterOptionsProps } from './filterBubbleContent';
-import { BubbleProps } from '../bubble';
+import { DivProps, Id, Obj, SlotsAndProps, ToRequired } from '../../types.js';
+import { SelectionContextProps } from '../selectionContext/index.js';
+import { PaginationProps } from '../pagination/index.js';
+import { TableProps } from '../table/index.js';
+import { CheckboxProps } from '../checkbox/index.js';
+import { RadioProps } from '../radio/index.js';
+import { FieldPath } from '../../utils/index.js';
+import { FormProps, FormValue } from '../form/index.js';
+import { FilterControlProps, FilterOptionsProps } from './filterBubbleContent.js';
+import { BubbleProps } from '../bubble/index.js';
 export type RowType = Obj;
 export interface ColumnType<R extends RowType = RowType> extends Omit<ComponentProps<'td'>, 'key' | 'ref' | 'title' | 'children'>, Omit<ComponentProps<'th'>, 'key' | 'ref' | 'title' | 'children'> {
     title?: ReactNode;

package/dist/esm/components/dataGrid/dataGrid.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createContext, memo, useCallback, useContext, useMemo, useState } from 'react';
-import { classes, style } from './dataGrid.style';
-import { SelectionContext, useSelectionContext } from '../selectionContext';
-import { Pagination } from '../pagination';
-import { Table, TableContainer } from '../table';
-import { clsx, cloneRef, useControlled, useDataGridColumns, useSync, mergeComponentProps } from '../../utils';
-import { Loading } from '../loading';
-import { DataGridHead } from './dataGridHead';
-import { Placeholder } from '../placeholder';
-import { DataGridRows } from './dataGridRows';
-import { ColumnResizeContext } from './columnResize';
-import { Form } from '../form';
+import { classes, style } from './dataGrid.style.js';
+import { SelectionContext, useSelectionContext } from '../selectionContext/index.js';
+import { Pagination } from '../pagination/index.js';
+import { Table, TableContainer } from '../table/index.js';
+import { clsx, cloneRef, useControlled, useDataGridColumns, useSync, mergeComponentProps } from '../../utils/index.js';
+import { Loading } from '../loading/index.js';
+import { DataGridHead } from './dataGridHead.js';
+import { Placeholder } from '../placeholder/index.js';
+import { DataGridRows } from './dataGridRows.js';
+import { ColumnResizeContext } from './columnResize.js';
+import { Form } from '../form/index.js';
 const DataGridContext = createContext({});
 export function useDataGridContext() {
     return useContext(DataGridContext);

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as loadingClasses } from '../loading/loading.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as loadingClasses } from '../loading/loading.style.js';
 export const classes = defineInnerClasses('data-grid', [
     'filterForm',
     'container',

package/dist/esm/components/dataGrid/dataGridHead.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ColumnType, DataGridProps, RowType } from './dataGrid';
-import { Id } from '../../types';
+import { ColumnType, DataGridProps, RowType } from './dataGrid.js';
+import { Id } from '../../types.js';
 interface DataGridHeadProps<R extends RowType, V extends Id = Id> extends Required<Pick<DataGridProps<R, V>, 'primaryKey' | 'orderType' | 'onOrderChange' | 'allowSelectAll' | 'columnResizable'>> {
     rows: R[] | undefined;
     orderColumn: Id | undefined;

package/dist/esm/components/dataGrid/dataGridHead.js

@@ -1,20 +1,20 @@
 import { createElement as _createElement } from "@emotion/react";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useMemo } from 'react';
-import { classes } from './dataGrid.style';
-import { DataGrid } from './dataGrid';
-import { useRenderHead } from './columnResize';
-import { Checkbox } from '../checkbox';
-import { Icon } from '../icon';
-import { useSelectionContext } from '../selectionContext';
-import { Tooltip } from '../tooltip';
+import { classes } from './dataGrid.style.js';
+import { DataGrid } from './dataGrid.js';
+import { useRenderHead } from './columnResize.js';
+import { Checkbox } from '../checkbox/index.js';
+import { Icon } from '../icon/index.js';
+import { useSelectionContext } from '../selectionContext/index.js';
+import { Tooltip } from '../tooltip/index.js';
 import { faCaretDown } from '@fortawesome/free-solid-svg-icons/faCaretDown';
-import { Button } from '../button';
+import { Button } from '../button/index.js';
 import { faFilter } from '@fortawesome/free-solid-svg-icons/faFilter';
-import { Bubble } from '../bubble';
-import { FilterBubbleContent } from './filterBubbleContent';
-import { useFormValueContext } from '../form';
-import { isUnset, mergeComponentProps } from '../../utils';
+import { Bubble } from '../bubble/index.js';
+import { FilterBubbleContent } from './filterBubbleContent.js';
+import { useFormValueContext } from '../form/index.js';
+import { isUnset, mergeComponentProps } from '../../utils/index.js';
 export const DataGridHead = memo(({ allowSelectAll, columnResizable, flattedColumns, completedColumns, rows, primaryKey, orderColumn, orderType, onOrderChange, filterBubbleProps, onFilterClick }) => {
     const { multiple, setValue, selectionStatus } = useSelectionContext();
     const allSelectionStatus = useMemo(() => {

package/dist/esm/components/dataGrid/dataGridRows.d.ts

@@ -1,5 +1,5 @@
-import { Id } from '../../types';
-import { DataGridProps, RowType } from './dataGrid';
+import { Id } from '../../types.js';
+import { DataGridProps, RowType } from './dataGrid.js';
 type DataGridRowsProps<R extends RowType, V extends Id = Id> = {
     rows: DataGridProps<R, V>['rows'] | undefined;
     /** @private 内部使用，用于缩进子行 */

package/dist/esm/components/dataGrid/dataGridRows.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { memo } from 'react';
-import { DataGrid, useDataGridContext } from './dataGrid';
-import { useSelectionContext } from '../selectionContext';
-import { clsx, isUnset, mergeComponentProps, renderCell } from '../../utils';
-import { Checkbox } from '../checkbox';
-import { Radio } from '../radio';
-import { TdCell } from '../table';
-import { Button } from '../button';
-import { Collapse } from '../transitionBase';
-import { Icon } from '../icon';
+import { DataGrid, useDataGridContext } from './dataGrid.js';
+import { useSelectionContext } from '../selectionContext/index.js';
+import { clsx, isUnset, mergeComponentProps, renderCell } from '../../utils/index.js';
+import { Checkbox } from '../checkbox/index.js';
+import { Radio } from '../radio/index.js';
+import { TdCell } from '../table/index.js';
+import { Button } from '../button/index.js';
+import { Collapse } from '../transitionBase/index.js';
+import { Icon } from '../icon/index.js';
 import { faMinusSquare } from '@fortawesome/free-regular-svg-icons/faMinusSquare';
 import { faPlusSquare } from '@fortawesome/free-regular-svg-icons/faPlusSquare';
-import { classes } from './dataGrid.style';
+import { classes } from './dataGrid.style.js';
 export const DataGridRows = memo(({ rows, _level = 0 }) => {
     const { multiple, toggleSelected, selectionStatus } = useSelectionContext();
     const { slots, slotProps, rowProps, primaryKey, childrenKey, clickRowToSelect, indent, renderExpandIcon, expandedSet, flattedColumns, toggleExpanded } = useDataGridContext();

package/dist/esm/components/dataGrid/filterBubbleContent.d.ts

@@ -1,6 +1,6 @@
-import { MenuOptionType, OptionsBaseProps } from '../optionsBase';
-import { Id } from '../../types';
-import { FormItemChildren } from '../form';
+import { MenuOptionType, OptionsBaseProps } from '../optionsBase/index.js';
+import { Id } from '../../types.js';
+import { FormItemChildren } from '../form/index.js';
 type FilterSharedProps = {
     /** 是否显示`重置`按钮，默认为`true` */
     showResetButton?: boolean;

package/dist/esm/components/dataGrid/filterBubbleContent.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { OptionsBase } from '../optionsBase';
-import { useFlatSelection } from '../selectionContext';
-import { Flex } from '../flex';
-import { Button } from '../button';
-import { usePopperContext } from '../popper';
+import { OptionsBase } from '../optionsBase/index.js';
+import { useFlatSelection } from '../selectionContext/index.js';
+import { Flex } from '../flex/index.js';
+import { Button } from '../button/index.js';
+import { usePopperContext } from '../popper/index.js';
 import { memo, useDeferredValue, useEffect, useRef, useState } from 'react';
-import { FormItem, useFormContext } from '../form';
-import { filterOptionsStyle } from './filterBubbleContent.style';
-import { Input } from '../input';
-import { Icon } from '../icon';
+import { FormItem, useFormContext } from '../form/index.js';
+import { filterOptionsStyle } from './filterBubbleContent.style.js';
+import { Input } from '../input/index.js';
+import { Icon } from '../icon/index.js';
 import { faSearch } from '@fortawesome/free-solid-svg-icons';
 export const FilterBubbleContent = memo(({ columnKey, columnFilterProps }) => {
     const { formRef } = useFormContext();

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { ComponentProps } from 'react';
 import { Dayjs } from 'dayjs';
-import { InputBaseProps } from '../inputBase';
-import { PopperProps } from '../popper';
+import { InputBaseProps } from '../inputBase/index.js';
+import { PopperProps } from '../popper/index.js';
 export type DatePickerSharedProps = {
     min?: Dayjs;
     max?: Dayjs;

package/dist/esm/components/dateTimePicker/dateTimePicker.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { createContext, memo, useContext, useMemo, useRef } from 'react';
-import { classes, datePickerPopperStyle, style } from './dateTimePicker.style';
+import { classes, datePickerPopperStyle, style } from './dateTimePicker.style.js';
 import dayjs from 'dayjs';
-import { InputBase } from '../inputBase';
-import { mergeComponentProps, useControlled } from '../../utils';
-import { Popper } from '../popper';
-import { Calendar } from '../calendar';
-import { Icon } from '../icon';
+import { InputBase } from '../inputBase/index.js';
+import { mergeComponentProps, useControlled } from '../../utils/index.js';
+import { Popper } from '../popper/index.js';
+import { Calendar } from '../calendar/index.js';
+import { Icon } from '../icon/index.js';
 import { faCalendar } from '@fortawesome/free-regular-svg-icons/faCalendar';
 import { faClock } from '@fortawesome/free-regular-svg-icons/faClock';
-import { Timer } from './timer';
+import { Timer } from './timer.js';
 const DateTimePickerContext = createContext({});
 export function useDateTimePickerContext() {
     return useContext(DateTimePickerContext);

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

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as calendarClasses } from '../calendar/calendar.style';
-import { classes as timerClasses } from './timer.style';
-import { popperStyleCallback } from '../popper/popper.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as calendarClasses } from '../calendar/calendar.style.js';
+import { classes as timerClasses } from './timer.style.js';
+import { popperStyleCallback } from '../popper/popper.style.js';
 export const classes = defineInnerClasses('date-time-picker', [
     'container',
     'dateTimeIcon',

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

@@ -1,3 +1,3 @@
-export * from '../calendar/calendar';
-export * from './dateTimePicker';
-export * from './timer';
+export * from '../calendar/calendar.js';
+export * from './dateTimePicker.js';
+export * from './timer.js';

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

@@ -1,3 +1,3 @@
-export * from '../calendar/calendar';
-export * from './dateTimePicker';
-export * from './timer';
+export * from '../calendar/calendar.js';
+export * from './dateTimePicker.js';
+export * from './timer.js';

package/dist/esm/components/dateTimePicker/timer.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useRef } from 'react';
-import { classes, style } from './timer.style';
-import { MenuItem } from '../menuItem';
+import { classes, style } from './timer.style.js';
+import { MenuItem } from '../menuItem/index.js';
 import dayjs from 'dayjs';
-import { useDateTimePickerContext } from './dateTimePicker';
-import { useScrollToTarget } from '../popper';
+import { useDateTimePickerContext } from './dateTimePicker.js';
+import { useScrollToTarget } from '../popper/index.js';
 export const Timer = memo(({ showHours, showMinutes, showSeconds, value, onChange }) => {
     return (_jsxs("div", { css: style, className: classes.root, children: [showHours && _jsx(TimerItem, { type: "hour", value: value, onChange: onChange }), showMinutes && _jsx(TimerItem, { type: "minute", value: value, onChange: onChange }), showSeconds && _jsx(TimerItem, { type: "second", value: value, onChange: onChange })] }));
 });

package/dist/esm/components/dateTimePicker/timer.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('timer', [
     'selectItem',
     'selectItemTitle',

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { ColorPropsValue, DivProps, Size } from '../../types';
-import { DatePickerSharedProps, DateTimePickerProps } from '../dateTimePicker';
+import { ColorPropsValue, DivProps, Size } from '../../types.js';
+import { DatePickerSharedProps, DateTimePickerProps } from '../dateTimePicker/index.js';
 import { Dayjs } from 'dayjs';
 type DateValueType = [Dayjs | null, Dayjs | null] | null;
 type PickerType = 'start' | 'end';

package/dist/esm/components/dateTimeRangePicker/dateTimeRangePicker.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useRef } from 'react';
-import { classes, style } from './dateTimeRangePicker.style';
-import { clsx, mergeComponentProps, useControlled } from '../../utils';
-import { DateTimePicker } from '../dateTimePicker';
+import { classes, style } from './dateTimeRangePicker.style.js';
+import { clsx, mergeComponentProps, useControlled } from '../../utils/index.js';
+import { DateTimePicker } from '../dateTimePicker/index.js';
 export const DateTimeRangePicker = memo(({ startPickerProps, endPickerProps, format = 'YYYY-MM-DD', defaultValue, value, onChange, defaultOpenPicker = 'closed', openPicker, onOpenPickerChange, autoClose = !/[Hms]/.test(format), separator, min, max, disabledDates, disabledHours, disabledMinutes, disabledSeconds, 
 // 以下属性除autoFocus外，原样转发，autoFocus只对开始选择器生效
 variant, size, color, disabled, readOnly, autoFocus, ...props }) => {

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as dateTimePickerClasses } from '../dateTimePicker/dateTimePicker.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as dateTimePickerClasses } from '../dateTimePicker/dateTimePicker.style.js';
 export const classes = defineInnerClasses('date-time-rage-picker');
 export const style = defineCss(({ spacing }) => css `
     @layer reset {

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

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

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

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

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

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

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

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

package/dist/esm/components/descriptions/descriptionItem.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, ElementType } from 'react';
-import { DescriptionsSharedProps } from './descriptions';
-import { GridItemProps } from '../grid';
-import { MergeProps, OverridableComponent, ResponsiveProp } from '../../types';
+import { DescriptionsSharedProps } from './descriptions.js';
+import { GridItemProps } from '../grid/index.js';
+import { MergeProps, OverridableComponent, ResponsiveProp } from '../../types.js';
 export interface DescriptionGridItemOwnProps extends DescriptionsSharedProps {
     label?: ReactNode;
     /** @alias {@link children} */

package/dist/esm/components/descriptions/descriptionItem.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { useDescriptionsContext } from './descriptions';
-import { useTheme } from '../theme';
-import { GridItem } from '../grid';
-import { clsx, useResponsiveValue } from '../../utils';
-import { classes, gridItemStyle } from './descriptions.style';
+import { useDescriptionsContext } from './descriptions.js';
+import { useTheme } from '../theme/index.js';
+import { GridItem } from '../grid/index.js';
+import { clsx, useResponsiveValue } from '../../utils/index.js';
+import { classes, gridItemStyle } from './descriptions.style.js';
 export const DescriptionItem = memo(({ label, content, 
 // 以下属性从DescriptionsSharedProps继承
 size, labelWidth, colon, labelPlacement, disableMargin, disablePadding, span = { xs: 1 }, ...props }) => {

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

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode, ElementType, ComponentPropsWithRef } from 'react';
-import { Obj, ResponsiveProp, Size } from '../../types';
-import { GridProps } from '../grid';
-import { DescriptionItem, DescriptionItemProps } from './descriptionItem';
+import { Obj, ResponsiveProp, Size } from '../../types.js';
+import { GridProps } from '../grid/index.js';
+import { DescriptionItem, DescriptionItemProps } from './descriptionItem.js';
 export type DescriptionsSharedProps = {
     size?: Size;
     /** 标签的宽度,grid模式有效 */

package/dist/esm/components/descriptions/descriptions.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Children, createContext, isValidElement, memo, useContext, useMemo } from 'react';
-import { Grid } from '../grid';
-import { DescriptionItem } from './descriptionItem';
-import { clsx, useResponsiveValue } from '../../utils';
-import { classes, tableStyle } from './descriptions.style';
-import { useTheme } from '../theme';
+import { Grid } from '../grid/index.js';
+import { DescriptionItem } from './descriptionItem.js';
+import { clsx, useResponsiveValue } from '../../utils/index.js';
+import { classes, tableStyle } from './descriptions.style.js';
+import { useTheme } from '../theme/index.js';
 export function useDescriptionsContext() {
     return useContext(DescriptionsContext);
 }

package/dist/esm/components/descriptions/descriptions.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('descriptions', [
     'item',
     'label',

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

@@ -1,2 +1,2 @@
-export * from './descriptions';
-export * from './descriptionItem';
+export * from './descriptions.js';
+export * from './descriptionItem.js';

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

@@ -1,2 +1,2 @@
-export * from './descriptions';
-export * from './descriptionItem';
+export * from './descriptions.js';
+export * from './descriptionItem.js';

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

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
-import { ModalProps } from '../modal';
-import { ButtonProps } from '../button';
-import { DrawerCloseReason } from '../drawer';
+import { ModalProps } from '../modal/index.js';
+import { ButtonProps } from '../button/index.js';
+import { DrawerCloseReason } from '../drawer/index.js';
 export type DialogCloseReason = DrawerCloseReason | 'canceled' | 'confirmed';
 export interface DialogProps extends Omit<ModalProps, 'title' | 'prefix'> {
     icon?: ReactNode;

package/dist/esm/components/dialog/dialog.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { Modal } from '../modal';
-import { classes, style } from './dialog.style';
-import { clsx, cloneRef, useControlled, useEscapeClosable, useLoading } from '../../utils';
-import { Button } from '../button';
-import { Draggable } from '../draggable';
-import { Icon } from '../icon';
+import { Modal } from '../modal/index.js';
+import { classes, style } from './dialog.style.js';
+import { clsx, cloneRef, useControlled, useEscapeClosable, useLoading } from '../../utils/index.js';
+import { Button } from '../button/index.js';
+import { Draggable } from '../draggable/index.js';
+import { Icon } from '../icon/index.js';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
 export function Dialog({ icon, title, footer, prefix, suffix, width = 420, minWidth, maxWidth = '100%', showClose = true, closeProps, showConfirm = true, confirmText = '确 定', confirmProps, onConfirm, confirmLoading = false, showCancel = true, cancelText = '取 消', cancelProps, onCancel, scrollBehavior = 'card', draggable = true, maskClosable = true, escapeClosable = true, defaultOpen = false, open, onClose, ...props }) {
     const [innerOpen, _setInnerOpen] = useControlled(defaultOpen, open);

package/dist/esm/components/dialog/dialog.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('dialog', [
     'container',
     'card',

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { DivProps } from '../../types';
+import { DivProps } from '../../types.js';
 export interface DividerProps extends DivProps {
     textAlign?: 'start' | 'center' | 'end';
     /**

package/dist/esm/components/divider/divider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { classes, style } from './divider.style';
-import { clsx } from '../../utils';
+import { classes, style } from './divider.style.js';
+import { clsx } from '../../utils/index.js';
 export const Divider = memo(({ textAlign = 'center', alignMargin = 36, orientation = 'horizontal', margin, ...props }) => {
     const styleProp = orientation === 'horizontal' ? 'width' : 'height';
     return (_jsxs("div", { ...props, css: style, className: clsx(classes.root, props.className), style: {

package/dist/esm/components/divider/divider.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('divider', [
     'line',
     'beforeLine',

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

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

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

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