@univerjs/design 0.16.1 → 0.17.0

package/lib/types/components/draggable-list/DraggableList.d.ts

@@ -1,11 +1,19 @@
-import { ReactNode } from 'react';
-import { ReactGridLayoutProps, default as RGL } from 'react-grid-layout';
-import 'react-grid-layout/css/styles.css';
-export declare const ReactGridLayout: import('react').ComponentClass<ReactGridLayoutProps & RGL.WidthProviderProps, any>;
-export interface IDraggableListProps<T> extends Omit<ReactGridLayoutProps, 'layout' | 'onLayoutChange' | 'cols' | 'isResizable'> {
+import { HTMLAttributes, ReactNode } from 'react';
+interface IDragPosition {
+    y: number;
+}
+interface IDraggableListDragCallbacks {
+    onDragStart?: (layout: unknown, from: IDragPosition) => void;
+    onDragStop?: (layout: unknown, from: IDragPosition, to: IDragPosition) => void;
+}
+export interface IDraggableListProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onDragStart'>, IDraggableListDragCallbacks {
     list: T[];
     onListChange: (list: T[]) => void;
     idKey: keyof T;
     itemRender: (item: T, index: number) => ReactNode;
+    draggableHandle?: string;
+    rowHeight?: number;
+    margin?: [number, number];
 }
 export declare function DraggableList<T = any>(props: IDraggableListProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/components/draggable-list/index.d.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { DraggableList, ReactGridLayout } from './DraggableList';
+export { DraggableList } from './DraggableList';
 export type { IDraggableListProps } from './DraggableList';

package/lib/types/components/tree/Tree.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperties, ReactNode } from 'react';
-import './index.css';
 export declare enum TreeSelectionMode {
     ONLY_LEAF_NODE = 0,
     ALL = 1

package/lib/types/components/tree/index.d.ts

@@ -14,4 +14,4 @@
  * limitations under the License.
  */
 export { type ITreeNodeProps, type ITreeProps, Tree, TreeSelectionMode } from './Tree';
-export { mergeTreeSelected, findSubTreeFromPath, findNodePathFromTree, filterLeafNode } from './util';
+export { filterLeafNode, findNodePathFromTree, findSubTreeFromPath, mergeTreeSelected } from './util';

package/lib/types/components/virtual-list/VirtualList.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, Key, ReactNode } from 'react';
+export interface IVirtualListProps<T extends object> {
+    data: T[];
+    itemKey: Key | ((item: T) => Key);
+    children: (item: T, index: number) => ReactNode;
+    height?: number;
+    itemHeight?: number;
+    overscan?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function VirtualList<T extends object>(props: IVirtualListProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/virtual-list/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { type IVirtualListProps, VirtualList } from './VirtualList';

package/lib/types/index.d.ts

@@ -29,7 +29,7 @@ export { Confirm, type IConfirmProps } from './components/confirm/Confirm';
 export { DatePicker } from './components/date-picker/DatePicker';
 export { DateRangePicker } from './components/date-range-picker';
 export { Dialog, type IDialogProps } from './components/dialog/Dialog';
-export { DraggableList, type IDraggableListProps, ReactGridLayout } from './components/draggable-list';
+export { DraggableList, type IDraggableListProps } from './components/draggable-list';
 export { DropdownMenu, type IDropdownMenuProps } from './components/dropdown-menu/DropdownMenu';
 export { Dropdown, type IDropdownProps } from './components/dropdown/Dropdown';
 export { FormDualColumnLayout, FormLayout, type IFormDualColumnLayoutProps, type IFormLayoutProps } from './components/form-layout';
@@ -61,5 +61,3 @@ export { clsx } from './helper/clsx';
 export { isBrowser } from './helper/is-browser';
 export { render, unmount } from './helper/react-dom';
 export { resizeObserverCtor } from './helper/resize-observer';
-/** @deprecated Only for compatibility with versions before 0.7.0, will be removed in future versions */
-export { defaultTheme, greenTheme } from '@univerjs/themes';