@canlooks/can-ui 0.0.159 → 0.0.161

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;

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { classes } from './upload.style';
-import { LoadingIndicator } from '../loadingIndicator';
-import { Button } from '../button';
-import { Progress } from '../progress';
-import { useTheme } from '../theme';
-import { useItemStatus } from './itemStatus';
-import { Icon } from '../icon';
+import { classes } from './upload.style.js';
+import { LoadingIndicator } from '../loadingIndicator/index.js';
+import { Button } from '../button/index.js';
+import { Progress } from '../progress/index.js';
+import { useTheme } from '../theme/index.js';
+import { useItemStatus } from './itemStatus.js';
+import { Icon } from '../icon/index.js';
 import { faCircleCheck } from '@fortawesome/free-solid-svg-icons/faCircleCheck';
 import { faCircleXmark } from '@fortawesome/free-solid-svg-icons/faCircleXmark';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';

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

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

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo, useState } from 'react';
-import { useItemStatus } from './itemStatus';
-import { classes } from './upload.style';
-import { Image } from '../image';
-import { Button } from '../button';
-import { Progress } from '../progress';
-import { clsx } from '../../utils';
-import { Icon } from '../icon';
+import { useItemStatus } from './itemStatus.js';
+import { classes } from './upload.style.js';
+import { Image } from '../image/index.js';
+import { Button } from '../button/index.js';
+import { Progress } from '../progress/index.js';
+import { clsx } from '../../utils/index.js';
+import { Icon } from '../icon/index.js';
 import { faTrashCan } from '@fortawesome/free-regular-svg-icons/faTrashCan';
 import { faEye } from '@fortawesome/free-regular-svg-icons/faEye';
 export const ImageItem = memo((props) => {

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

@@ -1,2 +1,2 @@
-export * from './dropArea';
-export * from './upload';
+export * from './dropArea.js';
+export * from './upload.js';

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

@@ -1,2 +1,2 @@
-export * from './dropArea';
-export * from './upload';
+export * from './dropArea.js';
+export * from './upload.js';

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

@@ -1,5 +1,5 @@
 import { Dispatch, Ref, SetStateAction } from 'react';
-import { UploadSharedProps, UploadFile, UploadStatus } from './upload';
+import { UploadSharedProps, UploadFile, UploadStatus } from './upload.js';
 export type ItemRef<R, A extends any[]> = {
     upload(...args: A): Promise<R | undefined>;
     setStatus: Dispatch<SetStateAction<UploadStatus>>;

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

@@ -1,7 +1,7 @@
 import { Dispatch, ReactElement, ReactNode, SetStateAction, ComponentProps } from 'react';
-import { DivProps } from '../../types';
-import { ButtonProps } from '../button';
-import { DropArea } from './dropArea';
+import { DivProps } from '../../types.js';
+import { ButtonProps } from '../button/index.js';
+import { DropArea } from './dropArea.js';
 export type UploadStatus = 'default' | 'uploading' | 'success' | 'error';
 export interface UploadFile<R = any, A extends any[] = any[]> extends File {
     id: string;

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

@@ -1,17 +1,17 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useImperativeHandle, useRef } from 'react';
-import { classes, style } from './upload.style';
-import { clsx, getRandomId, onDndDragEnd, useControlled, useDndSensors, mergeComponentProps } from '../../utils';
-import { Button } from '../button';
-import { FileItem } from './fileItem';
+import { classes, style } from './upload.style.js';
+import { clsx, getRandomId, onDndDragEnd, useControlled, useDndSensors, mergeComponentProps } from '../../utils/index.js';
+import { Button } from '../button/index.js';
+import { FileItem } from './fileItem.js';
 import { TransitionGroup } from 'react-transition-group';
-import { Collapse, Grow } from '../transitionBase';
-import { ImageItem } from './imageItem';
+import { Collapse, Grow } from '../transitionBase/index.js';
+import { ImageItem } from './imageItem.js';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext } from '@dnd-kit/sortable';
-import { SortableItem } from '../sortableItem';
-import { DropArea } from './dropArea';
-import { Icon } from '../icon';
+import { SortableItem } from '../sortableItem/index.js';
+import { DropArea } from './dropArea.js';
+import { Icon } from '../icon/index.js';
 import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus';
 import { faUpload } from '@fortawesome/free-solid-svg-icons/faUpload';
 const markFileId = (files) => {

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { DivProps, ResponsiveProp } from '../../types';
+import { DivProps, ResponsiveProp } from '../../types.js';
 export interface WaterfallProps extends DivProps {
     /** 布局列数，默认为`{xs: 4}` */
     columnCount?: ResponsiveProp;

package/dist/esm/components/waterfall/waterfall.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Children, isValidElement, useLayoutEffect, useRef } from 'react';
-import { classes, useStyle } from './waterfall.style';
-import { WaterfallItem } from './waterfallItem';
-import { cloneRef, clsx, toResponsiveValue, useExternalClass, useResponsiveValue, useUpdateEffect } from '../../utils';
+import { classes, useStyle } from './waterfall.style.js';
+import { WaterfallItem } from './waterfallItem.js';
+import { cloneRef, clsx, toResponsiveValue, useExternalClass, useResponsiveValue, useUpdateEffect } from '../../utils/index.js';
 export const Waterfall = ({ columnCount = { xs: 4 }, gap = 0, columnGap, rowGap, ...props }) => {
     columnCount = toResponsiveValue(columnCount);
     gap = toResponsiveValue(gap);

package/dist/esm/components/waterfall/waterfall.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/waterfall/waterfall.style.js

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

package/dist/esm/components/waterfall/waterfallItem.js

@@ -1,6 +1,6 @@
 import { cloneElement, useCallback, useEffect, useRef } from 'react';
-import { classes } from './waterfall.style';
-import { cloneRef, clsx } from '../../utils';
+import { classes } from './waterfall.style.js';
+import { cloneRef, clsx } from '../../utils/index.js';
 export const WaterfallItem = ({ ref, onLoad, child }) => {
     const innerRef = useRef(null);
     useEffect(() => {

package/dist/esm/extensions/curd/curd.d.ts

@@ -1,8 +1,8 @@
 import { ComponentClass, ReactNode } from 'react';
-import { CurdBaseProps, CurdColumn } from '../../components/curd';
-import { DataGridProps, RowType } from '../../components/dataGrid';
-import { FormValue } from '../../components/form';
-import { Id } from '../../types';
+import { CurdBaseProps, CurdColumn } from '../../components/curd/index.js';
+import { DataGridProps, RowType } from '../../components/dataGrid/index.js';
+import { FormValue } from '../../components/form/index.js';
+import { Id } from '../../types.js';
 /**
  * @example
  * ```ts
@@ -29,34 +29,34 @@ import { Id } from '../../types';
  */
 export declare function CURD<R extends RowType, F extends FormValue = FormValue>(props?: CurdBaseProps<R, F>): <T extends ComponentClass>(target: T) => T;
 export declare namespace CURD {
-    var Column: typeof import("./curd").Column;
-    var LoadRows: typeof import("./curd").LoadRows;
-    var OnReload: typeof import("./curd").OnReload;
-    var OnFilter: typeof import("./curd").OnFilter;
-    var OnCreate: typeof import("./curd").OnCreate;
-    var OnUpdate: typeof import("./curd").OnUpdate;
-    var OnDelete: typeof import("./curd").OnDelete;
-    var RowToForm: typeof import("./curd").RowToForm;
+    var Column: typeof import("./curd.js").Column;
+    var LoadRows: typeof import("./curd.js").LoadRows;
+    var OnReload: typeof import("./curd.js").OnReload;
+    var OnFilter: typeof import("./curd.js").OnFilter;
+    var OnCreate: typeof import("./curd.js").OnCreate;
+    var OnUpdate: typeof import("./curd.js").OnUpdate;
+    var OnDelete: typeof import("./curd.js").OnDelete;
+    var RowToForm: typeof import("./curd.js").RowToForm;
 }
 export declare function DATA_GRID<R extends RowType, V extends Id = Id>(props?: DataGridProps<R, V>): <T extends ComponentClass>(target: T) => T;
 export declare namespace DATA_GRID {
-    var Column: typeof import("./curd").Column;
-    var LoadRows: typeof import("./curd").LoadRows;
-    var OnReload: typeof import("./curd").OnReload;
-    var OnFilter: typeof import("./curd").OnFilter;
-    var OnCreate: typeof import("./curd").OnCreate;
-    var OnUpdate: typeof import("./curd").OnUpdate;
-    var OnDelete: typeof import("./curd").OnDelete;
-    var RowToForm: typeof import("./curd").RowToForm;
+    var Column: typeof import("./curd.js").Column;
+    var LoadRows: typeof import("./curd.js").LoadRows;
+    var OnReload: typeof import("./curd.js").OnReload;
+    var OnFilter: typeof import("./curd.js").OnFilter;
+    var OnCreate: typeof import("./curd.js").OnCreate;
+    var OnUpdate: typeof import("./curd.js").OnUpdate;
+    var OnDelete: typeof import("./curd.js").OnDelete;
+    var RowToForm: typeof import("./curd.js").RowToForm;
 }
 type ColumnDecorator = (prototype: Object, property: string, descriptor?: TypedPropertyDescriptor<any>) => void;
 export declare function Column(title: ReactNode): ColumnDecorator;
 export declare function Column(params?: CurdColumn): ColumnDecorator;
 export declare namespace Column {
-    var Hide: typeof import("./curd").Hide;
-    var Sort: typeof import("./curd").Sort;
-    var Filter: typeof import("./curd").Filter;
-    var Form: typeof import("./curd").Form;
+    var Hide: typeof import("./curd.js").Hide;
+    var Sort: typeof import("./curd.js").Sort;
+    var Filter: typeof import("./curd.js").Filter;
+    var Form: typeof import("./curd.js").Form;
 }
 export declare function Hide(): ColumnDecorator;
 export declare function Hide(prototype: Object, property: string, descriptor?: TypedPropertyDescriptor<any>): void;

package/dist/esm/extensions/curd/curd.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Curd } from '../../components/curd';
-import { DataGrid } from '../../components/dataGrid';
+import { Curd } from '../../components/curd/index.js';
+import { DataGrid } from '../../components/dataGrid/index.js';
 /**
  * @example
  * ```ts

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

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

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

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

package/dist/esm/extensions/documentViewer/documentViewer.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { SvgViewer } from './svgViewer';
-import { PdfViewer } from './pdfViewer';
+import { SvgViewer } from './svgViewer.js';
+import { PdfViewer } from './pdfViewer.js';
 export type DocumentViewerBaseProps = {
     src?: string;
     filename?: string;

package/dist/esm/extensions/documentViewer/documentViewer.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo, useEffect, useMemo } from 'react';
-import { SvgViewer } from './svgViewer';
+import { SvgViewer } from './svgViewer.js';
 import mime from 'mime';
-import { Placeholder } from '../../components/placeholder';
-import { Button } from '../../components/button';
-import { iframeStyle } from './documentViewer.style';
-import { useDerivedState, useLoading } from '../../utils';
-import { PdfViewer } from './pdfViewer';
-import { Icon } from '../../components/icon';
-import { Gallery } from '../../components/gallery';
+import { Placeholder } from '../../components/placeholder/index.js';
+import { Button } from '../../components/button/index.js';
+import { iframeStyle } from './documentViewer.style.js';
+import { useDerivedState, useLoading } from '../../utils/index.js';
+import { PdfViewer } from './pdfViewer.js';
+import { Icon } from '../../components/icon/index.js';
+import { Gallery } from '../../components/gallery/index.js';
 import { faDownload } from '@fortawesome/free-solid-svg-icons/faDownload';
 export const DocumentViewer = memo(({ src, filename, onError, type, extension, setDocumentTitle = true }) => {
     const mimeType = useMemo(() => {

package/dist/esm/extensions/documentViewer/documentViewer.style.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as loadingClasses } from '../../components/loading/loading.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as loadingClasses } from '../../components/loading/loading.style.js';
 export const classes = defineInnerClasses('document-viewer', [
     'svgViewer',
     'svgToolbar',

package/dist/esm/extensions/documentViewer/index.d.ts

@@ -1,4 +1,4 @@
-export * from './documentViewer';
-export * from './pdfViewer';
-export * from './svgViewer';
-export * from './textViewer';
+export * from './documentViewer.js';
+export * from './pdfViewer.js';
+export * from './svgViewer.js';
+export * from './textViewer.js';

package/dist/esm/extensions/documentViewer/index.js

@@ -1,4 +1,4 @@
-export * from './documentViewer';
-export * from './pdfViewer';
-export * from './svgViewer';
-export * from './textViewer';
+export * from './documentViewer.js';
+export * from './pdfViewer.js';
+export * from './svgViewer.js';
+export * from './textViewer.js';

package/dist/esm/extensions/documentViewer/pdfViewer.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { DocumentViewerBaseProps } from './documentViewer';
+import { DocumentViewerBaseProps } from './documentViewer.js';
 export interface PdfViewerProps extends DocumentViewerBaseProps, Omit<ComponentProps<'iframe'>, 'onError'> {
 }
 export declare const PdfViewer: import("react").MemoExoticComponent<({ src, filename, onError, setDocumentTitle, ...props }: PdfViewerProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/esm/extensions/documentViewer/pdfViewer.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo, useMemo } from 'react';
-import { useBlob, useDocumentTitle } from './documentViewer';
-import { SkeletonCard } from '../../components/skeleton';
-import { iframeStyle } from './documentViewer.style';
+import { useBlob, useDocumentTitle } from './documentViewer.js';
+import { SkeletonCard } from '../../components/skeleton/index.js';
+import { iframeStyle } from './documentViewer.style.js';
 export const PdfViewer = memo(({ src, filename, onError, setDocumentTitle, ...props }) => {
     useDocumentTitle({ filename, setDocumentTitle });
     const { blob, loading } = useBlob({ src, onError });

package/dist/esm/extensions/documentViewer/svgViewer.d.ts

@@ -1,7 +1,7 @@
-import { Theme } from '../../components/theme';
-import { LoadingProps } from '../../components/loading';
-import { DocumentViewerBaseProps } from './documentViewer';
-import { PinchableProps } from '../../components/pinchable';
+import { Theme } from '../../components/theme/index.js';
+import { LoadingProps } from '../../components/loading/index.js';
+import { DocumentViewerBaseProps } from './documentViewer.js';
+import { PinchableProps } from '../../components/pinchable/index.js';
 export interface SvgViewerProps extends DocumentViewerBaseProps, Omit<LoadingProps, 'onError'> {
     /** 是否显示下载按钮，默认为true */
     showDownload?: boolean;

package/dist/esm/extensions/documentViewer/svgViewer.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { memo, useMemo, useRef, useState } from 'react';
-import { classes, svgStyle } from './documentViewer.style';
-import { clsx } from '../../utils';
-import { Button } from '../../components/button';
-import { Tooltip } from '../../components/tooltip';
-import { Divider } from '../../components/divider';
-import { Switch } from '../../components/switch';
-import { ThemeProvider, useTheme } from '../../components/theme';
-import { Loading } from '../../components/loading';
-import { useBlob, useDocumentTitle } from './documentViewer';
-import { Icon } from '../../components/icon';
+import { classes, svgStyle } from './documentViewer.style.js';
+import { clsx } from '../../utils/index.js';
+import { Button } from '../../components/button/index.js';
+import { Tooltip } from '../../components/tooltip/index.js';
+import { Divider } from '../../components/divider/index.js';
+import { Switch } from '../../components/switch/index.js';
+import { ThemeProvider, useTheme } from '../../components/theme/index.js';
+import { Loading } from '../../components/loading/index.js';
+import { useBlob, useDocumentTitle } from './documentViewer.js';
+import { Icon } from '../../components/icon/index.js';
 import { faDiagramProject } from '@fortawesome/free-solid-svg-icons/faDiagramProject';
 import { faDownload } from '@fortawesome/free-solid-svg-icons/faDownload';
 import { faExpand } from '@fortawesome/free-solid-svg-icons/faExpand';
@@ -19,7 +19,7 @@ import { faRotateLeft } from '@fortawesome/free-solid-svg-icons/faRotateLeft';
 import { faRotateRight } from '@fortawesome/free-solid-svg-icons/faRotateRight';
 import { faMagnifyingGlassMinus } from '@fortawesome/free-solid-svg-icons/faMagnifyingGlassMinus';
 import { faMagnifyingGlassPlus } from '@fortawesome/free-solid-svg-icons/faMagnifyingGlassPlus';
-import { Pinchable } from '../../components/pinchable';
+import { Pinchable } from '../../components/pinchable/index.js';
 const commonButtonProps = {
     variant: 'text',
     shape: 'circular'

package/dist/esm/extensions/documentViewer/textViewer.d.ts

@@ -1,4 +1,4 @@
-import { DocumentViewerBaseProps } from './documentViewer';
+import { DocumentViewerBaseProps } from './documentViewer.js';
 export interface TextViewerProps extends DocumentViewerBaseProps {
 }
 export declare const TextViewer: import("react").MemoExoticComponent<({ src, filename, onError, setDocumentTitle, ...props }: TextViewerProps) => import("@emotion/react/jsx-runtime").JSX.Element>;