@fabiomdf/vue-hierarchy-tree
Version:
A Vue 3 component for creating interactive hierarchy trees with drag-and-drop functionality
64 lines (63 loc) • 2.32 kB
TypeScript
import { FlowData } from './types/flow';
type __VLS_Props = {
initialData: FlowData;
showAddButton?: boolean;
showRemoveButton?: boolean;
allowLabelEdit?: boolean;
boxWidth?: number;
boxHeight?: number;
enableShadow?: boolean;
boxBackgroundColor?: string;
boxLabelColor?: string;
editFieldBorderColor?: string;
editFieldBackgroundColor?: string;
editFieldTextColor?: string;
addButtonBackgroundColor?: string;
addButtonBorderColor?: string;
addButtonContent?: string;
addButtonSize?: number;
addButtonShape?: 'circle' | 'square' | 'rounded';
removeButtonBackgroundColor?: string;
removeButtonBorderColor?: string;
removeButtonContent?: string;
removeButtonSize?: number;
removeButtonShape?: 'circle' | 'square' | 'rounded';
enableCollisionAvoidance?: boolean;
enableConsoleLog?: boolean;
highlightSelectedBox?: boolean;
selectedBoxBorderColor?: string;
selectedBoxBorderWidth?: number;
showButtonsOnlyOnSelected?: boolean;
};
declare const _default: import('vue').DefineComponent<__VLS_Props, {
flowData: FlowData;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
showAddButton: boolean;
showRemoveButton: boolean;
allowLabelEdit: boolean;
enableShadow: boolean;
boxBackgroundColor: string;
boxLabelColor: string;
editFieldBorderColor: string;
editFieldBackgroundColor: string;
editFieldTextColor: string;
addButtonBackgroundColor: string;
addButtonBorderColor: string;
addButtonContent: string;
addButtonSize: number;
addButtonShape: "circle" | "square" | "rounded";
removeButtonBackgroundColor: string;
removeButtonBorderColor: string;
removeButtonContent: string;
removeButtonSize: number;
removeButtonShape: "circle" | "square" | "rounded";
boxWidth: number;
boxHeight: number;
enableCollisionAvoidance: boolean;
enableConsoleLog: boolean;
highlightSelectedBox: boolean;
selectedBoxBorderColor: string;
selectedBoxBorderWidth: number;
showButtonsOnlyOnSelected: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
export default _default;