@central-design-system/components 3.0.0-beta.8 → 3.0.0-rc.1

package/dist/components/CdsTree/components/MotionTreeNode.d.ts

@@ -0,0 +1,128 @@
+import { PropType } from 'vue';
+import { NTree } from '../interface';
+declare const _default: import("vue").DefineComponent<{
+    active: BooleanConstructor;
+    motion: ObjectConstructor;
+    motionNodes: {
+        type: PropType<NTree.IFlattenNode[] | null>;
+    };
+    onMotionStart: FunctionConstructor;
+    onMotionEnd: FunctionConstructor;
+    motionType: PropType<"hide" | "show" | null>;
+    eventKey: {
+        type: PropType<NTree.TKey>;
+        default: string;
+    };
+    prefixCls: StringConstructor;
+    title: (StringConstructor | FunctionConstructor)[];
+    data: {
+        type: PropType<NTree.IDataNode>;
+        default: NTree.IDataNode;
+    };
+    parent: {
+        type: PropType<NTree.IDataNode>;
+        default: NTree.IDataNode;
+    };
+    isStart: {
+        type: PropType<boolean[]>;
+    };
+    isEnd: {
+        type: PropType<boolean[]>;
+    };
+    onMousemove: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    isLeaf: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checkable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disableCheckbox: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    icon: FunctionConstructor[];
+    switcherIcon: FunctionConstructor[];
+    domRef: {
+        type: PropType<(arg: any) => void>;
+    };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    active: BooleanConstructor;
+    motion: ObjectConstructor;
+    motionNodes: {
+        type: PropType<NTree.IFlattenNode[] | null>;
+    };
+    onMotionStart: FunctionConstructor;
+    onMotionEnd: FunctionConstructor;
+    motionType: PropType<"hide" | "show" | null>;
+    eventKey: {
+        type: PropType<NTree.TKey>;
+        default: string;
+    };
+    prefixCls: StringConstructor;
+    title: (StringConstructor | FunctionConstructor)[];
+    data: {
+        type: PropType<NTree.IDataNode>;
+        default: NTree.IDataNode;
+    };
+    parent: {
+        type: PropType<NTree.IDataNode>;
+        default: NTree.IDataNode;
+    };
+    isStart: {
+        type: PropType<boolean[]>;
+    };
+    isEnd: {
+        type: PropType<boolean[]>;
+    };
+    onMousemove: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    isLeaf: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checkable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disableCheckbox: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    icon: FunctionConstructor[];
+    switcherIcon: FunctionConstructor[];
+    domRef: {
+        type: PropType<(arg: any) => void>;
+    };
+}>>, {
+    disabled: boolean;
+    data: NTree.IDataNode;
+    active: boolean;
+    parent: NTree.IDataNode;
+    selectable: boolean;
+    checkable: boolean;
+    eventKey: NTree.TKey;
+    isLeaf: boolean;
+    disableCheckbox: boolean;
+}>;
+export default _default;

package/dist/components/CdsTree/components/NodeList.d.ts

@@ -0,0 +1,191 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { NTree } from '../interface';
+import { ScrollTo } from './VirtualList';
+export declare const MOTION_KEY: string;
+export declare const MotionEntity: NTree.IDataEntity;
+export interface NodeListRef {
+    scrollTo: ScrollTo;
+    getIndentWidth: () => number;
+}
+export declare const nodeListProps: {
+    motion: {
+        type: PropType<any>;
+    };
+    focusable: {
+        type: PropType<boolean>;
+    };
+    activeItem: {
+        type: PropType<NTree.IFlattenNode | null>;
+    };
+    focused: {
+        type: PropType<boolean>;
+    };
+    tabindex: {
+        type: PropType<number>;
+    };
+    checkable: {
+        type: PropType<boolean>;
+    };
+    selectable: {
+        type: PropType<boolean>;
+    };
+    disabled: {
+        type: PropType<boolean>;
+    };
+    height: {
+        type: PropType<number>;
+    };
+    itemHeight: {
+        type: PropType<number>;
+    };
+    virtual: {
+        type: PropType<boolean>;
+    };
+    onScroll: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    onKeydown: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    onFocus: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onBlur: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onActiveChange: {
+        type: PropType<(key: NTree.TKey | null) => void>;
+    };
+    onContextmenu: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    onListChangeStart: {
+        type: PropType<() => void>;
+    };
+    onListChangeEnd: {
+        type: PropType<() => void>;
+    };
+};
+export declare type NodeListProps = Partial<ExtractPropTypes<typeof nodeListProps>>;
+declare const _default: import("vue").DefineComponent<{
+    motion: {
+        type: PropType<any>;
+    };
+    focusable: {
+        type: PropType<boolean>;
+    };
+    activeItem: {
+        type: PropType<NTree.IFlattenNode | null>;
+    };
+    focused: {
+        type: PropType<boolean>;
+    };
+    tabindex: {
+        type: PropType<number>;
+    };
+    checkable: {
+        type: PropType<boolean>;
+    };
+    selectable: {
+        type: PropType<boolean>;
+    };
+    disabled: {
+        type: PropType<boolean>;
+    };
+    height: {
+        type: PropType<number>;
+    };
+    itemHeight: {
+        type: PropType<number>;
+    };
+    virtual: {
+        type: PropType<boolean>;
+    };
+    onScroll: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    onKeydown: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    onFocus: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onBlur: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onActiveChange: {
+        type: PropType<(key: NTree.TKey | null) => void>;
+    };
+    onContextmenu: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    onListChangeStart: {
+        type: PropType<() => void>;
+    };
+    onListChangeEnd: {
+        type: PropType<() => void>;
+    };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    motion: {
+        type: PropType<any>;
+    };
+    focusable: {
+        type: PropType<boolean>;
+    };
+    activeItem: {
+        type: PropType<NTree.IFlattenNode | null>;
+    };
+    focused: {
+        type: PropType<boolean>;
+    };
+    tabindex: {
+        type: PropType<number>;
+    };
+    checkable: {
+        type: PropType<boolean>;
+    };
+    selectable: {
+        type: PropType<boolean>;
+    };
+    disabled: {
+        type: PropType<boolean>;
+    };
+    height: {
+        type: PropType<number>;
+    };
+    itemHeight: {
+        type: PropType<number>;
+    };
+    virtual: {
+        type: PropType<boolean>;
+    };
+    onScroll: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    onKeydown: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    onFocus: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onBlur: {
+        type: PropType<(e: FocusEvent) => void>;
+    };
+    onActiveChange: {
+        type: PropType<(key: NTree.TKey | null) => void>;
+    };
+    onContextmenu: {
+        type: PropType<NTree.TEventHandler>;
+    };
+    onListChangeStart: {
+        type: PropType<() => void>;
+    };
+    onListChangeEnd: {
+        type: PropType<() => void>;
+    };
+}>>, {}>;
+export default _default;
+/**
+ * We only need get visible content items to play the animation.
+ */
+export declare function getMinimumRangeTransitionRange(list: NTree.IFlattenNode[], virtual: boolean, height: number, itemHeight: number): NTree.IFlattenNode[];

package/dist/components/CdsTree/components/SwitcherIcon.d.ts

@@ -0,0 +1,12 @@
+import { VNode } from 'vue';
+import { ITreeNodeProps } from '../composable';
+import type { TCdsIconsName } from '@central-design-system/icons';
+export interface SwitcherIconProps extends ITreeNodeProps {
+    expanded: boolean;
+    loading: boolean;
+}
+export declare function renderSwitcherIcon(switcherIcon: any, showLine: boolean | {
+    showLeafIcon: boolean | TCdsIconsName;
+} | undefined, props: SwitcherIconProps): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null;

package/dist/components/CdsTree/components/TreeContext.d.ts

@@ -0,0 +1,81 @@
+import { ComputedRef, PropType, ShallowRef } from 'vue';
+import { NTree } from '../../../components';
+import { VueNode } from '../../../utils';
+export interface TreeContextProps {
+    selectable: boolean;
+    showIcon: boolean;
+    icon: NTree.TIconType;
+    switcherIcon: NTree.TIconType;
+    draggable: NTree.TDraggableConfig | false;
+    draggingNodeKey?: NTree.TKey;
+    checkable: boolean;
+    customCheckable: () => any;
+    checkStrictly: boolean;
+    disabled: boolean;
+    keyEntities: Record<NTree.TKey, NTree.IDataEntity<any>>;
+    dropLevelOffset?: number;
+    dropContainerKey: NTree.TKey | null;
+    dropTargetKey: NTree.TKey | null;
+    dropPosition: -1 | 0 | 1 | null;
+    indent: number | null;
+    dropIndicatorRender: (props: {
+        dropPosition: -1 | 0 | 1 | null;
+        dropLevelOffset?: number;
+        indent: number | null;
+        prefixCls: string;
+    }) => VueNode;
+    dragOverNodeKey: NTree.TKey | null;
+    dragging: boolean;
+    loadData?: (treeNode: NTree.IEventDataNode) => Promise<void>;
+    filterTreeNode: (treeNode: NTree.IEventDataNode) => boolean;
+    onNodeClick: NTree.TNodeMouseEventHandler;
+    onNodeDoubleClick: NTree.TNodeMouseEventHandler;
+    onNodeExpand: NTree.TNodeMouseEventHandler;
+    onNodeSelect: NTree.TNodeMouseEventHandler;
+    onNodeCheck: (e: MouseEvent, treeNode: NTree.IEventDataNode, checked: boolean) => void;
+    onNodeLoad: (treeNode: NTree.IEventDataNode) => void;
+    onNodeMouseEnter: NTree.TNodeMouseEventHandler;
+    onNodeMouseLeave: NTree.TNodeMouseEventHandler;
+    onNodeContextMenu: NTree.TNodeMouseEventHandler;
+    onNodeDragStart: NTree.TNodeDragEventHandler;
+    onNodeDragEnter: NTree.TNodeDragEventHandler;
+    onNodeDragOver: NTree.TNodeDragEventHandler;
+    onNodeDragLeave: NTree.TNodeDragEventHandler;
+    onNodeDragEnd: NTree.TNodeDragEventHandler;
+    onNodeDrop: NTree.TNodeDragEventHandler;
+    slots: {
+        title?: (data: any) => any;
+        titleRender?: (data: any) => any;
+        [key: string]: ((...args: any[]) => any) | undefined;
+    };
+}
+export declare const TreeContext: import("vue").DefineComponent<{
+    value: {
+        type: PropType<TreeContextProps>;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<TreeContextProps>;
+    };
+}>>, {}>;
+export declare const useInjectTreeContext: () => ComputedRef<TreeContextProps>;
+declare type KeysStateKeyType = {
+    expandedKeysSet: ComputedRef<Set<NTree.TKey>>;
+    selectedKeysSet: ComputedRef<Set<NTree.TKey>>;
+    loadedKeysSet: ComputedRef<Set<NTree.TKey>>;
+    loadingKeysSet: ComputedRef<Set<NTree.TKey>>;
+    checkedKeysSet: ComputedRef<Set<NTree.TKey>>;
+    halfCheckedKeysSet: ComputedRef<Set<NTree.TKey>>;
+    expandedKeys: ShallowRef<NTree.TKey[]>;
+    selectedKeys: ShallowRef<NTree.TKey[] | undefined>;
+    loadedKeys: ShallowRef<NTree.TKey[]>;
+    loadingKeys: ShallowRef<NTree.TKey[]>;
+    checkedKeys: ShallowRef<NTree.TKey[]>;
+    halfCheckedKeys: ShallowRef<NTree.TKey[]>;
+    flattenNodes: ShallowRef<NTree.IFlattenNode[]>;
+};
+export declare const useProvideKeysState: (state: KeysStateKeyType) => void;
+export declare const useInjectKeysState: () => KeysStateKeyType;
+export {};