@dtjoy/dt-design 1.1.1 → 1.1.5

package/esm/overflowList/index.d.ts

@@ -1,40 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import React, { Component } from 'react';
-import './style';
-export type OverflowItem<T = Record<string, any>> = T;
-export interface OverflowListProps<T = Record<string, any>> {
-    items: OverflowItem<T>[];
-    visibleItemRenderer: (item: OverflowItem<T>, index: number) => ReactElement;
-    overflowRenderer: (overflowItems: OverflowItem<T>[]) => ReactNode | ReactNode[];
-    className?: string;
-    style?: React.CSSProperties;
-    renderMode?: 'collapse' | 'scroll';
-    collapseFrom?: 'start' | 'end';
-    minVisibleItems?: number;
-    onOverflow?: (overflowItems: OverflowItem<T>[]) => void;
-}
-interface OverflowListState {
-    visibleCount: number;
-    isMeasuring: boolean;
-}
-declare class OverflowList<T extends object> extends Component<OverflowListProps<T>, OverflowListState> {
-    static defaultProps: {
-        items: never[];
-        collapseFrom: string;
-        minVisibleItems: number;
-        renderMode: string;
-    };
-    static displayName: string;
-    private containerRef;
-    private overflowRef;
-    private itemRefs;
-    private prefixCls;
-    constructor(props: OverflowListProps<T>);
-    componentDidMount(): void;
-    componentUpdate(prevProps: OverflowListProps<T>): void;
-    private measureAndAdjust;
-    private getOverflowItems;
-    renderCollapse(): React.JSX.Element;
-    render(): React.JSX.Element;
-}
-export default OverflowList;

package/esm/resizeObserver/index.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-interface BaseProps {
-    className?: string;
-    style?: React.CSSProperties;
-    [key: string]: any;
-}
-export interface ResizeEntry {
-    contentRect: DOMRectReadOnly;
-    target: Element;
-}
-export interface ReactResizeObserverProps extends BaseProps {
-    onResize?: (entries: ResizeEntry[]) => void;
-    observeParent?: boolean;
-    observerProperty?: ObserverProperty;
-    delayTick?: number;
-    children: React.ReactElement;
-}
-export declare enum ObserverProperty {
-    Width = "width",
-    Height = "height",
-    All = "all"
-}
-export default class ReactResizeObserver extends React.Component<ReactResizeObserverProps> {
-    static defaultProps: {
-        onResize: () => void;
-        observeParent: boolean;
-        observerProperty: ObserverProperty;
-        delayTick: number;
-    };
-    observer: ResizeObserver | null;
-    childNode: HTMLElement | null;
-    element: Element | null;
-    _parentNode: HTMLElement | null;
-    formerPropertyValue: Map<Element, number>;
-    constructor(props: ReactResizeObserverProps);
-    getElement: () => Element | null;
-    handleResizeEventTriggered: (entries: ResizeEntry[]) => void;
-    observeElement: (force?: boolean) => void;
-    mergeRef: (ref: React.Ref<any>, node: HTMLElement) => void;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ReactResizeObserverProps): void;
-    componentWillUnmount(): void;
-    render(): React.ReactElement;
-}
-export {};

package/esm/splitter/index.d.ts

@@ -1,8 +0,0 @@
-import Panel from './Panel';
-import SplitterComp from './Splitter';
-export type { SplitterProps } from './interface';
-type CompoundedComponent = typeof SplitterComp & {
-    Panel: typeof Panel;
-};
-declare const Splitter: CompoundedComponent;
-export default Splitter;

package/esm/splitter/interface.d.ts

@@ -1,69 +0,0 @@
-/// <reference types="react" />
-import type { ShowCollapsibleIconMode } from './SplitBar';
-export interface SplitterProps {
-    prefixCls?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    rootClassName?: string;
-    layout?: 'horizontal' | 'vertical';
-    onResizeStart?: (sizes: number[]) => void;
-    onResize?: (sizes: number[]) => void;
-    onResizeEnd?: (sizes: number[]) => void;
-    onCollapse?: (collapsed: boolean[], sizes: number[]) => void;
-    lazy?: boolean;
-}
-export interface PanelProps {
-    className?: string;
-    style?: React.CSSProperties;
-    min?: number | string;
-    max?: number | string;
-    size?: number | string;
-    collapsible?: boolean | {
-        start?: boolean;
-        end?: boolean;
-        showCollapsibleIcon?: ShowCollapsibleIconMode;
-    };
-    resizable?: boolean;
-    defaultSize?: number | string;
-}
-export interface InternalPanelProps extends PanelProps {
-    className?: string;
-    prefixCls?: string;
-}
-export interface UseResizeProps extends Pick<SplitterProps, 'onResize'> {
-    basicsState: number[];
-    items: PanelProps[];
-    panelsRef: React.RefObject<(HTMLDivElement | null)[]>;
-    reverse: boolean;
-    setBasicsState: React.Dispatch<React.SetStateAction<number[]>>;
-}
-export interface UseResize {
-    setSize: (data: {
-        size: number;
-        index: number;
-    }[]) => void;
-    setOffset: (offset: number, containerSize: number, index: number) => void;
-}
-export interface UseHandleProps extends Pick<SplitterProps, 'layout' | 'onResizeStart' | 'onResizeEnd'> {
-    basicsState: number[];
-    containerRef?: React.RefObject<HTMLDivElement | null>;
-    setOffset: UseResize['setOffset'];
-    setResizing: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export interface UseHandle {
-    onStart: (x: number, y: number, index: number) => void;
-}
-export interface UseCollapsibleProps {
-    basicsState: number[];
-    collapsible?: PanelProps['collapsible'];
-    index: number;
-    reverse: boolean;
-    setSize?: UseResize['setSize'];
-}
-export interface UseCollapsible {
-    nextIcon: boolean;
-    overlap: boolean;
-    previousIcon: boolean;
-    onFold: (type: 'previous' | 'next') => void;
-    setOldBasics: () => void;
-}

package/esm/splitter/style/index.less

@@ -1,312 +0,0 @@
-@import '../../style/themes/index.less';
-        
-@splitter-prefix-cls: ~'@{ant-prefix}-splitter';
-
-@splitter-resize-spinner-size: 20px;
-@splitter-split-bar-draggable-size: @splitter-resize-spinner-size;
-@splitter-split-bar-size: 2px;
-@splitter-split-trigger-size: 6px;
-
-@splitterBarPreviewOffsetVar: ~'@{splitter-prefix-cls}-bar-preview-offset';
-@splitter-transform-x: ~'translateX(var(--@{splitterBarPreviewOffsetVar}))';
-@splitter-transform-y: ~'translateY(var(--@{splitterBarPreviewOffsetVar}))';
-
-.center-position() {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-
-.@{splitter-prefix-cls} {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    align-items: stretch;
-
-    & > .@{splitter-prefix-cls}-bar {
-        flex: none;
-        position: relative;
-        user-select: none;
-
-        .@{splitter-prefix-cls}-bar-dragger {
-            .center-position();
-            z-index: 1;
-            pointer-events: auto;
-
-            &::before {
-                content: '';
-                background: @item-hover-bg;
-                .center-position();
-            }
-
-            &::after {
-                content: '';
-                background: rgba(0, 0, 0, 0.15);
-                .center-position();
-            }
-
-            &:hover:not(.@{splitter-prefix-cls}-bar-dragger-active) {
-                &::before {
-                    background: @item-active-bg;
-                }
-            }
-
-            &.@{splitter-prefix-cls}-bar-dragger-active {
-                z-index: 2;
-
-                &::before {
-                    background: @item-active-bg;
-                }
-            }
-
-            &.@{splitter-prefix-cls}-bar-dragger-disabled {
-                z-index: 0;
-                cursor: default;
-
-                &,
-                &:hover,
-                &.@{splitter-prefix-cls}-bar-dragger-active {
-                    &::before {
-                        background: @disabled-bg;
-                    }
-                }
-
-                &::after {
-                    display: none;
-                }
-            }
-        }
-
-        .@{splitter-prefix-cls}-bar-collapse-bar {
-            .center-position();
-            z-index: @zindex-popover;
-            background: @item-hover-bg;
-            font-size: @font-size-base;
-            border-radius: @border-radius-base;
-            color: @text-color;
-            cursor: pointer;
-            opacity: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            &:hover {
-                background: @item-active-bg;
-            }
-
-            &:active {
-                background: @item-active-bg;
-            }
-        }
-
-        &:hover,
-        &:active {
-            .@{splitter-prefix-cls}-bar-collapse-bar-hover-only {
-                opacity: 1;
-            }
-        }
-
-        .@{splitter-prefix-cls}-bar-collapse-bar-hover-only {
-            @media (hover: none) {
-                opacity: 1;
-            }
-        }
-
-        .@{splitter-prefix-cls}-bar-collapse-bar-always-hidden {
-            display: none;
-        }
-
-        .@{splitter-prefix-cls}-bar-collapse-bar-always-visible {
-            opacity: 1;
-        }
-    }
-
-    .@{splitter-prefix-cls}-mask {
-        position: fixed;
-        z-index: 9999;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        background: transparent;
-
-        &.@{splitter-prefix-cls}-mask-horizontal {
-            cursor: col-resize;
-        }
-
-        &.@{splitter-prefix-cls}-mask-vertical {
-            cursor: row-resize;
-        }
-    }
-
-    &.@{splitter-prefix-cls}-horizontal {
-        flex-direction: row;
-
-        & > .@{splitter-prefix-cls}-bar {
-            width: 0;
-
-            .@{splitter-prefix-cls}-bar-preview {
-                height: 100%;
-                width: @splitter-split-bar-size;
-                position: absolute;
-                background: @primary-color;
-                opacity: 0.2;
-                pointer-events: none;
-                transition: none;
-                z-index: 1;
-                display: none;
-
-                &.@{splitter-prefix-cls}-bar-preview-active {
-                    display: block;
-
-                    transform: @splitter-transform-x;
-                }
-            }
-
-            .@{splitter-prefix-cls}-bar-dragger {
-                cursor: col-resize;
-                height: 100%;
-                width: @splitter-split-trigger-size;
-
-                &::before {
-                    height: 100%;
-                    width: @splitter-split-bar-size;
-                }
-
-                &::after {
-                    height: @splitter-split-bar-draggable-size;
-                    width: @splitter-split-bar-size;
-                }
-            }
-
-            .@{splitter-prefix-cls}-bar-collapse-bar {
-                width: @font-size-sm;
-                height: @btn-height-sm;
-
-                &.@{splitter-prefix-cls}-bar-collapse-bar-start {
-                    left: auto;
-                    right: (@splitter-split-trigger-size / 2);
-                    transform: translateY(-50%);
-                }
-
-                &.@{splitter-prefix-cls}-bar-collapse-bar-end {
-                    left: (@splitter-split-trigger-size / 2);
-                    right: auto;
-                    transform: translateY(-50%);
-                }
-            }
-        }
-    }
-
-    &.@{splitter-prefix-cls}-vertical {
-        flex-direction: column;
-
-        & > .@{splitter-prefix-cls}-bar {
-            height: 0;
-
-            .@{splitter-prefix-cls}-bar-preview {
-                height: @splitter-split-bar-size;
-                width: 100%;
-                position: absolute;
-                background: @primary-color;
-                opacity: 0.2;
-                pointer-events: none;
-                transition: none;
-                z-index: 1;
-                display: none;
-
-                &.@{splitter-prefix-cls}-bar-preview-active {
-                    display: block;
-                    transform: @splitter-transform-y;
-                }
-            }
-
-            .@{splitter-prefix-cls}-bar-dragger {
-                cursor: row-resize;
-                width: 100%;
-                height: @splitter-split-trigger-size;
-
-                &::before {
-                    width: 100%;
-                    height: @splitter-split-bar-size;
-                }
-
-                &::after {
-                    width: @splitter-split-bar-draggable-size;
-                    height: @splitter-split-bar-size;
-                }
-            }
-
-            .@{splitter-prefix-cls}-bar-collapse-bar {
-                height: @font-size-sm;
-                width: @btn-height-sm;
-
-                &.@{splitter-prefix-cls}-bar-collapse-bar-start {
-                    top: auto;
-                    bottom: (@splitter-split-trigger-size / 2);
-                    transform: translateX(-50%);
-                }
-
-                &.@{splitter-prefix-cls}-bar-collapse-bar-end {
-                    top: (@splitter-split-trigger-size / 2);
-                    bottom: auto;
-                    transform: translateX(-50%);
-                }
-            }
-        }
-    }
-
-    .@{splitter-prefix-cls}-panel {
-        overflow: auto;
-        padding: 0 1px;
-        box-sizing: border-box;
-
-        &::-webkit-scrollbar {
-            width: 8px;
-            height: 8px;
-        }
-
-        &::-webkit-scrollbar-thumb {
-            background: @table-sticky-scroll-bar-bg;
-            border-radius: @table-sticky-scroll-bar-radius;
-        }
-
-        &.@{splitter-prefix-cls}-panel-hidden {
-            padding: 0;
-            overflow: hidden;
-        }
-
-        &:has(.@{splitter-prefix-cls}:only-child) {
-            overflow: hidden;
-        }
-    }
-
-    &.@{ant-prefix}-rtl.@{splitter-prefix-cls}-horizontal {
-        & > .@{splitter-prefix-cls}-bar {
-            .@{splitter-prefix-cls}-bar-collapse-previous {
-                right: 0;
-                left: unset;
-            }
-
-            .@{splitter-prefix-cls}-bar-collapse-next {
-                right: unset;
-                left: 0;
-            }
-        }
-    }
-
-    &.@{ant-prefix}-rtl.@{splitter-prefix-cls}-vertical {
-        & > .@{splitter-prefix-cls}-bar {
-            .@{splitter-prefix-cls}-bar-collapse-previous {
-                right: 50%;
-                left: unset;
-            }
-
-            .@{splitter-prefix-cls}-bar-collapse-next {
-                right: 50%;
-                left: unset;
-            }
-        }
-    }
-}

package/esm/style/themes/index.less

@@ -1,2 +0,0 @@
-@import '~antd/es/style/themes/default.less';
-@import './variable.less';

package/esm/table/InternalTable.d.ts

@@ -1,32 +0,0 @@
-import type { TableProps as RcTableProps } from '@rc-component/table';
-import type { SpinProps, TooltipProps } from 'antd';
-import type { SizeType } from 'antd/lib/config-provider/SizeContext';
-import type { FilterValue } from 'antd/lib/table/interface';
-import './style';
-import type { AnyObject } from '../_util/type';
-import type { ColumnsType, GetPopupContainer, RefInternalTable, SorterResult, SortOrder, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from './interface';
-export type { ColumnsType, TablePaginationConfig };
-export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, 'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll' | 'emptyText'> {
-    dropdownPrefixCls?: string;
-    dataSource?: RcTableProps<RecordType>['data'];
-    columns?: ColumnsType<RecordType>;
-    pagination?: false | TablePaginationConfig;
-    loading?: boolean | SpinProps;
-    size?: SizeType;
-    bordered?: boolean;
-    locale?: TableLocale;
-    virtual?: boolean;
-    onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;
-    rowSelection?: TableRowSelection<RecordType>;
-    getPopupContainer?: GetPopupContainer;
-    scroll?: RcTableProps<RecordType>['scroll'] & {
-        scrollToFirstRowOnChange?: boolean;
-    };
-    sortDirections?: SortOrder[];
-    showSorterTooltip?: boolean | TooltipProps;
-}
-export interface InternalTableProps<RecordType = AnyObject> extends TableProps<RecordType> {
-    _renderTimes: number;
-}
-declare const _default: RefInternalTable;
-export default _default;