BootstrapBlazor.MindMap 8.0.3

Prefix Reserved
There is a newer version of this package available.
See the version list below for details.
dotnet add package BootstrapBlazor.MindMap --version 8.0.3                
NuGet\Install-Package BootstrapBlazor.MindMap -Version 8.0.3                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="BootstrapBlazor.MindMap" Version="8.0.3" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BootstrapBlazor.MindMap --version 8.0.3                
#r "nuget: BootstrapBlazor.MindMap, 8.0.3"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install BootstrapBlazor.MindMap as a Cake Addin
#addin nuget:?package=BootstrapBlazor.MindMap&version=8.0.3

// Install BootstrapBlazor.MindMap as a Cake Tool
#tool nuget:?package=BootstrapBlazor.MindMap&version=8.0.3                

Blazor MindMap 思维导图组件

基于mind-map的Blazor组件

示例:

https://blazor.app1.es/MindMaps

使用方法:

1.nuget包

BootstrapBlazor.MindMap

2._Imports.razor 文件 或者页面添加 添加组件库引用

@using BootstrapBlazor.Components

3.razor页面

<a href="https://github.com/densen2014/Densen.Extensions/blob/master/Demo/DemoShared/Pages/MindMaps.razor"><h5>页面源码</h5></a>

<p>Tab:添加新节点</p>
<p>鼠标可拖动节点排列</p>

<MindMap @ref="MindMap" OnReceive="@OnReceive" OnError="@OnError"  Options="Options" />

<Textarea @bind-Value="Message" />

<Button Text="下载为PNG" OnClick="Export" />
<Button Text="下载为json" OnClick="ExportJson" />
<Button Text="导出PNG" OnClick="ExportPng" />
<Button Text="导出对象" OnClick="GetFullData" />
<Button Text="导出json对象" OnClick="GetData" />
<Button Text="导入数据(json)" OnClick="SetData" />
<Button Text="复位" OnClick="Reset" />



@code{

    [NotNull]
    MindMap? MindMap;

    string? Message { get; set; } = "";
    
    MindMapOption Options { get; set; } = new();

    private Task OnReceive(string? message)
    {
        Message = message;
        return Task.CompletedTask;
    }

    private Task OnError(string message)
    {
        Message = message;
        return Task.CompletedTask;
    }

    async Task Export()
    {
        await MindMap.Export();
        await ShowBottomMessage("下载Png");
    }

    async Task ExportJson()
    {
        await MindMap.Export("json", WithConfig: false);
        await ShowBottomMessage("下载Json");
    }

    async Task ExportPng()
    {
        await MindMap.Export(IsDownload:false, WithConfig: false);
        await ShowBottomMessage("已导出Png");
    }

    async Task GetFullData()
    {
        await MindMap.GetData();
    }

    async Task GetData()
    {
        await MindMap.GetData(false);
    }

    async Task SetData()
    {
        if (Message != null) await MindMap.SetData(Message);
    }

    async Task Reset()
    {
        await MindMap.Reset();
    }

    async Task OnSelectedLayoutChanged(EnumMindMapLayout val)
    {
        await MindMap.SetLayout(val);
    }

    async Task OnSelectedThemeChanged(EnumMindMapTheme val)
    {
        await MindMap.SetTheme(val);
    }
}

更新历史

v8.0.2

  • 添加 Options 配置选项

v8.0.1

  • 添加 SetTheme 动态切换主题方法
  • 添加 SetLayout 动态切换结构方法

Blazor 组件

条码扫描 ZXingBlazor nuget stats

图片浏览器 Viewer

手写签名 SignaturePad

定位/持续定位 Geolocation

屏幕键盘 OnScreenKeyboard

百度地图 BaiduMap

谷歌地图 GoogleMap

蓝牙和打印 Bluetooth

PDF阅读器 PdfReader

文件系统访问 FileSystem

光学字符识别 OCR

电池信息/网络信息 MindMap

文件预览 FileViewer

视频播放器 VideoPlayer

图像裁剪 ImageCropper

视频播放器 BarcodeGenerator

AlexChow

今日头条 | 博客园 | 知乎 | Gitee | GitHub

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on BootstrapBlazor.MindMap:

Package Downloads
BootstrapBlazor.Densen.All

Blazor 组件懒人包

GitHub repositories (2)

Showing the top 2 popular GitHub repositories that depend on BootstrapBlazor.MindMap:

Repository Stars
dotnetcore/BootstrapBlazor
Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.
densen2014/BlazorHybrid
关于BlazorHybrid的一切研究. 用 c # 和 Razor 创建本机移动应用和桌面应用。快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS、Linux 的应用。
Version Downloads Last updated
9.0.0 604 11/13/2024
9.0.0-beta02 80 11/7/2024
9.0.0-beta01 126 11/1/2024
8.0.7 2,713 1/4/2024
8.0.6 137 1/4/2024
8.0.4 1,143 12/12/2023
8.0.3 128 12/12/2023
8.0.2 137 12/12/2023
8.0.1 146 12/9/2023
8.0.0 594 11/15/2023
7.0.1 1,080 9/5/2023
7.0.0 144 9/5/2023
0.0.2 148 9/2/2023
0.0.1 145 9/2/2023