From cf4b4dcc1039097fec04f32695fbe8935ef25930 Mon Sep 17 00:00:00 2001
From: Tom <17379620@qq.com>
Date: Thu, 23 Jan 2025 22:05:38 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=A6=84=20Beautiful=20AntdUI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README-en.md | 3 +-
README.md | 3 +-
example/Demo/Controls/Splitter.Designer.cs | 137 +++++++++++++++++++++
example/Demo/Controls/Splitter.cs | 32 +++++
example/Demo/Controls/Splitter.resx | 120 ++++++++++++++++++
example/Demo/Localizer.cs | 6 +
example/Demo/Overview.cs | Bin 53768 -> 54190 bytes
example/Demo/res_dark.Designer.cs | 9 ++
example/Demo/res_dark.resx | 3 +
example/Demo/res_light.Designer.cs | 9 ++
example/Demo/res_light.resx | 3 +
example/SVGView/Main.Designer.cs | 1 +
12 files changed, 324 insertions(+), 2 deletions(-)
create mode 100644 example/Demo/Controls/Splitter.Designer.cs
create mode 100644 example/Demo/Controls/Splitter.cs
create mode 100644 example/Demo/Controls/Splitter.resx
diff --git a/README-en.md b/README-en.md
index 335f64c0..575fb25b 100644
--- a/README-en.md
+++ b/README-en.md
@@ -45,11 +45,12 @@ Ant Design for WinForms, reimagines desktop app aesthetics with modern frontend
➡️| [**Button**](doc/wiki/en/Control/Button.md) | ✅ | ✅ |
➡️| [**FloatButton**](doc/wiki/en/Control/FloatButton.md) | ✅ | ❎ |
||||
-⬇️| Layout `4` | Animation | Disable |
+⬇️| Layout `5` | Animation | Disable |
➡️| [**Divider**](doc/wiki/en/Control/Divider.md) | ❎ | ❎ |
➡️| [**StackPanel**](doc/wiki/en/Control/StackPanel.md) | ❎ | ❎ |
➡️| [**FlowPanel**](doc/wiki/en/Control/FlowPanel.md) | ❎ | ❎ |
➡️| [**GridPanel**](doc/wiki/en/Control/GridPanel.md) | ❎ | ❎ |
+➡️| [**Splitter**](doc/wiki/zh/Control/Splitter.md) | ❎ | ❎ |
||||
⬇️| Navigation `6` | Animation | Disable |
➡️| [**Breadcrumb**](doc/wiki/en/Control/Breadcrumb.md) | ✅ | ❎ |
diff --git a/README.md b/README.md
index 75702e69..eca6e52a 100644
--- a/README.md
+++ b/README.md
@@ -46,11 +46,12 @@
➡️| [**Button** 按钮](doc/wiki/zh/Control/Button.md) | ✅ | ✅ |
➡️| [**FloatButton** 悬浮按钮](doc/wiki/zh/Control/FloatButton.md) | ✅ | ❎ |
||||
-⬇️| 布局 `4` | 动画 | 禁用 |
+⬇️| 布局 `5` | 动画 | 禁用 |
➡️| [**Divider** 分割线](doc/wiki/zh/Control/Divider.md) | ❎ | ❎ |
➡️| [**StackPanel** 堆栈布局](doc/wiki/zh/Control/StackPanel.md) | ❎ | ❎ |
➡️| [**FlowPanel** 流动布局](doc/wiki/zh/Control/FlowPanel.md) | ❎ | ❎ |
➡️| [**GridPanel** 格栅布局](doc/wiki/zh/Control/GridPanel.md) | ❎ | ❎ |
+➡️| [**Splitter** 分隔面板](doc/wiki/zh/Control/Splitter.md) | ❎ | ❎ |
||||
⬇️| 导航 `6` | 动画 | 禁用 |
➡️| [**Breadcrumb** 面包屑](doc/wiki/zh/Control/Breadcrumb.md) | ✅ | ❎ |
diff --git a/example/Demo/Controls/Splitter.Designer.cs b/example/Demo/Controls/Splitter.Designer.cs
new file mode 100644
index 00000000..6713cd9c
--- /dev/null
+++ b/example/Demo/Controls/Splitter.Designer.cs
@@ -0,0 +1,137 @@
+// COPYRIGHT (C) Tom. ALL RIGHTS RESERVED.
+// THE AntdUI PROJECT IS AN WINFORM LIBRARY LICENSED UNDER THE Apache-2.0 License.
+// 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.
+// GITEE: https://gitee.com/antdui/AntdUI
+// GITHUB: https://github.com/AntdUI/AntdUI
+// CSDN: https://blog.csdn.net/v_132
+// QQ: 17379620
+
+using System.Drawing;
+using System.Windows.Forms;
+
+namespace Demo.Controls
+{
+ partial class Splitter
+ {
+ ///
+ /// Required designer variable.
+ ///
+ private System.ComponentModel.IContainer components = null;
+
+ ///
+ /// Clean up any resources being used.
+ ///
+ /// true if managed resources should be disposed; otherwise, false.
+ protected override void Dispose(bool disposing)
+ {
+ if (disposing && (components != null))
+ {
+ components.Dispose();
+ }
+ base.Dispose(disposing);
+ }
+
+ #region Windows Form Designer generated code
+
+ ///
+ /// Required method for Designer support - do not modify
+ /// the contents of this method with the code editor.
+ ///
+ private void InitializeComponent()
+ {
+ header1 = new AntdUI.PageHeader();
+ splitter1 = new AntdUI.Splitter();
+ label1 = new AntdUI.Label();
+ label2 = new AntdUI.Label();
+ ((System.ComponentModel.ISupportInitialize)splitter1).BeginInit();
+ splitter1.Panel1.SuspendLayout();
+ splitter1.Panel2.SuspendLayout();
+ splitter1.SuspendLayout();
+ SuspendLayout();
+ //
+ // header1
+ //
+ header1.Description = "自由切分指定区域。";
+ header1.Dock = DockStyle.Top;
+ header1.Font = new Font("Microsoft YaHei UI", 12F);
+ header1.LocalizationDescription = "Splitter.Description";
+ header1.LocalizationText = "Splitter.Text";
+ header1.Location = new Point(0, 0);
+ header1.Name = "header1";
+ header1.Padding = new Padding(0, 0, 0, 10);
+ header1.Size = new Size(616, 74);
+ header1.TabIndex = 0;
+ header1.Text = "Splitter 分隔面板";
+ header1.UseTitleFont = true;
+ //
+ // splitter1
+ //
+ splitter1.Dock = DockStyle.Fill;
+ splitter1.Location = new Point(0, 74);
+ splitter1.Name = "splitter1";
+ //
+ // splitter1.Panel1
+ //
+ splitter1.Panel1.Controls.Add(label1);
+ //
+ // splitter1.Panel2
+ //
+ splitter1.Panel2.Controls.Add(label2);
+ splitter1.Size = new Size(616, 511);
+ splitter1.SplitterDistance = 293;
+ splitter1.SplitterWidth = 2;
+ splitter1.TabIndex = 1;
+ splitter1.Text = "button1";
+ //
+ // label1
+ //
+ label1.Dock = DockStyle.Fill;
+ label1.Location = new Point(0, 0);
+ label1.Name = "label1";
+ label1.Size = new Size(293, 511);
+ label1.TabIndex = 0;
+ label1.Text = "First";
+ label1.TextAlign = ContentAlignment.MiddleCenter;
+ //
+ // label2
+ //
+ label2.Dock = DockStyle.Fill;
+ label2.Location = new Point(0, 0);
+ label2.Name = "label2";
+ label2.Size = new Size(321, 511);
+ label2.TabIndex = 0;
+ label2.Text = "Second";
+ label2.TextAlign = ContentAlignment.MiddleCenter;
+ //
+ // Splitter
+ //
+ Controls.Add(splitter1);
+ Controls.Add(header1);
+ Font = new Font("Microsoft YaHei UI", 12F);
+ Name = "Splitter";
+ Size = new Size(616, 585);
+ splitter1.Panel1.ResumeLayout(false);
+ splitter1.Panel2.ResumeLayout(false);
+ ((System.ComponentModel.ISupportInitialize)splitter1).EndInit();
+ splitter1.ResumeLayout(false);
+ ResumeLayout(false);
+ }
+
+ #endregion
+
+ private AntdUI.PageHeader header1;
+ private AntdUI.Splitter splitter1;
+ private AntdUI.Label label1;
+ private AntdUI.Label label2;
+ }
+}
\ No newline at end of file
diff --git a/example/Demo/Controls/Splitter.cs b/example/Demo/Controls/Splitter.cs
new file mode 100644
index 00000000..7ac9556c
--- /dev/null
+++ b/example/Demo/Controls/Splitter.cs
@@ -0,0 +1,32 @@
+// COPYRIGHT (C) Tom. ALL RIGHTS RESERVED.
+// THE AntdUI PROJECT IS AN WINFORM LIBRARY LICENSED UNDER THE Apache-2.0 License.
+// 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.
+// GITEE: https://gitee.com/antdui/AntdUI
+// GITHUB: https://github.com/AntdUI/AntdUI
+// CSDN: https://blog.csdn.net/v_132
+// QQ: 17379620
+
+using System.Windows.Forms;
+
+namespace Demo.Controls
+{
+ public partial class Splitter : UserControl
+ {
+ Form form;
+ public Splitter(Form _form)
+ {
+ form = _form;
+ InitializeComponent();
+ }
+ }
+}
\ No newline at end of file
diff --git a/example/Demo/Controls/Splitter.resx b/example/Demo/Controls/Splitter.resx
new file mode 100644
index 00000000..8b2ff64a
--- /dev/null
+++ b/example/Demo/Controls/Splitter.resx
@@ -0,0 +1,120 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ text/microsoft-resx
+
+
+ 2.0
+
+
+ System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089
+
+
+ System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089
+
+
\ No newline at end of file
diff --git a/example/Demo/Localizer.cs b/example/Demo/Localizer.cs
index 1fdc4016..7fd1d488 100644
--- a/example/Demo/Localizer.cs
+++ b/example/Demo/Localizer.cs
@@ -202,6 +202,12 @@ namespace Demo
case "GridPanel.Describe":
return "-The column width attribute is before, and the row height attribute is after; grouping. Each row represents the number of row height attributes corresponding to the number of rows, with spaces separating each number";
+ //Splitter ----------------------------
+ case "Splitter.Text":
+ return "Splitter";
+ case "Splitter.Description":
+ return "Split panels to isolate";
+
//Drawer ----------------------------
case "Drawer.Text":
return "Drawer";
diff --git a/example/Demo/Overview.cs b/example/Demo/Overview.cs
index 7bc736085f92633a1152cae2f6ef27c2e5eb07a5..2813120ce47ce4d0e482a8ff4d5f9c15d59e55ab 100644
GIT binary patch
delta 127
zcmeBJ!n|%d^M+kslQ&3+aTYM-Fk~{6FqBO0m&--sG0LY;c8HdnyuhDh^8+tFi^(kQ
vcG7Ug45
+ /// 查找类似 <svg viewBox="0 0 160 112" fill="none"><rect width="160" height="112" rx="4" fill="#1668DC" fill-opacity="0.2"/><path opacity="0.5" d="M10 12C10 10.8954 10.8954 10 12 10H56V102H12C10.8954 102 10 101.105 10 100V12Z" fill="#1668DC" fill-opacity="0.8"/><rect opacity="0.5" x="57" y="10" width="46" height="92" fill="#1668DC" fill-opacity="0.8"/><path opacity="0.5" d="M104 10H148C149.105 10 150 10.8954 150 12V100C150 101.105 149.105 102 148 102H104V10Z" fill="#1668DC" fill-opacity="0.8"/><path d="M55.625 49H57.37 [字符串的其余部分被截断]"; 的本地化字符串。
+ ///
+ internal static string Splitter {
+ get {
+ return ResourceManager.GetString("Splitter", resourceCulture);
+ }
+ }
+
///
/// 查找类似 <svg viewBox="0 0 108 116" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="组件骨架图更新" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="🎉-5.0-新版---黑" transform="translate(-566.000000, -1360.000000)"><g id="Steps" transform="translate(566.000000, 1360.400000)"><g id="导航/Steps步骤条/Light/小-垂直-带描述-完成项"><text id="Finished" font-family="PingFangSC-Regular, PingFang SC" font-size="9.60000038" font-weight="normal" line-spacing="14.4" fill="#FFFFFF" fill-opacity="0.88"><tspan x="19.2" y="10">Fini [字符串的其余部分被截断]"; 的本地化字符串。
///
diff --git a/example/Demo/res_dark.resx b/example/Demo/res_dark.resx
index 1d2cfda4..b692b84f 100644
--- a/example/Demo/res_dark.resx
+++ b/example/Demo/res_dark.resx
@@ -219,6 +219,9 @@
<svg viewBox="0 0 150 14" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="组件骨架图更新" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="🎉-5.0-新版---黑" transform="translate(-1270.000000, -2228.000000)"><g id="Silder" transform="translate(1270.000000, 2228.000000)"><rect id="Rectangle-20" fill-opacity="0.08" fill="#FFFFFF" x="0" y="5" width="150" height="4" rx="2"></rect><path d="M1,7 C1,5.8954305 1.89453347,5 3.00606883,5 L73.9939312,5 C75.1018524,5 76,5.88772964 76,7 L76,7 C76,8.1045695 75.1054665,9 73.9939312,9 L3.00606883,9 C1.89814761,9 1,8.11227036 1,7 L1,7 Z" id="Rectangle-20-Copy-3" fill="#1677FF" fill-rule="nonzero"></path><circle id="Oval" stroke="#1677FF" stroke-width="3" fill="#141414" cx="81" cy="7" r="5.5"></circle></g></g></g></svg>
+
+ <svg viewBox="0 0 160 112" fill="none"><rect width="160" height="112" rx="4" fill="#1668DC" fill-opacity="0.2"/><path opacity="0.5" d="M10 12C10 10.8954 10.8954 10 12 10H56V102H12C10.8954 102 10 101.105 10 100V12Z" fill="#1668DC" fill-opacity="0.8"/><rect opacity="0.5" x="57" y="10" width="46" height="92" fill="#1668DC" fill-opacity="0.8"/><path opacity="0.5" d="M104 10H148C149.105 10 150 10.8954 150 12V100C150 101.105 149.105 102 148 102H104V10Z" fill="#1668DC" fill-opacity="0.8"/><path d="M55.625 49H57.375V63H55.625V49ZM52.125 53.375L49.5 56L52.125 58.625V56.875H54.75V55.125H52.125V53.375ZM63.5 56L60.875 53.375V55.125H58.25V56.875H60.875V58.625L63.5 56Z" fill="#ffffff"/><path d="M102.625 49H104.375V63H102.625V49ZM99.125 53.375L96.5 56L99.125 58.625V56.875H101.75V55.125H99.125V53.375ZM110.5 56L107.875 53.375V55.125H105.25V56.875H107.875V58.625L110.5 56Z" fill="#ffffff"/></svg>
+
<svg viewBox="0 0 108 116" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="组件骨架图更新" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="🎉-5.0-新版---黑" transform="translate(-566.000000, -1360.000000)"><g id="Steps" transform="translate(566.000000, 1360.400000)"><g id="导航/Steps步骤条/Light/小-垂直-带描述-完成项"><text id="Finished" font-family="PingFangSC-Regular, PingFang SC" font-size="9.60000038" font-weight="normal" line-spacing="14.4" fill="#FFFFFF" fill-opacity="0.88"><tspan x="19.2" y="10">Finished</tspan></text><text id="这里是描述文案" font-family="PingFangSC-Regular, PingFang SC" font-size="8.39999962" font-weight="normal" line-spacing="13.2" fill="#FFFFFF" fill-opacity="0.45"><tspan x="19.2" y="26.4">This is a description</tspan></text><g id="Icon/Steps-Finished" transform="translate(0.000000, 0.600000)"><circle id="椭圆形" stroke="#167CDB" cx="7.2" cy="7.2" r="6.7"></circle><g id="check-outlined" transform="translate(3.600000, 3.600000)" fill="#1677FF" fill-rule="nonzero"><rect id="矩形" opacity="0" x="0" y="0" width="7.2" height="7.2"></rect><path d="M6.4125,1.3359375 L5.92101562,1.3359375 C5.85210937,1.3359375 5.78671875,1.36757813 5.74453125,1.42171875 L2.84554687,5.09414062 L1.45546875,3.3328125 C1.41257812,3.27867187 1.34789062,3.24703125 1.27898437,3.24703125 L0.7875,3.24703125 C0.740390625,3.24703125 0.714375,3.30117187 0.743203125,3.33773437 L2.6690625,5.77757812 C2.7590625,5.89148438 2.93203125,5.89148438 3.02273437,5.77757812 L6.45679687,1.4259375 C6.485625,1.39007813 6.45960937,1.3359375 6.4125,1.3359375 Z" id="路径"></path></g></g><g id="导航/Steps步骤条/Light/垂直分割线" transform="translate(7.200000, 19.800000)" fill="#FFFFFF" fill-opacity="0.15"><rect id="Divider" x="0" y="0" width="1" height="19.2"></rect></g></g><g id="导航/Steps步骤条/Light/小-垂直-带描述-当前项" transform="translate(0.000000, 43.643478)"><text id="Finished" font-family="PingFangSC-Medium, PingFang SC" font-size="5.03999977" font-weight="400" line-spacing="13.2" fill="#FFFFFF" fill-opacity="0.88"><tspan x="19.2" y="5">In Progress</tspan></text><text id="这里是描述文案" font-family="PingFangSC-Regular, PingFang SC" font-size="5.03999977" font-weight="normal" line-spacing="13.2" fill="#FFFFFF" fill-opacity="0.45"><tspan x="19.2" y="20.6">This is a description</tspan></text><g id="导航/Steps步骤条/Light/垂直分割线" transform="translate(7.200000, 19.200000)" fill="#FFFFFF" fill-opacity="0.15"><rect id="Divider" x="0" y="0" width="1" height="19.2"></rect></g><g id="Icon/Steps-Active"><circle id="Active" fill="#1677FF" cx="7.2" cy="7.2" r="7.2"></circle><text id="Number" font-family="PingFangSC-Regular, PingFang SC" font-size="8.4" font-weight="normal" line-spacing="13.2" fill="#FFFFFF"><tspan x="4.68" y="9.6">2</tspan></text></g></g><text id="Finished" font-family="PingFangSC-Regular, PingFang SC" font-size="8.39999962" font-weight="normal" line-spacing="13.2" fill="#FFFFFF" fill-opacity="0.45"><tspan x="19.2" y="95.6869565">Waiting</tspan></text><text id="这里是描述文案" font-family="PingFangSC-Regular, PingFang SC" font-size="8.39999962" font-weight="normal" line-spacing="13.2" fill="#FFFFFF" fill-opacity="0.45"><tspan x="19.2" y="111.286957">This is a description</tspan></text><g id="Icon/Steps-Normal" transform="translate(0.000000, 86.686957)"><circle id="椭圆形" stroke-opacity="0.2" stroke="#FFFFFF" cx="7.2" cy="7.2" r="6.7"></circle><text id="↳-Number" font-family="PingFangSC-Regular, PingFang SC" font-size="8.39999962" font-weight="normal" line-spacing="13.2" fill="#FFFFFF" fill-opacity="0.45"><tspan x="5" y="9.6">3</tspan></text></g></g></g></g></svg>
diff --git a/example/Demo/res_light.Designer.cs b/example/Demo/res_light.Designer.cs
index 948f329e..54204f93 100644
--- a/example/Demo/res_light.Designer.cs
+++ b/example/Demo/res_light.Designer.cs
@@ -366,6 +366,15 @@ namespace Demo {
}
}
+ ///
+ /// 查找类似 <svg viewBox="0 0 160 112"><rect width="160" height="112" rx="4" fill="#1668DC" fill-opacity="0.1"/><path d="M10 12C10 10.8954 10.8954 10 12 10H56V102H12C10.8954 102 10 101.105 10 100V12Z" fill="#ffffff"/><rect x="57" y="10" width="46" height="92" fill="#ffffff"/><path d="M104 10H148C149.105 10 150 10.8954 150 12V100C150 101.105 149.105 102 148 102H104V10Z" fill="#ffffff"/><path d="M55.625 49H57.375V63H55.625V49ZM52.125 53.375L49.5 56L52.125 58.625V56.875H54.75V55.125H52.125V53.375ZM63.5 56L60.875 53.375V55 [字符串的其余部分被截断]"; 的本地化字符串。
+ ///
+ internal static string Splitter {
+ get {
+ return ResourceManager.GetString("Splitter", resourceCulture);
+ }
+ }
+
///
/// 查找类似 <svg viewBox="0 0 108 116" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="组件骨架图更新" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="🎉-5.0-新版" transform="translate(-566.000000, -1360.000000)"><g id="小-垂直-带描述" transform="translate(566.000000, 1361.000000)"><g id="导航/Steps步骤条/Light/小-垂直-带描述-完成项" transform="translate(0.000000, -0.600000)"><text id="Finished" font-family="PingFangSC-Regular, PingFang SC" font-size="9.6" font-weight="normal" line-spacing="14.4" fill="#000000" fill-opacity [字符串的其余部分被截断]"; 的本地化字符串。
///
diff --git a/example/Demo/res_light.resx b/example/Demo/res_light.resx
index a9d33c94..04c64b76 100644
--- a/example/Demo/res_light.resx
+++ b/example/Demo/res_light.resx
@@ -219,6 +219,9 @@
<svg viewBox="0 0 150 14" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="组件骨架图更新" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="🎉-5.0-新版" transform="translate(-1270.000000, -2228.000000)"><g id="Silder" transform="translate(1270.000000, 2228.000000)"><rect id="Rectangle-20" fill-opacity="0.04" fill="#000000" x="0" y="5" width="150" height="4" rx="2"></rect><path d="M1,7 C1,5.8954305 1.89453347,5 3.00606883,5 L73.9939312,5 C75.1018524,5 76,5.88772964 76,7 L76,7 C76,8.1045695 75.1054665,9 73.9939312,9 L3.00606883,9 C1.89814761,9 1,8.11227036 1,7 L1,7 Z" id="Rectangle-20-Copy-3" fill="#1890FF" fill-rule="nonzero" opacity="0.45"></path><g id="Group" transform="translate(74.000000, 0.000000)" fill-rule="nonzero"><circle id="Oval" fill="#FFFFFF" cx="7" cy="7" r="7"></circle><circle id="Oval-2" fill="#1890FF" opacity="0.45" cx="7" cy="7" r="7"></circle><circle id="Oval-2" fill="#FFFFFF" cx="7" cy="7" r="5"></circle></g></g></g></g></svg>
+
+ <svg viewBox="0 0 160 112"><rect width="160" height="112" rx="4" fill="#1668DC" fill-opacity="0.1"/><path d="M10 12C10 10.8954 10.8954 10 12 10H56V102H12C10.8954 102 10 101.105 10 100V12Z" fill="#ffffff"/><rect x="57" y="10" width="46" height="92" fill="#ffffff"/><path d="M104 10H148C149.105 10 150 10.8954 150 12V100C150 101.105 149.105 102 148 102H104V10Z" fill="#ffffff"/><path d="M55.625 49H57.375V63H55.625V49ZM52.125 53.375L49.5 56L52.125 58.625V56.875H54.75V55.125H52.125V53.375ZM63.5 56L60.875 53.375V55.125H58.25V56.875H60.875V58.625L63.5 56Z" fill="#1668DC"/><path d="M102.625 49H104.375V63H102.625V49ZM99.125 53.375L96.5 56L99.125 58.625V56.875H101.75V55.125H99.125V53.375ZM110.5 56L107.875 53.375V55.125H105.25V56.875H107.875V58.625L110.5 56Z" fill="#1668DC"/></svg>
+
<svg viewBox="0 0 108 116" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="组件骨架图更新" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="🎉-5.0-新版" transform="translate(-566.000000, -1360.000000)"><g id="小-垂直-带描述" transform="translate(566.000000, 1361.000000)"><g id="导航/Steps步骤条/Light/小-垂直-带描述-完成项" transform="translate(0.000000, -0.600000)"><text id="Finished" font-family="PingFangSC-Regular, PingFang SC" font-size="9.6" font-weight="normal" line-spacing="14.4" fill="#000000" fill-opacity="0.88"><tspan x="19.2" y="10">Finished</tspan></text><text id="这里是描述文案" font-family="PingFangSC-Regular, PingFang SC" font-size="8.4" font-weight="normal" line-spacing="13.2" fill="#000000" fill-opacity="0.45"><tspan x="19.2" y="26.4">This is a description</tspan></text><g id="Icon/Steps-Finished" transform="translate(0.000000, 0.600000)"><circle id="椭圆形" fill="#E6F4FF" cx="7.2" cy="7.2" r="7.2"></circle><g id="check-outlined" transform="translate(3.600000, 3.600000)" fill="#1677FF" fill-rule="nonzero"><rect id="矩形" opacity="0" x="0" y="0" width="7.2" height="7.2"></rect><path d="M6.4125,1.3359375 L5.92101562,1.3359375 C5.85210937,1.3359375 5.78671875,1.36757813 5.74453125,1.42171875 L2.84554687,5.09414062 L1.45546875,3.3328125 C1.41257812,3.27867187 1.34789062,3.24703125 1.27898437,3.24703125 L0.7875,3.24703125 C0.740390625,3.24703125 0.714375,3.30117187 0.743203125,3.33773437 L2.6690625,5.77757812 C2.7590625,5.89148438 2.93203125,5.89148438 3.02273437,5.77757812 L6.45679687,1.4259375 C6.485625,1.39007813 6.45960937,1.3359375 6.4125,1.3359375 Z" id="路径"></path></g></g><g id="导航/Steps步骤条/Light/垂直分割线" transform="translate(7.200000, 19.800000)" fill="#000000" fill-opacity="0.15"><rect id="Divider" x="0" y="0" width="1" height="19.0434783"></rect></g></g><g id="导航/Steps步骤条/Light/小-垂直-带描述-当前项" transform="translate(0.000000, 43.017391)"><text id="Finished" font-family="PingFangSC-Medium, PingFang SC" font-size="8.4" font-weight="400" line-spacing="13.2" fill="#000000" fill-opacity="0.88"><tspan x="19.2" y="9.02608696">In Progress</tspan></text><text id="这里是描述文案" font-family="PingFangSC-Regular, PingFang SC" font-size="8.4" font-weight="normal" line-spacing="13.2" fill="#000000" fill-opacity="0.45"><tspan x="19.2" y="24.626087">This is a description</tspan></text><g id="导航/Steps步骤条/Light/垂直分割线" transform="translate(7.200000, 19.226087)" fill="#000000" fill-opacity="0.15"><rect id="Divider" x="0" y="0" width="1" height="19.0434783"></rect></g><g id="Icon/Steps-Active" transform="translate(0.000000, -0.000000)"><circle id="Active" fill="#1677FF" cx="7.2" cy="7.2" r="7.2"></circle><text id="Number" font-family="PingFangSC-Regular, PingFang SC" font-size="8.4" font-weight="normal" line-spacing="13.2" fill="#FFFFFF"><tspan x="4.68" y="9.6">2</tspan></text></g></g><g id="导航/Steps步骤条/Light/小-垂直-带描述-待处理" transform="translate(0.000000, 86.086957)" fill="#000000"><text id="Finished" font-family="PingFangSC-Regular, PingFang SC" font-size="8.4" font-weight="normal" line-spacing="13.2" fill-opacity="0.45"><tspan x="19.2" y="9">Waiting</tspan></text><text id="这里是描述文案" font-family="PingFangSC-Regular, PingFang SC" font-size="8.4" font-weight="normal" line-spacing="13.2" fill-opacity="0.45"><tspan x="19.2" y="24.6">This is a description</tspan></text><g id="Icon/Steps-Normal"><circle id="椭圆形" fill-opacity="0.06" cx="7.2" cy="7.2" r="7.2"></circle><text id="↳-Number" font-family="PingFangSC-Regular, PingFang SC" font-size="8.4" font-weight="normal" line-spacing="13.2" fill-opacity="0.45"><tspan x="5.4" y="9.6">3</tspan></text></g></g></g></g></g></svg>
diff --git a/example/SVGView/Main.Designer.cs b/example/SVGView/Main.Designer.cs
index 8395e7b9..6e7aa9d5 100644
--- a/example/SVGView/Main.Designer.cs
+++ b/example/SVGView/Main.Designer.cs
@@ -99,6 +99,7 @@ namespace SVGView
//
// input1
//
+ input1.AutoScroll = true;
input1.Dock = DockStyle.Left;
input1.Location = new Point(0, 36);
input1.Multiline = true;