@canlooks/can-ui 0.0.160 → 0.0.162

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

@@ -1,6 +1,6 @@
-import { defineCss, defineInnerClasses } from '../../utils';
+import { defineCss, defineInnerClasses } from '../../utils/index.js';
 import { css } from '@emotion/react';
-import { classes as buttonClasses } from '../button/button.style';
+import { classes as buttonClasses } from '../button/button.style.js';
 export const classes = defineInnerClasses('buttonGroup');
 export const style = defineCss(({ divider }) => css `
     @layer reset {

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { PopperProps } from '../popper';
-import { ColorPropsValue } from '../../types';
+import { PopperProps } from '../popper/index.js';
+import { ColorPropsValue } from '../../types.js';
 export interface TooltipProps extends Omit<PopperProps, 'title' | 'content'> {
     title?: ReactNode;
     color?: ColorPropsValue;

package/dist/esm/components/tooltip/tooltip.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Popper } from '../popper';
-import { classes, useStyle } from './tooltip.style';
-import { clsx } from '../../utils';
-import { useTheme } from '../theme';
+import { Popper } from '../popper/index.js';
+import { classes, useStyle } from './tooltip.style.js';
+import { clsx } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
 export function Tooltip({ title, color, showArrow = true, offset, ...props }) {
     const { spacing } = useTheme();
     offset ??= showArrow ? spacing[3] : spacing[2];

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

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

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

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, useColor, useCss } from '../../utils';
-import { popperArrowStyle } from '../popper/popper.style';
+import { defineInnerClasses, useColor, useCss } from '../../utils/index.js';
+import { popperArrowStyle } from '../popper/popper.style.js';
 import Color from 'color';
-import { zIndex } from '../theme';
+import { zIndex } from '../theme/index.js';
 export const classes = defineInnerClasses('tooltip', [
     'title'
 ]);

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { ColorPropsValue, DefineElement, DivProps } from '../../types';
+import { ColorPropsValue, DefineElement, DivProps } from '../../types.js';
 export interface TouchRippleOverlayProps extends DivProps {
     color?: ColorPropsValue;
     /** 容器元素，默认为该组件元素的父元素 */

package/dist/esm/components/touchRipple/touchRipple.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { cloneRef, clsx, useContainer } from '../../utils';
-import { classes, useStyle } from './touchRipple.style';
+import { cloneRef, clsx, useContainer } from '../../utils/index.js';
+import { classes, useStyle } from './touchRipple.style.js';
 export const TouchRipple = memo(({ color = 'primary', container, effectContainer, ...props }) => {
     const ref = useRef(null);
     const [ripples, setRipples] = useState(new Map());

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

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

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

@@ -1,6 +1,6 @@
-import { defineInnerClasses, useColor, useCss } from '../../utils';
+import { defineInnerClasses, useColor, useCss } from '../../utils/index.js';
 import { css, keyframes } from '@emotion/react';
-import { zIndex } from '../theme';
+import { zIndex } from '../theme/index.js';
 import Color from 'color';
 export const classes = defineInnerClasses('touch-ripple-overlay', [
     'ripple'

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
-import { DivProps, Id, SelectableMultipleProps } from '../../types';
-import { MenuOptionType } from '../optionsBase';
-import { ButtonProps } from '../button';
+import { DivProps, Id, SelectableMultipleProps } from '../../types.js';
+import { MenuOptionType } from '../optionsBase/index.js';
+import { ButtonProps } from '../button/index.js';
 export interface TransferProps<O extends MenuOptionType<V>, V extends Id = Id> extends Omit<DivProps, 'defaultValue' | 'value' | 'onChange'>, Omit<SelectableMultipleProps<V>, 'multiple'> {
     options?: O[];
     /** 默认为`value` */

package/dist/esm/components/transfer/transfer.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createContext, memo, useContext, useMemo, useState } from 'react';
-import { classes, style } from './transfer.style';
-import { clsx, useControlled } from '../../utils';
-import { Button } from '../button';
-import { TransferPanel } from './transferPanel';
-import { Icon } from '../icon';
+import { classes, style } from './transfer.style.js';
+import { clsx, useControlled } from '../../utils/index.js';
+import { Button } from '../button/index.js';
+import { TransferPanel } from './transferPanel.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';
 const TransferContext = createContext({});

package/dist/esm/components/transfer/transfer.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('transfer', [
     'panel',
     'header',

package/dist/esm/components/transfer/transferPanel.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
-import { DivProps, Id } from '../../types';
-import { MenuOptionType, OptionsBaseProps } from '../optionsBase';
+import { DivProps, Id } from '../../types.js';
+import { MenuOptionType, OptionsBaseProps } from '../optionsBase/index.js';
 type ListProps<O extends MenuOptionType<V>, V extends Id = Id> = Pick<OptionsBaseProps<O, V>, 'options' | 'selectedValue' | 'primaryKey' | 'onToggleSelected'>;
 export interface TransferPanelProps<O extends MenuOptionType<V>, V extends Id = Id> extends Omit<DivProps, 'title' | 'onChange'> {
     title?: ReactNode;

package/dist/esm/components/transfer/transferPanel.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useMemo } from 'react';
-import { classes } from './transfer.style';
-import { Checkbox } from '../checkbox';
-import { useTransferContext } from './transfer';
-import { OptionsBase } from '../optionsBase';
+import { classes } from './transfer.style.js';
+import { Checkbox } from '../checkbox/index.js';
+import { useTransferContext } from './transfer.js';
+import { OptionsBase } from '../optionsBase/index.js';
 export const TransferPanel = memo(({ title, type = 'left', selectedValue, onChange, renderList, renderItem, ...props }) => {
     selectedValue ||= [];
     const { options, primaryKey, value, allowSelectAll, showHeader } = useTransferContext();

package/dist/esm/components/transitionBase/collapse.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactElement } from 'react';
-import { TransitionBaseProps } from './transitionBase';
-import { MergeProps } from '../../types';
+import { TransitionBaseProps } from './transitionBase.js';
+import { MergeProps } from '../../types.js';
 export type CollapseOwnProps = {
     /**
      * 动画实现的方式

package/dist/esm/components/transitionBase/collapse.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useRef, useState } from 'react';
-import { TransitionBase } from './transitionBase';
-import { cloneRef, useStrictEffect } from '../../utils';
+import { TransitionBase } from './transitionBase.js';
+import { cloneRef, useStrictEffect } from '../../utils/index.js';
 export const Collapse = ({ transitionType = 'sweeping', ...props }) => {
     const Component = transitionType === 'sweeping' ? Sweeping : TransitionBase;
     return (_jsx(Component, { ...props, _mode: transitionType === 'sweeping' ? '_sweeping' : 'collapse' }));

package/dist/esm/components/transitionBase/fade.d.ts

@@ -1,4 +1,4 @@
 import { ElementType } from 'react';
-import { TransitionBase, TransitionBaseProps } from './transitionBase';
+import { TransitionBase, TransitionBaseProps } from './transitionBase.js';
 export type FadeProps<T extends HTMLElement = HTMLElement, C extends ElementType = 'div'> = TransitionBaseProps<T, C>;
 export declare const Fade: typeof TransitionBase;

package/dist/esm/components/transitionBase/fade.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { TransitionBase } from './transitionBase';
+import { TransitionBase } from './transitionBase.js';
 export const Fade = ((props) => {
     return (_jsx(TransitionBase, { ...props, _mode: "fade" }));
 });

package/dist/esm/components/transitionBase/grow.d.ts

@@ -1,4 +1,4 @@
 import { ElementType } from 'react';
-import { TransitionBase, TransitionBaseProps } from './transitionBase';
+import { TransitionBase, TransitionBaseProps } from './transitionBase.js';
 export type GrowProps<T extends HTMLElement = HTMLElement, C extends ElementType = 'div'> = TransitionBaseProps<T, C>;
 export declare const Grow: typeof TransitionBase;

package/dist/esm/components/transitionBase/grow.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { TransitionBase } from './transitionBase';
+import { TransitionBase } from './transitionBase.js';
 export const Grow = ((props) => {
     return (_jsx(TransitionBase, { ...props, _mode: "grow" }));
 });

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

@@ -1,5 +1,5 @@
-export * from './collapse';
-export * from './fade';
-export * from './grow';
-export * from './slide';
-export * from './transitionBase';
+export * from './collapse.js';
+export * from './fade.js';
+export * from './grow.js';
+export * from './slide.js';
+export * from './transitionBase.js';

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

@@ -1,5 +1,5 @@
-export * from './collapse';
-export * from './fade';
-export * from './grow';
-export * from './slide';
-export * from './transitionBase';
+export * from './collapse.js';
+export * from './fade.js';
+export * from './grow.js';
+export * from './slide.js';
+export * from './transitionBase.js';

package/dist/esm/components/transitionBase/slide.d.ts

@@ -1,4 +1,4 @@
 import { ElementType } from 'react';
-import { TransitionBase, TransitionBaseProps } from './transitionBase';
+import { TransitionBase, TransitionBaseProps } from './transitionBase.js';
 export type SlideProps<T extends HTMLElement = HTMLElement, C extends ElementType = 'div'> = TransitionBaseProps<T, C>;
 export declare const Slide: typeof TransitionBase;

package/dist/esm/components/transitionBase/slide.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { TransitionBase } from './transitionBase';
+import { TransitionBase } from './transitionBase.js';
 export const Slide = ((props) => {
     return (_jsx(TransitionBase, { ...props, _mode: "slide" }));
 });

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

@@ -1,6 +1,6 @@
 import { ElementType, ReactElement } from 'react';
 import { TimeoutProps } from 'react-transition-group/Transition';
-import { OverridableProps } from '../../types';
+import { OverridableProps } from '../../types.js';
 export interface TransitionBaseOwnProps<T extends HTMLElement = HTMLElement> extends Omit<Partial<TimeoutProps<T>>, 'children'> {
     /** {@link _mode}"collapse"时生效，展开与收起的方向 默认为`vertical` */
     orientation?: 'vertical' | 'horizontal';

package/dist/esm/components/transitionBase/transitionBase.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
-import { classes, fadeStyle, sweepingStyle, useGrowAndCollapseStyle, useSlideStyle, useTransitionBaseStyle } from './transitionBase.style';
-import { clsx, cloneRef } from '../../utils';
+import { classes, fadeStyle, sweepingStyle, useGrowAndCollapseStyle, useSlideStyle, useTransitionBaseStyle } from './transitionBase.style.js';
+import { clsx, cloneRef } from '../../utils/index.js';
 export const TransitionBase = (({ ref, component: Component = 'div', orientation = 'vertical', direction = 'down', offset = '100%', timeout = 300, appear = true, _mode, ...props }) => {
     const cssArr = [
         useTransitionBaseStyle({ timeout })

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

@@ -1,4 +1,4 @@
-import { TransitionBaseProps } from './transitionBase';
+import { TransitionBaseProps } from './transitionBase.js';
 export declare const classes: {
     root: string;
 };

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

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss, useCss } from '../../utils';
+import { defineInnerClasses, defineCss, useCss } from '../../utils/index.js';
 export const classes = defineInnerClasses('transition-base');
 export function useTransitionBaseStyle({ timeout }) {
     const timeoutIsNumber = typeof timeout === 'number';

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ElementType } from 'react';
-import { OverridableComponent, OverridableProps } from '../../types';
+import { OverridableComponent, OverridableProps } from '../../types.js';
 export type TransportStyleOwnProps = {
     /** 交叉轴对齐方式 */
     alignItems?: CSSProperties['alignItems'];

package/dist/esm/components/transportStyle/transportStyle.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { filterProperties } from '../../utils';
+import { filterProperties } from '../../utils/index.js';
 export const TransportStyle = (({ component: Component = 'div', alignItems, justifyContent, alignSelf, justifySelf, flex, width, minWidth, maxWidth, height, minHeight, maxHeight, lineHeight, paddingTop, paddingRight, paddingBottom, paddingLeft, padding, marginTop, marginRight, marginBottom, marginLeft, margin, overflowX, overflowY, overflow, ...props }) => {
     return (_jsx(Component, { ...props, style: filterProperties({
             alignItems, justifyContent, alignSelf, justifySelf, flex,

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

@@ -1,2 +1,2 @@
-export * from './tree';
-export * from './treeNode';
+export * from './tree.js';
+export * from './treeNode.js';

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

@@ -1,2 +1,2 @@
-export * from './tree';
-export * from './treeNode';
+export * from './tree.js';
+export * from './treeNode.js';

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

@@ -1,8 +1,8 @@
 import { ReactElement, ReactNode } from 'react';
-import { DivProps, Id, SelectableProps } from '../../types';
-import { OptionType, SelectionContextBaseProps } from '../selectionContext';
-import { InputProps } from '../input';
-import { TreeNode, TreeNodeProps } from './treeNode';
+import { DivProps, Id, SelectableProps } from '../../types.js';
+import { OptionType, SelectionContextBaseProps } from '../selectionContext/index.js';
+import { InputProps } from '../input/index.js';
+import { TreeNode, TreeNodeProps } from './treeNode.js';
 export interface NodeType<V extends Id = Id> extends Partial<Omit<TreeNodeProps, 'children'>>, Omit<OptionType<V>, 'children'> {
     children?: NodeType<V>[];
 }

package/dist/esm/components/tree/tree.js

@@ -1,15 +1,15 @@
 import { createElement as _createElement } from "@emotion/react";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { Children, createContext, isValidElement, memo, useContext, useMemo } from 'react';
-import { SelectionContext } from '../selectionContext';
-import { Input } from '../input';
-import { classes, useStyle } from './tree.style';
-import { clsx, useTreeSearch } from '../../utils';
-import { Highlight } from '../highlight';
-import { TreeNode } from './treeNode';
-import { Icon } from '../icon';
+import { SelectionContext } from '../selectionContext/index.js';
+import { Input } from '../input/index.js';
+import { classes, useStyle } from './tree.style.js';
+import { clsx, useTreeSearch } from '../../utils/index.js';
+import { Highlight } from '../highlight/index.js';
+import { TreeNode } from './treeNode.js';
+import { Icon } from '../icon/index.js';
 import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons/faMagnifyingGlass';
-import { TreeDnd } from './treeDnd';
+import { TreeDnd } from './treeDnd.js';
 const TreeContext = createContext({});
 export function useTreeContext() {
     return useContext(TreeContext);

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

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, useCss } from '../../utils';
+import { defineInnerClasses, useCss } from '../../utils/index.js';
 import Color from 'color';
-import { useStyle as useDndStyle } from './treeDnd.style';
+import { useStyle as useDndStyle } from './treeDnd.style.js';
 export const classes = defineInnerClasses('tree', [
     'search',
     'node',

package/dist/esm/components/tree/treeDnd.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
-import { Id } from '../../types';
-import { SortPlacement, TreeBaseProps } from './tree';
+import { Id } from '../../types.js';
+import { SortPlacement, TreeBaseProps } from './tree.js';
 type TreeDndContextItem<T> = [T | undefined, Dispatch<SetStateAction<T | undefined>>];
 type ITreeDndContext = {
     sortable: boolean;

package/dist/esm/components/tree/treeDnd.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createContext, memo, useContext, useRef, useState } from 'react';
-import { globalGrabbingStyle, treeDndClasses } from './treeDnd.style';
+import { globalGrabbingStyle, treeDndClasses } from './treeDnd.style.js';
 import { Global } from '@emotion/react';
 export const TreeDndContext = createContext({});
 export function useTreeDndContext() {

package/dist/esm/components/tree/treeDnd.style.js

@@ -1,6 +1,6 @@
-import { defineInnerClasses, useCss } from '../../utils';
+import { defineInnerClasses, useCss } from '../../utils/index.js';
 import { css } from '@emotion/react';
-import { classes } from './tree.style';
+import { classes } from './tree.style.js';
 import Color from 'color';
 export const treeDndClasses = defineInnerClasses('tree-dnd', [
     'levelBlock',

package/dist/esm/components/tree/treeNode.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { DivProps, Id } from '../../types';
+import { DivProps, Id } from '../../types.js';
 export interface TreeNodeProps extends Omit<DivProps, 'id' | 'prefix'> {
     id: Id;
     label?: ReactNode;

package/dist/esm/components/tree/treeNode.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { Children, cloneElement, isValidElement, memo, useRef, useMemo } from 'react';
-import { classes } from './tree.style';
-import { cloneRef, clsx, findPredecessor, useDraggable } from '../../utils';
-import { Collapse } from '../transitionBase';
-import { Button } from '../button';
-import { Checkbox } from '../checkbox';
-import { useTreeContext } from './tree';
-import { useSelectionContext } from '../selectionContext';
-import { Icon } from '../icon';
+import { classes } from './tree.style.js';
+import { cloneRef, clsx, findPredecessor, useDraggable } from '../../utils/index.js';
+import { Collapse } from '../transitionBase/index.js';
+import { Button } from '../button/index.js';
+import { Checkbox } from '../checkbox/index.js';
+import { useTreeContext } from './tree.js';
+import { useSelectionContext } from '../selectionContext/index.js';
+import { Icon } from '../icon/index.js';
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight';
 import { faGripVertical } from '@fortawesome/free-solid-svg-icons';
-import { useTreeDndContext } from './treeDnd';
-import { treeDndClasses } from './treeDnd.style';
+import { useTreeDndContext } from './treeDnd.js';
+import { treeDndClasses } from './treeDnd.style.js';
 export const TreeNode = memo(({ id, label, prefix, suffix, disabled, _level = 0, ...props }) => {
     const { expandedSet, toggleExpanded, indent, renderExpandIcon, showCheckbox, readOnly, clickLabelToExpand, ...context } = useTreeContext();
     disabled ??= context.disabled;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
-import { NodeType, TreeNode, TreeProps, TreeSharedProps } from '../tree';
-import { Id } from '../../types';
-import { SelectBaseMultipleProps, SelectBaseOwnProps, SelectBaseSingleProps } from '../selectBase';
+import { NodeType, TreeNode, TreeProps, TreeSharedProps } from '../tree/index.js';
+import { Id } from '../../types.js';
+import { SelectBaseMultipleProps, SelectBaseOwnProps, SelectBaseSingleProps } from '../selectBase/index.js';
 export interface TreeSelectOwnProps<N extends NodeType<V>, V extends Id = Id> extends SelectBaseOwnProps, TreeSharedProps<N, V> {
     options?: N[];
     treeProps?: TreeProps<N, V>;

package/dist/esm/components/treeSelect/treeSelect.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Children, isValidElement, memo, useMemo } from 'react';
-import { Tree, TreeNode } from '../tree';
-import { SelectBase } from '../selectBase';
-import { useSelection } from '../selectionContext';
-import { Placeholder } from '../placeholder';
+import { Tree, TreeNode } from '../tree/index.js';
+import { SelectBase } from '../selectBase/index.js';
+import { useSelection } from '../selectionContext/index.js';
+import { Placeholder } from '../placeholder/index.js';
 export const TreeSelect = memo(({ options, children, treeProps, 
 // 从TreeSharedProps继承
 nodes, labelKey = 'label', searchTokenKey, showLine, indent, renderExpandIcon, showCheckbox, readOnly, // 同时转发至<InputBase/>, <SelectBase/>

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode, ElementType } from 'react';
-import { ColorPropsValue, OverridableProps } from '../../types';
-import { ButtonProps } from '../button';
-import { InputProps } from '../input';
-import { TextareaProps } from '../textarea';
+import { ColorPropsValue, OverridableProps } from '../../types.js';
+import { ButtonProps } from '../button/index.js';
+import { InputProps } from '../input/index.js';
+import { TextareaProps } from '../textarea/index.js';
 export type TypographyOwnProps = {
     /** 默认为`text.primary` */
     color?: ColorPropsValue;

package/dist/esm/components/typography/typography.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useRef, useState } from 'react';
-import { clsx, cloneRef, useUnmounted } from '../../utils';
-import { useStyle, classes, editStyle } from './typography.style';
-import { Button } from '../button';
-import { Tooltip } from '../tooltip';
-import { Input } from '../input';
-import { Textarea } from '../textarea';
-import { Icon } from '../icon';
+import { clsx, cloneRef, useUnmounted } from '../../utils/index.js';
+import { useStyle, classes, editStyle } from './typography.style.js';
+import { Button } from '../button/index.js';
+import { Tooltip } from '../tooltip/index.js';
+import { Input } from '../input/index.js';
+import { Textarea } from '../textarea/index.js';
+import { Icon } from '../icon/index.js';
 import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
 import { faCopy } from '@fortawesome/free-regular-svg-icons/faCopy';
 import { faPenToSquare } from '@fortawesome/free-regular-svg-icons/faPenToSquare';

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

@@ -1,4 +1,4 @@
-import { TypographyProps } from './typography';
+import { TypographyProps } from './typography.js';
 export declare const classes: {
     text: string;
     ellipsis: string;

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

package/dist/esm/components/upload/dropArea.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { DivProps } from '../../types';
+import { DivProps } from '../../types.js';
 export interface DropAreaProps extends Omit<DivProps, 'onDrop'> {
     description?: ReactNode;
     onDrop?(files: FileList): void;

package/dist/esm/components/upload/dropArea.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useEffect, useState } from 'react';
-import { classes, style } from './dropArea.style';
-import { clsx } from '../../utils';
-import { Icon } from '../icon';
+import { classes, style } from './dropArea.style.js';
+import { clsx } from '../../utils/index.js';
+import { Icon } from '../icon/index.js';
 import { faInbox } from '@fortawesome/free-solid-svg-icons/faInbox';
 export const DropArea = memo(({ description = '点击选择文件，或将文件拖拽到这里', onDrop, ...props }) => {
     const [draggingOver, setDraggingOver] = useState(false);

package/dist/esm/components/upload/dropArea.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('upload-drop-area', [
     'icon',
     'description'

package/dist/esm/components/upload/fileItem.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
-import { ItemProps } from './itemStatus';
+import { ItemProps } from './itemStatus.js';
 export declare const FileItem: <R, A extends any[]>(props: ItemProps<R, A>) => ReactElement;