@canlooks/can-ui 0.0.160 → 0.0.162

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { OptionType } from '../selectionContext';
-import { Id } from '../../types';
+import { OptionType } from '../selectionContext/index.js';
+import { Id } from '../../types.js';
 type SearchResultProps<O extends OptionType<V>, V extends Id = Id> = {
     primaryKey: keyof O;
     labelKey: keyof O;

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo, useMemo, useRef } from 'react';
-import { classes } from './cascade.style';
-import { Highlight } from '../highlight';
-import { joinNodes, useKeyboard } from '../../utils';
-import { MenuItem } from '../menuItem';
-import { usePopperContext } from '../popper';
+import { classes } from './cascade.style.js';
+import { Highlight } from '../highlight/index.js';
+import { joinNodes, useKeyboard } from '../../utils/index.js';
+import { MenuItem } from '../menuItem/index.js';
+import { usePopperContext } from '../popper/index.js';
 export const SearchResult = memo(({ primaryKey, labelKey, childrenKey, searchTokenKey, options, searchValue, onSelect, selectionStatus }) => {
     const allLabelIsString = useRef(true);
     const flattedOptions = useMemo(() => {

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

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
-import { CheckboxBaseProps } from '../checkboxBase';
-import { CheckboxBaseGroupCommonProps, ItemType } from '../checkboxBaseGroup';
-import { Id, SelectableMultipleProps } from '../../types';
+import { CheckboxBaseProps } from '../checkboxBase/index.js';
+import { CheckboxBaseGroupCommonProps, ItemType } from '../checkboxBaseGroup/index.js';
+import { Id, SelectableMultipleProps } from '../../types.js';
 export interface CheckboxProps extends Omit<CheckboxBaseProps, '_type'> {
 }
 export declare const Checkbox: {

package/dist/esm/components/checkbox/checkbox.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { CheckboxBase } from '../checkboxBase';
-import { CheckboxBaseGroup } from '../checkboxBaseGroup';
+import { CheckboxBase } from '../checkboxBase/index.js';
+import { CheckboxBaseGroup } from '../checkboxBaseGroup/index.js';
 export const Checkbox = ((props) => {
     return _jsx(CheckboxBase, { ...props, _type: "checkbox" });
 });

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React, { ReactNode, ComponentProps } from 'react';
-import { ColorPropsValue, DivProps, Id, Size } from '../../types';
+import { ColorPropsValue, DivProps, Id, Size } from '../../types.js';
 export interface CheckboxBaseProps extends DivProps {
     inputProps?: ComponentProps<'input'>;
     /** @private 内部使用 */

package/dist/esm/components/checkboxBase/checkboxBase.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useRef } from 'react';
-import { clsx, useControlled, useTouchSpread, mergeComponentProps } from '../../utils';
-import { classes, useStyle } from './checkboxBase.style';
-import { useCheckboxBaseGroupContext } from '../checkboxBaseGroup';
-import { Icon } from '../icon';
+import { clsx, useControlled, useTouchSpread, mergeComponentProps } from '../../utils/index.js';
+import { classes, useStyle } from './checkboxBase.style.js';
+import { useCheckboxBaseGroupContext } from '../checkboxBaseGroup/index.js';
+import { Icon } from '../icon/index.js';
 import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
 export const CheckboxBase = memo(({ inputProps, _type, size, color, label, value, indeterminate, disabled, readOnly, defaultChecked = false, checked, onChange, ...props }) => {
     const context = useCheckboxBaseGroupContext();

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

@@ -1,4 +1,4 @@
-import { CheckboxBaseProps } from './checkboxBase';
+import { CheckboxBaseProps } from './checkboxBase.js';
 export declare const classes: {
     input: string;
     label: string;

package/dist/esm/components/checkboxBase/checkboxBase.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('checkbox-base', [
     'checkbox',

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
-import { FlexProps } from '../flex';
-import { CheckboxBaseProps } from '../checkboxBase';
-import { ColorPropsValue, Id, Obj, SelectableProps, Size } from '../../types';
+import { FlexProps } from '../flex/index.js';
+import { CheckboxBaseProps } from '../checkboxBase/index.js';
+import { ColorPropsValue, Id, Obj, SelectableProps, Size } from '../../types.js';
 export interface ItemType extends Omit<CheckboxBaseProps, '_type'>, Obj {
 }
 export interface CheckboxBaseGroupCommonProps<I extends ItemType> extends Omit<FlexProps, 'defaultValue' | 'onChange'> {

package/dist/esm/components/checkboxBaseGroup/checkboxBaseGroup.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Children, cloneElement, createContext, isValidElement, useContext, useMemo } from 'react';
-import { Flex } from '../flex';
-import { clsx, isSelected } from '../../utils';
-import { classes } from './checkboxBaseGroup.style';
-import { Checkbox } from '../checkbox';
-import { Radio } from '../radio';
-import { useTheme } from '../theme';
-import { useFlatSelection } from '../selectionContext';
+import { Flex } from '../flex/index.js';
+import { clsx, isSelected } from '../../utils/index.js';
+import { classes } from './checkboxBaseGroup.style.js';
+import { Checkbox } from '../checkbox/index.js';
+import { Radio } from '../radio/index.js';
+import { useTheme } from '../theme/index.js';
+import { useFlatSelection } from '../selectionContext/index.js';
 const CheckboxBaseGroupContext = createContext({});
 export function useCheckboxBaseGroupContext() {
     return useContext(CheckboxBaseGroupContext);

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

@@ -1,2 +1,2 @@
-import { defineInnerClasses } from '../../utils';
+import { defineInnerClasses } from '../../utils/index.js';
 export const classes = defineInnerClasses('checkbox-base-group');

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { DivProps, DefineElement } from '../../types';
+import { DivProps, DefineElement } from '../../types.js';
 export interface ClickAwayProps extends DivProps {
     container?: DefineElement<Element | Window>;
     /** 传入addEventListener的事件类型，默认为`'click'` */

package/dist/esm/components/clickAway/clickAway.js

@@ -1,5 +1,5 @@
 import { cloneElement, isValidElement, useEffect, useRef } from 'react';
-import { cloneRef, isChildOf, toArray, useSync } from '../../utils';
+import { cloneRef, isChildOf, toArray, useSync } from '../../utils/index.js';
 export function ClickAway({ ref, container = self, eventType = 'click', onClickAway, disabled, children, targets, ...props }) {
     const syncOnClickAway = useSync(onClickAway);
     const childRef = useRef(null);

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ReactNode, Ref, ComponentProps } from 'react';
-import { PopperProps, PopperRef } from '../popper';
-import { ColorPropsValue, DivProps, Size } from '../../types';
+import { PopperProps, PopperRef } from '../popper/index.js';
+import { ColorPropsValue, DivProps, Size } from '../../types.js';
 import { ColorInstance } from 'color';
 export interface ColorPickerProps extends Omit<DivProps, 'defaultValue' | 'onChange'> {
     inputProps?: ComponentProps<'input'>;

package/dist/esm/components/colorPicker/colorPicker.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useMemo } from 'react';
-import { Popper } from '../popper';
-import { InputBase } from '../inputBase';
-import { classes, colorPickerPopperStyle, style } from './colorPicker.style';
-import { clsx, colorTransfer, useControlled, useTouchSpread, mergeComponentProps } from '../../utils';
-import { useTheme } from '../theme';
-import { Palette } from '../palette';
+import { Popper } from '../popper/index.js';
+import { InputBase } from '../inputBase/index.js';
+import { classes, colorPickerPopperStyle, style } from './colorPicker.style.js';
+import { clsx, colorTransfer, useControlled, useTouchSpread, mergeComponentProps } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { Palette } from '../palette/index.js';
 import Color from 'color';
 export const ColorPicker = memo(({ inputProps, popperProps, popperRef, size, shape = 'square', label = '自定义', presets, defaultOpen, open, onOpenChange, defaultValue, value, onChange, ...props }) => {
     const theme = useTheme();

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

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as inputBaseClasses } from '../inputBase/inputBase.style';
-import { getTransparentBackground } from '../palette/palette.style';
-import { popperStyleCallback } from '../popper/popper.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as inputBaseClasses } from '../inputBase/inputBase.style.js';
+import { getTransparentBackground } from '../palette/palette.style.js';
+import { popperStyleCallback } from '../popper/popper.style.js';
 export const classes = defineInnerClasses('color-picker', [
     'inputBase',
     'block',

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { BubbleProps } from '../bubble';
-import { ItemPropType } from '../menu';
+import { BubbleProps } from '../bubble/index.js';
+import { ItemPropType } from '../menu/index.js';
 import { ReactNode } from 'react';
 export interface ContextMenuProps extends Omit<BubbleProps, 'onClick'> {
     items?: (ItemPropType | ReactNode)[];

package/dist/esm/components/contextMenu/contextMenu.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
-import { Bubble } from '../bubble';
-import { MenuItem } from '../menuItem';
+import { Bubble } from '../bubble/index.js';
+import { MenuItem } from '../menuItem/index.js';
 import { isValidElement } from 'react';
 export function ContextMenu({ items, ...props }) {
     const renderItems = (items) => {

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { Size } from '../../types';
-import { ButtonProps } from '../button';
-import { InputProps } from '../input';
-import { FlexProps } from '../flex';
+import { Size } from '../../types.js';
+import { ButtonProps } from '../button/index.js';
+import { InputProps } from '../input/index.js';
+import { FlexProps } from '../flex/index.js';
 export interface CounterProps extends Omit<FlexProps, 'defaultValue' | 'onChange'> {
     size?: Size;
     min?: number;

package/dist/esm/components/counter/counter.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { classes, style } from './counter.style';
-import { clsx, mergeComponentProps, useControlled } from '../../utils';
-import { Button } from '../button';
-import { Input } from '../input';
-import { Flex } from '../flex';
-import { Icon } from '../icon';
+import { classes, style } from './counter.style.js';
+import { clsx, mergeComponentProps, useControlled } from '../../utils/index.js';
+import { Button } from '../button/index.js';
+import { Input } from '../input/index.js';
+import { Flex } from '../flex/index.js';
+import { Icon } from '../icon/index.js';
 import { faMinus } from '@fortawesome/free-solid-svg-icons/faMinus';
 import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus';
 export const Counter = memo(({ size, min = -Infinity, max = Infinity, step = 1, precision = 0, defaultValue = 0, value, onChange, decreaseProps, increaseProps, inputProps, ...props }) => {

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

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as buttonClasses } from '../button/button.style';
-import { classes as inputClasses } from '../input/input.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as buttonClasses } from '../button/button.style.js';
+import { classes as inputClasses } from '../input/input.style.js';
 export const classes = defineInnerClasses('counter', [
     'input'
 ]);

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

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

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

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

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

@@ -1,12 +1,12 @@
 import { ReactElement, ReactNode, Ref } from 'react';
-import { DivProps, Id, Obj } from '../../types';
-import { ColumnType, DataGridBaseProps, DataGridMultipleProps, DataGridSingleProps, OrderType, RowType } from '../dataGrid';
-import { FormItemProps, FormProps, FormRef, FormValue } from '../form';
-import { CurdFilterable, CurdFilterableProps } from './curdFilterable';
-import { FieldPath } from '../../utils';
-import { ButtonProps } from '../button';
-import { CurdDialogProps } from './curdDialog';
-import { BubbleConfirmProps } from '../bubbleConfirm';
+import { DivProps, Id, Obj } from '../../types.js';
+import { ColumnType, DataGridBaseProps, DataGridMultipleProps, DataGridSingleProps, OrderType, RowType } from '../dataGrid/index.js';
+import { FormItemProps, FormProps, FormRef, FormValue } from '../form/index.js';
+import { CurdFilterable, CurdFilterableProps } from './curdFilterable.js';
+import { FieldPath } from '../../utils/index.js';
+import { ButtonProps } from '../button/index.js';
+import { CurdDialogProps } from './curdDialog.js';
+import { BubbleConfirmProps } from '../bubbleConfirm/index.js';
 export type CurdFormItemProps<I = any> = FormItemProps<I> & {
     /** 对filter或form内的字段单独排序，数字越大越靠后，默认为`0` */
     order?: number;
@@ -28,8 +28,11 @@ type EachRowType<R extends RowType, T> = T | ((row: R) => T);
 export type CurdRef<R extends RowType = RowType, F extends FormValue = FormValue> = {
     reload(): Promise<void>;
     setPage(page: number): void;
+    getPage(): number;
     setPageSize(size: number): void;
+    getPageSize(): number;
     setFilterValue(filterValue: FormValue): void;
+    getFilterValue(): FormValue;
     resetFilter(): void;
     openCreateDialog(defaultValue?: F): Promise<F> | undefined;
     openUpdateDialog(row: R, defaultValue?: F): Promise<F> | undefined;
@@ -49,7 +52,7 @@ export interface CurdBaseProps<R extends RowType = RowType, F extends FormValue
         }, filterValue?: FormValue, sorter?: {
             field: FieldPath;
             type: OrderType;
-        }): LoadRowsReturn<R> | Promise<LoadRowsReturn<R>>;
+        }): LoadRowsReturn<R> | null | Promise<LoadRowsReturn<R> | null>;
     }['bivarianceHack'];
     onLoad?(rowsReturn: LoadRowsReturn<R>): void;
     columns?: (CurdColumn<R> | symbol)[];

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

@@ -1,21 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { memo, useCallback, useEffect, useMemo, useRef, useImperativeHandle } from 'react';
-import { DataGrid } from '../dataGrid';
-import { Form } from '../form';
-import { CurdFilterable } from './curdFilterable';
-import { classes, style } from './curd.style';
-import { clsx, useControlled, useCurdColumns, useDerivedState, useLoading, useSync, mergeComponentProps, CONTROL_COLUMN_KEY, useStrictEffect } from '../../utils';
-import { Button } from '../button';
-import { Tooltip } from '../tooltip';
-import { CurdColumnConfig } from './curdColumnConfig';
-import { CurdResizable } from './curdResizable';
-import { Pagination } from '../pagination';
-import { Divider } from '../divider';
-import { CurdDialog } from './curdDialog';
-import { useAppContext } from '../app';
-import { BubbleConfirm } from '../bubbleConfirm';
-import { useSelectionContext } from '../selectionContext';
-import { Icon } from '../icon';
+import { DataGrid } from '../dataGrid/index.js';
+import { Form } from '../form/index.js';
+import { CurdFilterable } from './curdFilterable.js';
+import { classes, style } from './curd.style.js';
+import { clsx, useControlled, useCurdColumns, useDerivedState, useLoading, useSync, mergeComponentProps, CONTROL_COLUMN_KEY, useStrictEffect } from '../../utils/index.js';
+import { Button } from '../button/index.js';
+import { Tooltip } from '../tooltip/index.js';
+import { CurdColumnConfig } from './curdColumnConfig.js';
+import { CurdResizable } from './curdResizable.js';
+import { Pagination } from '../pagination/index.js';
+import { Divider } from '../divider/index.js';
+import { CurdDialog } from './curdDialog.js';
+import { useAppContext } from '../app/index.js';
+import { BubbleConfirm } from '../bubbleConfirm/index.js';
+import { useSelectionContext } from '../selectionContext/index.js';
+import { Icon } from '../icon/index.js';
 import { faTrashCan } from '@fortawesome/free-regular-svg-icons/faTrashCan';
 import { faPenToSquare } from '@fortawesome/free-regular-svg-icons/faPenToSquare';
 import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus';
@@ -33,13 +33,16 @@ export const Curd = memo((props) => {
         setPage(page) {
             setInnerPage(page);
         },
+        getPage: () => innerPage.current,
         setPageSize(size) {
             setInnerPageSize(size);
         },
+        getPageSize: () => innerPageSize.current,
         setFilterValue(filterValue) {
             innerFilterRef.current.setFormValue(filterValue);
             innerLoadRows().then();
         },
+        getFilterValue: () => innerFilterRef.current.getFormValue(),
         resetFilter() {
             innerFilterRef.current.resetForm();
             innerLoadRows().then();
@@ -138,7 +141,12 @@ export const Curd = memo((props) => {
         _setInnerRows(data);
     };
     const [innerTotal, setInnerTotal] = useDerivedState(props.paginationProps?.total || 0);
+    const suppressReload = useRef(false);
     const [innerLoading, innerLoadRows] = useLoading(async () => {
+        if (suppressReload.current) {
+            suppressReload.current = false;
+            return;
+        }
         if (loadRows) {
             const res = await loadRows(props.paginatable !== false
                 ? {
@@ -152,8 +160,14 @@ export const Curd = memo((props) => {
                 }
                 : void 0);
             if (typeof res === 'object' && res !== null) {
-                setInnerRows(res.rows);
-                setInnerTotal(res.total);
+                const { rows, total = 0 } = res;
+                setInnerRows(rows);
+                setInnerTotal(total);
+                const maxPage = Math.max(Math.ceil(total / innerPageSize.current), 1);
+                if (maxPage < innerPage.current) {
+                    suppressReload.current = true;
+                    setInnerPage(maxPage);
+                }
             }
         }
     }, props.loading);

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

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as buttonClasses } from '../button/button.style';
-import { classes as loadingClasses } from '../loading/loading.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as buttonClasses } from '../button/button.style.js';
+import { classes as loadingClasses } from '../loading/loading.style.js';
 export const classes = defineInnerClasses('curd', [
     'filterForm',
     'filter',

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

@@ -1,7 +1,7 @@
 import { Dispatch, ReactElement, SetStateAction } from 'react';
-import { CurdColumn } from './curd';
-import { RowType } from '../dataGrid';
-import { Id } from '../../types';
+import { CurdColumn } from './curd.js';
+import { RowType } from '../dataGrid/index.js';
+import { Id } from '../../types.js';
 export type CurdColumnConfigProps<R extends RowType> = {
     columns?: CurdColumn<R>[];
     innerVisible: Id[];

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

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useMemo } from 'react';
-import { Button } from '../button';
-import { Bubble } from '../bubble';
-import { classes, style } from './curdColumnConfig.style';
-import { MenuItem } from '../menuItem';
-import { Checkbox } from '../checkbox';
-import { SortableItem } from '../sortableItem';
+import { Button } from '../button/index.js';
+import { Bubble } from '../bubble/index.js';
+import { classes, style } from './curdColumnConfig.style.js';
+import { MenuItem } from '../menuItem/index.js';
+import { Checkbox } from '../checkbox/index.js';
+import { SortableItem } from '../sortableItem/index.js';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext } from '@dnd-kit/sortable';
-import { isUnset, onDndDragEnd, useDndSensors } from '../../utils';
-import { Icon } from '../icon';
+import { isUnset, onDndDragEnd, useDndSensors } from '../../utils/index.js';
+import { Icon } from '../icon/index.js';
 import { faGear } from '@fortawesome/free-solid-svg-icons/faGear';
 export const CurdColumnConfig = memo(({ columns, innerVisible, setInnerVisible, setInnerOrder }) => {
     columns ||= [];

package/dist/esm/components/curd/curdColumnConfig.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('curd-column-config', [
     'content',
     'title',

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

@@ -1,9 +1,9 @@
 import { ReactElement, Ref } from 'react';
-import { DialogProps } from '../dialog';
-import { RowType } from '../dataGrid';
-import { FormValue } from '../form';
-import { CurdBaseProps } from './curd';
-import { Id } from '../../types';
+import { DialogProps } from '../dialog/index.js';
+import { RowType } from '../dataGrid/index.js';
+import { FormValue } from '../form/index.js';
+import { CurdBaseProps } from './curd.js';
+import { Id } from '../../types.js';
 export type CurdDialogRef<R extends RowType = RowType, F extends FormValue = FormValue> = {
     open(activeRow?: R, initialFormValue?: F): Promise<F>;
     selectSingle(): Promise<R>;

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

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState, isValidElement } from 'react';
-import { Dialog } from '../dialog';
-import { Form, FormItem } from '../form';
-import { Curd } from './curd';
-import { cloneRef, columnsToFormItem, isUnset, useControlled, useLoading } from '../../utils';
-import { Loading } from '../loading';
-import { Button } from '../button';
-import { classes, dialogStyle } from './curd.style';
-import { PickerDialog } from '../pickerDialog';
-import { Icon } from '../icon';
+import { Dialog } from '../dialog/index.js';
+import { Form, FormItem } from '../form/index.js';
+import { Curd } from './curd.js';
+import { cloneRef, columnsToFormItem, isUnset, useControlled, useLoading } from '../../utils/index.js';
+import { Loading } from '../loading/index.js';
+import { Button } from '../button/index.js';
+import { classes, dialogStyle } from './curd.style.js';
+import { PickerDialog } from '../pickerDialog/index.js';
+import { Icon } from '../icon/index.js';
 import { faCopy } from '@fortawesome/free-regular-svg-icons/faCopy';
 export const CurdDialog = memo(({ ref, onFinish, curdProps, ...props }) => {
     const { columns, rowToForm, copyable, titleKey, formProps, formRef, dataName = '', createName = '添加', updateName = '编辑' } = curdProps;

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

@@ -1,8 +1,8 @@
 import { ReactElement, ReactNode } from 'react';
-import { FormRef, FormValue } from '../form';
-import { CurdBaseProps } from './curd';
-import { ButtonProps } from '../button';
-import { DivProps } from '../../types';
+import { FormRef, FormValue } from '../form/index.js';
+import { CurdBaseProps } from './curd.js';
+import { ButtonProps } from '../button/index.js';
+import { DivProps } from '../../types.js';
 export interface CurdFilterableProps<F extends FormValue = FormValue> extends DivProps {
     columns?: CurdBaseProps<any, F>['columns'];
     /**