fix(Editor): not throw exception when call reset method (#659)

* refactor: 增加 ClassString 样式

* refactor: 增加验证样式

* fix: 修复脚本报错问题

* refactor: 更细逻辑

* chore: bump version 9.0.9

Author: ArgoZhang

src/components/BootstrapBlazor.SummerNote/BootstrapBlazor.SummerNote.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.0.8</Version>
+    <Version>9.0.9</Version>
   </PropertyGroup>
 
   <PropertyGroup>

src/components/BootstrapBlazor.SummerNote/Components/Editor/Editor.razor

@@ -7,6 +7,6 @@
 {
     <BootstrapLabel required="@Required" for="@Id" ShowLabelTooltip="ShowLabelTooltip" Value="@DisplayText" />
 }
-<div @attributes="@AdditionalAttributes" id="@Id" class="editor" data-bb-submit="@ShowSubmitString">
+<div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString" data-bb-submit="@ShowSubmitString">
     <div class="@EditClassString" placeholder="@PlaceHolder"></div>
 </div>

src/components/BootstrapBlazor.SummerNote/Components/Editor/Editor.razor.cs

@@ -13,6 +13,10 @@ namespace BootstrapBlazor.Components;
 /// </summary>
 public partial class Editor
 {
+    private string? ClassString => CssBuilder.Default("editor")
+        .AddClass(CssClass).AddClass(ValidCss)
+        .Build();
+
     /// <summary>
     /// 获得 Editor 样式
     /// </summary>
@@ -182,20 +186,10 @@ protected override async Task InvokeInitAsync()
     /// </summary>
     /// <param name="value"></param>
     [JSInvokable]
-    public async Task Update(string value)
+    public void Update(string value)
     {
-        Value = value;
-        _lastValue = Value;
-
-        if (ValueChanged.HasDelegate)
-        {
-            await ValueChanged.InvokeAsync(Value);
-        }
-
-        if (OnValueChanged != null)
-        {
-            await OnValueChanged.Invoke(value);
-        }
+        CurrentValue = value;
+        _lastValue = value;
     }
 
     /// <summary>

src/components/BootstrapBlazor.SummerNote/Components/Editor/Editor.razor.js

@@ -1,4 +1,4 @@
-import '../../js/summernote-bs5.min.js'
+import '../../js/summernote-bs5.min.js'
 import { addLink, addScript } from '../../../BootstrapBlazor/modules/utility.js'
 import Data from '../../../BootstrapBlazor/modules/data.js'
 import EventHandler from '../../../BootstrapBlazor/modules/event-handler.js'
@@ -175,7 +175,11 @@ export function getCode(id) {
 }
 
 export function reset(id) {
-    const editor = Data.get(id)
+    const editor = Data.get(id);
+    if (!editor.$editor) {
+        return;
+    }
+
     const context = editor.$editor.data('summernote')
 
     const showSubmit = editor.el.getAttribute("data-bb-submit") === "true"

src/components/BootstrapBlazor.SummerNote/wwwroot/css/editor.css

@@ -1,4 +1,4 @@
-.editor .editor-body {
+.editor .editor-body {
     cursor: pointer;
     min-height: 50px;
     height: auto;
@@ -58,6 +58,16 @@
     display: block;
 }
 
+.editor.is-invalid .note-frame,
+.editor.is-invalid > .form-control {
+    border: 1px solid var(--bs-danger) !important;
+}
+
+.editor.is-valid .note-frame,
+.editor.is-valid > .form-control {
+    border: 1px solid var(--bs-success) !important;
+}
+
 .modal-body .note-form-group:not(:last-child) {
     margin-bottom: 0.5rem;
 }