@canlooks/can-ui 0.0.160 → 0.0.162

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

@@ -1,6 +1,6 @@
 import React, { ReactElement, ReactNode, Ref } from 'react';
-import { DraggableGestureOptions, HandleProps } from '../../utils';
-import { DefineElement } from '../../types';
+import { DraggableGestureOptions, HandleProps } from '../../utils/index.js';
+import { DefineElement } from '../../types.js';
 export type DraggableTargetProps = {
     onTransitionEnd(e: React.TransitionEvent): void;
     style: {

package/dist/esm/components/draggable/draggable.js

@@ -1,6 +1,6 @@
 import { cloneElement, isValidElement, useMemo, useState, useImperativeHandle } from 'react';
-import { range, useDraggable } from '../../utils';
-import { useTheme } from '../theme';
+import { range, useDraggable } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
 export function Draggable({ ref, translateLimit, restoreOnDragEnd, restoreTransition = true, container, children, ...draggableOptions }) {
     useImperativeHandle(ref, () => ({
         restore

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { OverlayBaseProps } from '../overlayBase';
-import { ResponsiveProp } from '../../types';
-import { TransitionBaseProps } from '../transitionBase';
+import { OverlayBaseProps } from '../overlayBase/index.js';
+import { ResponsiveProp } from '../../types.js';
+import { TransitionBaseProps } from '../transitionBase/index.js';
 export interface DrawerProps extends Omit<OverlayBaseProps, 'title'> {
     title?: ReactNode;
     footer?: ReactNode;

package/dist/esm/components/drawer/drawer.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { classes, useStyle } from './drawer.style';
-import { clsx, useControlled } from '../../utils';
-import { OverlayBase } from '../overlayBase';
-import { Button } from '../button';
-import { Slide } from '../transitionBase';
-import { Icon } from '../icon';
+import { classes, useStyle } from './drawer.style.js';
+import { clsx, useControlled } from '../../utils/index.js';
+import { OverlayBase } from '../overlayBase/index.js';
+import { Button } from '../button/index.js';
+import { Slide } from '../transitionBase/index.js';
+import { Icon } from '../icon/index.js';
 import { faAnglesRight } from '@fortawesome/free-solid-svg-icons/faAnglesRight';
 const placementToDirection = {
     left: 'right',

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

@@ -1,4 +1,4 @@
-import { ResponsiveValue } from '../../types';
+import { ResponsiveValue } from '../../types.js';
 export declare const classes: {
     body: string;
     title: string;

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

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

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

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

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

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

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

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

package/dist/esm/components/dropdown/dropdown.js

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

package/dist/esm/components/dropdown/dropdown.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('dropdown', [
     'content'
 ]);

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType } from 'react';
-import { TransportStyleOwnProps } from '../transportStyle';
-import { OverridableComponent, OverridableProps } from '../../types';
+import { TransportStyleOwnProps } from '../transportStyle/index.js';
+import { OverridableComponent, OverridableProps } from '../../types.js';
 interface FlexOwnProps extends TransportStyleOwnProps {
     inline?: boolean;
     /** 排列方式，默认为`row` */

package/dist/esm/components/flex/flex.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Children, cloneElement, isValidElement } from 'react';
-import { classes, style } from './flex.style';
-import { clsx, filterProperties } from '../../utils';
-import { TransportStyle } from '../transportStyle';
+import { classes, style } from './flex.style.js';
+import { clsx, filterProperties } from '../../utils/index.js';
+import { TransportStyle } from '../transportStyle/index.js';
 export const Flex = (({ inline, direction = 'row', wrap, gap, columnGap, rowGap, compact, ...props }) => {
     const renderChildren = () => {
         if (!compact) {

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

@@ -1,4 +1,4 @@
-import { defineInnerClasses } from '../../utils';
+import { defineInnerClasses } from '../../utils/index.js';
 import { css } from '@emotion/react';
 export const classes = defineInnerClasses('flex');
 export const style = css `

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

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

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

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

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

@@ -1,10 +1,10 @@
 import React, { Dispatch, ReactElement, ReactNode, Ref, RefObject, SetStateAction, ElementType } from 'react';
-import { Obj, OverridableProps, Size } from '../../types';
-import { FieldPath } from '../../utils';
-import { FieldError, FormItem, FormItemProps, FormItemRef } from './formItem';
-import { FormRelatable } from './formRelatable';
-import { DescriptionsProps, DescriptionsSharedProps } from '../descriptions';
-import { GridOwnProps } from '../grid';
+import { Obj, OverridableProps, Size } from '../../types.js';
+import { FieldPath } from '../../utils/index.js';
+import { FieldError, FormItem, FormItemProps, FormItemRef } from './formItem.js';
+import { FormRelatable } from './formRelatable.js';
+import { DescriptionsProps, DescriptionsSharedProps } from '../descriptions/index.js';
+import { GridOwnProps } from '../grid/index.js';
 export type FormValue = Obj;
 export type FormSharedProps = {
     /** 必填字段的标记，默认为`*` */

package/dist/esm/components/form/form.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createContext, useContext, useImperativeHandle, useMemo, useRef } from 'react';
-import { clsx, cloneDeep, mergeDeep, queryDeep, stringifyField, useSync, useSyncState } from '../../utils';
-import { classes, style } from './form.style';
-import { FormItem } from './formItem';
-import { FormRelatable } from './formRelatable';
-import { Descriptions } from '../descriptions';
+import { clsx, cloneDeep, mergeDeep, queryDeep, stringifyField, useSync, useSyncState } from '../../utils/index.js';
+import { classes, style } from './form.style.js';
+import { FormItem } from './formItem.js';
+import { FormRelatable } from './formRelatable.js';
+import { Descriptions } from '../descriptions/index.js';
 const FormContext = createContext({});
 export function useFormContext() {
     return useContext(FormContext);

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

package/dist/esm/components/form/formItem.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode, ElementType, Ref } from 'react';
-import { FormRef, FormSharedProps, FormValue } from './form';
-import { ColorPropsValue, MergeProps, Size } from '../../types';
-import { FieldPath } from '../../utils';
-import { DescriptionItemProps } from '../descriptions';
+import { FormRef, FormSharedProps, FormValue } from './form.js';
+import { ColorPropsValue, MergeProps, Size } from '../../types.js';
+import { FieldPath } from '../../utils/index.js';
+import { DescriptionItemProps } from '../descriptions/index.js';
 export type FormItemRules<I = any, R = FormRef> = {
     message?: ReactNode;
     required?: boolean;

package/dist/esm/components/form/formItem.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { cloneElement, isValidElement, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
-import { useFormContext, useFormStyleContext, useFormValueContext } from './form';
-import { clsx, getValueOnChange, queryDeep, stringifyField, useDerivedState, toArray, getRandomId, isUnset, useStrictMemo } from '../../utils';
-import { DescriptionItem } from '../descriptions';
-import { classes } from './form.style';
-import { Collapse } from '../transitionBase';
+import { useFormContext, useFormStyleContext, useFormValueContext } from './form.js';
+import { clsx, getValueOnChange, queryDeep, stringifyField, useDerivedState, toArray, getRandomId, isUnset, useStrictMemo } from '../../utils/index.js';
+import { DescriptionItem } from '../descriptions/index.js';
+import { classes } from './form.style.js';
+import { Collapse } from '../transitionBase/index.js';
 export const FormItem = ({ ref, wrapperRef, field, initialValue, label = '', rules, required, error, helperText, dependencies, children, noStyle, requiredMark, variant, size, _fieldValue, ...props }) => {
     const context = useFormStyleContext();
     requiredMark ??= context.requiredMark ?? '*';

package/dist/esm/components/form/formRelatable.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FormRef, FormValue } from './form';
+import { FormRef, FormValue } from './form.js';
 export type FormRelatableProps<V extends FormValue> = {
     shouldUpdate(prevValue: V, nextValue: V): boolean;
     children(formValue: V, formInstance: FormRef<V>): ReactNode;

package/dist/esm/components/form/formRelatable.js

@@ -1,6 +1,6 @@
 import { useRef, useEffect } from 'react';
-import { useFormContext, useFormValueContext } from './form';
-import { cloneDeep } from '../../utils';
+import { useFormContext, useFormValueContext } from './form.js';
+import { cloneDeep } from '../../utils/index.js';
 export function FormRelatable(props) {
     const { formRef } = useFormContext();
     const { formValue } = useFormValueContext();

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

@@ -1,3 +1,3 @@
-export * from './form';
-export * from './formItem';
-export * from './formRelatable';
+export * from './form.js';
+export * from './formItem.js';
+export * from './formRelatable.js';

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

@@ -1,3 +1,3 @@
-export * from './form';
-export * from './formItem';
-export * from './formRelatable';
+export * from './form.js';
+export * from './formItem.js';
+export * from './formRelatable.js';

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

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode, Ref } from 'react';
-import { DialogProps } from '../dialog';
-import { Obj } from '../../types';
-import { FormItemProps, FormProps, FormRef, FormValue } from '../form';
+import { DialogProps } from '../dialog/index.js';
+import { Obj } from '../../types.js';
+import { FormItemProps, FormProps, FormRef, FormValue } from '../form/index.js';
 interface FormDialogItemProps<I = any> extends Omit<FormItemProps<I>, 'key'>, Obj {
     key?: string | number;
 }

package/dist/esm/components/formDialog/formDialog.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { useImperativeHandle, useRef, useState } from 'react';
-import { Dialog } from '../dialog';
-import { cloneRef, setDefaultColumnKey, useControlled, useLoading } from '../../utils';
-import { Form, FormItem } from '../form';
+import { Dialog } from '../dialog/index.js';
+import { cloneRef, setDefaultColumnKey, useControlled, useLoading } from '../../utils/index.js';
+import { Form, FormItem } from '../form/index.js';
 export const FormDialog = (({ ref, title, formProps, formRef, items, onFinish, ...props }) => {
     const dialogRef = useRef(null);
     const innerFormRef = useRef(null);

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ModalProps } from '../modal';
+import { ModalProps } from '../modal/index.js';
 export interface ImagePreviewProps extends ModalProps {
     src?: string | string[];
     defaultIndex?: number;

package/dist/esm/components/gallery/gallery.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useRef } from 'react';
-import { Modal } from '../modal';
-import { cloneRef, clsx, edgeBounce, toArray, useControlled, useDraggable, useSync } from '../../utils';
-import { classes, style } from './gallery.style';
-import { Button } from '../button';
-import { Tooltip } from '../tooltip';
-import { Icon } from '../icon';
+import { Modal } from '../modal/index.js';
+import { cloneRef, clsx, edgeBounce, toArray, useControlled, useDraggable, useSync } from '../../utils/index.js';
+import { classes, style } from './gallery.style.js';
+import { Button } from '../button/index.js';
+import { Tooltip } from '../tooltip/index.js';
+import { Icon } from '../icon/index.js';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
 import { faExpand } from '@fortawesome/free-solid-svg-icons/faExpand';
 import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
@@ -14,7 +14,7 @@ import { faArrowRotateLeft } from '@fortawesome/free-solid-svg-icons/faArrowRota
 import { faArrowRotateRight } from '@fortawesome/free-solid-svg-icons/faArrowRotateRight';
 import { faMagnifyingGlassPlus } from '@fortawesome/free-solid-svg-icons/faMagnifyingGlassPlus';
 import { faMagnifyingGlassMinus } from '@fortawesome/free-solid-svg-icons/faMagnifyingGlassMinus';
-import { ImageItem } from './imageItem';
+import { ImageItem } from './imageItem.js';
 const commonControlProps = {
     className: classes.button,
     shape: 'circular',

package/dist/esm/components/gallery/gallery.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('gallery', [
     'button',
     'control',

package/dist/esm/components/gallery/imageItem.d.ts

@@ -1,5 +1,5 @@
 import { JSX, Ref } from 'react';
-import { PinchableProps, PinchableRef } from '../pinchable';
+import { PinchableProps, PinchableRef } from '../pinchable/index.js';
 export interface ImageItemRef extends PinchableRef {
     isFit(): {
         top: boolean;

package/dist/esm/components/gallery/imageItem.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { classes } from './gallery.style';
+import { classes } from './gallery.style.js';
 import { useEffect, useImperativeHandle, useRef } from 'react';
-import { cloneRef, clsx } from '../../utils';
-import { Pinchable } from '../pinchable';
+import { cloneRef, clsx } from '../../utils/index.js';
+import { Pinchable } from '../pinchable/index.js';
 export function ImageItem({ ref, src, imgProps, ...props }) {
     useImperativeHandle(ref, () => {
         if (pinchableRef.current) {

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

@@ -1,2 +1,2 @@
-export * from './gallery';
-export * from './imageItem';
+export * from './gallery.js';
+export * from './imageItem.js';

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

@@ -1,2 +1,2 @@
-export * from './gallery';
-export * from './imageItem';
+export * from './gallery.js';
+export * from './imageItem.js';

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

@@ -1,7 +1,7 @@
 import { ElementType, ReactElement } from 'react';
-import { OverridableProps, ResponsiveProp } from '../../types';
-import { GridItem } from './gridItem';
-import { TransportStyleOwnProps } from '../transportStyle';
+import { OverridableProps, ResponsiveProp } from '../../types.js';
+import { GridItem } from './gridItem.js';
+import { TransportStyleOwnProps } from '../transportStyle/index.js';
 export interface GridOwnProps extends TransportStyleOwnProps {
     inline?: boolean;
     /** 网格列数，默认为`{xs: 12}` */

package/dist/esm/components/grid/grid.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { classes, useContainerStyle } from './grid.style';
-import { GridItem } from './gridItem';
-import { clsx, toResponsiveValue } from '../../utils';
-import { TransportStyle } from '../transportStyle';
+import { classes, useContainerStyle } from './grid.style.js';
+import { GridItem } from './gridItem.js';
+import { clsx, toResponsiveValue } from '../../utils/index.js';
+import { TransportStyle } from '../transportStyle/index.js';
 export const Grid = (({ inline, columnCount = { xs: 12 }, gap = { xs: 0 }, columnGap, rowGap, ...props }) => {
     columnCount = toResponsiveValue(columnCount);
     gap = toResponsiveValue(gap);

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

@@ -1,4 +1,4 @@
-import { ResponsiveValue } from '../../types';
+import { ResponsiveValue } from '../../types.js';
 export declare const classes: {
     item: string;
 } & {

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

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

package/dist/esm/components/grid/gridItem.d.ts

@@ -1,5 +1,5 @@
-import { OverridableComponent, OverridableProps, ResponsiveProp } from '../../types';
-import { TransportStyleOwnProps } from '../transportStyle';
+import { OverridableComponent, OverridableProps, ResponsiveProp } from '../../types.js';
+import { TransportStyleOwnProps } from '../transportStyle/index.js';
 import { ElementType } from 'react';
 interface GridItemOwnProps extends TransportStyleOwnProps {
     span?: ResponsiveProp;

package/dist/esm/components/grid/gridItem.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { clsx, toResponsiveValue } from '../../utils';
-import { classes, useItemStyle } from './grid.style';
-import { TransportStyle } from '../transportStyle';
+import { clsx, toResponsiveValue } from '../../utils/index.js';
+import { classes, useItemStyle } from './grid.style.js';
+import { TransportStyle } from '../transportStyle/index.js';
 export const GridItem = (({ span = { xs: 1 }, offset = { xs: 0 }, ...props }) => {
     span = toResponsiveValue(span);
     offset = toResponsiveValue(offset);

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

@@ -1,2 +1,2 @@
-export * from './grid';
-export * from './gridItem';
+export * from './grid.js';
+export * from './gridItem.js';

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

@@ -1,2 +1,2 @@
-export * from './grid';
-export * from './gridItem';
+export * from './grid.js';
+export * from './gridItem.js';

package/dist/esm/components/highlight/highlight.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Fragment, memo } from 'react';
-import { Typography } from '../typography';
-import { useTheme } from '../theme';
+import { Typography } from '../typography/index.js';
+import { useTheme } from '../theme/index.js';
 export const Highlight = memo(({ keywords, highlightClassName, highlightStyle, renderHighlight, content, children = content, }) => {
     const { colors } = useTheme();
     if (!children) {

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-import { ColorPropsValue } from '../../types';
+import { ColorPropsValue } from '../../types.js';
 import { IconDefinition } from '@fortawesome/free-brands-svg-icons';
 export interface IconProps extends Omit<FontAwesomeIconProps, 'color' | 'icon'> {
     color?: ColorPropsValue;

package/dist/esm/components/icon/icon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { clsx, defineInnerClasses, useColor } from '../../utils';
+import { clsx, defineInnerClasses, useColor } from '../../utils/index.js';
 const classes = defineInnerClasses('icon');
 export function Icon({ color, ...props }) {
     return (_jsx(FontAwesomeIcon, { ...props, className: clsx(classes.root, props.className), color: useColor(color), fontSize: 14 }));

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

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

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

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

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

@@ -1,6 +1,6 @@
 import React, { CSSProperties, ReactNode, ReactElement, ComponentProps } from 'react';
-import { DivProps } from '../../types';
-import { Gallery, ImagePreviewProps } from '../gallery';
+import { DivProps } from '../../types.js';
+import { Gallery, ImagePreviewProps } from '../gallery/index.js';
 export interface ImageProps extends DivProps {
     src?: string;
     fallback?: string;

package/dist/esm/components/image/image.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 './image.style';
-import { clsx, cloneRef, useControlled, useDerivedState } from '../../utils';
-import { Gallery } from '../gallery';
-import { Icon } from '../icon';
-import { Skeleton } from '../skeleton';
+import { classes, style } from './image.style.js';
+import { clsx, cloneRef, useControlled, useDerivedState } from '../../utils/index.js';
+import { Gallery } from '../gallery/index.js';
+import { Icon } from '../icon/index.js';
+import { Skeleton } from '../skeleton/index.js';
 import { faEye } from '@fortawesome/free-regular-svg-icons/faEye';
 export const Image = memo(({ src, fallback, onLoad, onError, renderLoading, alt = '', width, height, objectFit = 'cover', objectPosition = 'center', imgProps, actions, previewable = true, previewProps, onPreview, ...props }) => {
     const imgRef = useRef(null);

package/dist/esm/components/image/image.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('image', [
     'img',

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { InputBaseProps } from '../inputBase';
+import { InputBaseProps } from '../inputBase/index.js';
 export interface InputProps extends Omit<InputBaseProps<'input'>, 'children'> {
     inputProps?: ComponentProps<'input'>;
     /** 是否根据内容自动调整宽度 */

package/dist/esm/components/input/input.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { mergeComponentProps } from '../../utils';
-import { classes, style } from './input.style';
+import { mergeComponentProps } from '../../utils/index.js';
+import { classes, style } from './input.style.js';
 import { memo } from 'react';
-import { InputBase } from '../inputBase';
+import { InputBase } from '../inputBase/index.js';
 export const Input = memo(({ inputProps, widthAdaptable, ...props }) => {
     return (_jsx(InputBase, { ...mergeComponentProps(props, {
             css: style,

package/dist/esm/components/input/input.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('input', [
     'input',
     'adaptable'

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

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