diff --git a/Views/SegmentedDemo.Designer.cs b/Views/SegmentedDemo.Designer.cs
index eb725bd..6ee5dc2 100644
--- a/Views/SegmentedDemo.Designer.cs
+++ b/Views/SegmentedDemo.Designer.cs
@@ -28,13 +28,8 @@
///
private void InitializeComponent()
{
- AntdUI.SegmentedItem segmentedItem1 = new AntdUI.SegmentedItem();
- System.ComponentModel.ComponentResourceManager resources = new System.ComponentModel.ComponentResourceManager(typeof(SegmentedDemo));
- AntdUI.SegmentedItem segmentedItem2 = new AntdUI.SegmentedItem();
- AntdUI.SegmentedItem segmentedItem3 = new AntdUI.SegmentedItem();
- AntdUI.SegmentedItem segmentedItem4 = new AntdUI.SegmentedItem();
- AntdUI.SegmentedItem segmentedItem5 = new AntdUI.SegmentedItem();
AntdUI.SegmentedItem segmentedItem6 = new AntdUI.SegmentedItem();
+ System.ComponentModel.ComponentResourceManager resources = new System.ComponentModel.ComponentResourceManager(typeof(SegmentedDemo));
AntdUI.SegmentedItem segmentedItem7 = new AntdUI.SegmentedItem();
AntdUI.SegmentedItem segmentedItem8 = new AntdUI.SegmentedItem();
AntdUI.SegmentedItem segmentedItem9 = new AntdUI.SegmentedItem();
@@ -69,6 +64,11 @@
AntdUI.SegmentedItem segmentedItem38 = new AntdUI.SegmentedItem();
AntdUI.SegmentedItem segmentedItem39 = new AntdUI.SegmentedItem();
AntdUI.SegmentedItem segmentedItem40 = new AntdUI.SegmentedItem();
+ AntdUI.SegmentedItem segmentedItem1 = new AntdUI.SegmentedItem();
+ AntdUI.SegmentedItem segmentedItem2 = new AntdUI.SegmentedItem();
+ AntdUI.SegmentedItem segmentedItem3 = new AntdUI.SegmentedItem();
+ AntdUI.SegmentedItem segmentedItem4 = new AntdUI.SegmentedItem();
+ AntdUI.SegmentedItem segmentedItem5 = new AntdUI.SegmentedItem();
this.stackPanel1 = new AntdUI.StackPanel();
this.flowPanel8 = new AntdUI.FlowPanel();
this.segmented8 = new AntdUI.Segmented();
@@ -77,8 +77,6 @@
this.label5 = new AntdUI.Label();
this.flowPanel7 = new AntdUI.FlowPanel();
this.segmented7 = new AntdUI.Segmented();
- this.flowPanel3 = new AntdUI.FlowPanel();
- this.segmented3 = new AntdUI.Segmented();
this.flowPanel5 = new AntdUI.FlowPanel();
this.segmented5 = new AntdUI.Segmented();
this.flowPanel2 = new AntdUI.FlowPanel();
@@ -91,11 +89,11 @@
this.segmented1 = new AntdUI.Segmented();
this.label3 = new AntdUI.Label();
this.header1 = new AntdUI.PageHeader();
+ this.segmented9 = new AntdUI.Segmented();
this.stackPanel1.SuspendLayout();
this.flowPanel8.SuspendLayout();
this.flowPanel4.SuspendLayout();
this.flowPanel7.SuspendLayout();
- this.flowPanel3.SuspendLayout();
this.flowPanel5.SuspendLayout();
this.flowPanel2.SuspendLayout();
this.flowPanel6.SuspendLayout();
@@ -109,7 +107,6 @@
this.stackPanel1.Controls.Add(this.flowPanel4);
this.stackPanel1.Controls.Add(this.label5);
this.stackPanel1.Controls.Add(this.flowPanel7);
- this.stackPanel1.Controls.Add(this.flowPanel3);
this.stackPanel1.Controls.Add(this.flowPanel5);
this.stackPanel1.Controls.Add(this.flowPanel2);
this.stackPanel1.Controls.Add(this.label4);
@@ -120,17 +117,18 @@
this.stackPanel1.Dock = System.Windows.Forms.DockStyle.Fill;
this.stackPanel1.Location = new System.Drawing.Point(0, 74);
this.stackPanel1.Name = "stackPanel1";
- this.stackPanel1.Size = new System.Drawing.Size(750, 623);
+ this.stackPanel1.Size = new System.Drawing.Size(750, 837);
this.stackPanel1.TabIndex = 0;
this.stackPanel1.Text = "stackPanel1";
this.stackPanel1.Vertical = true;
//
// flowPanel8
//
+ this.flowPanel8.Controls.Add(this.segmented9);
this.flowPanel8.Controls.Add(this.segmented8);
- this.flowPanel8.Location = new System.Drawing.Point(3, 507);
+ this.flowPanel8.Location = new System.Drawing.Point(3, 463);
this.flowPanel8.Name = "flowPanel8";
- this.flowPanel8.Size = new System.Drawing.Size(744, 76);
+ this.flowPanel8.Size = new System.Drawing.Size(744, 371);
this.flowPanel8.TabIndex = 45;
this.flowPanel8.Text = "flowPanel8";
//
@@ -140,39 +138,40 @@
this.segmented8.BarPosition = AntdUI.TAlignMini.Bottom;
this.segmented8.Font = new System.Drawing.Font("Microsoft YaHei UI", 9F);
this.segmented8.Full = true;
- segmentedItem1.IconActiveSvg = resources.GetString("segmentedItem1.IconActiveSvg");
- segmentedItem1.IconSvg = resources.GetString("segmentedItem1.IconSvg");
- segmentedItem1.Text = "主页";
- segmentedItem2.IconActiveSvg = resources.GetString("segmentedItem2.IconActiveSvg");
- segmentedItem2.IconSvg = resources.GetString("segmentedItem2.IconSvg");
- segmentedItem2.Text = "消息";
- segmentedItem3.IconActiveSvg = resources.GetString("segmentedItem3.IconActiveSvg");
- segmentedItem3.IconSvg = resources.GetString("segmentedItem3.IconSvg");
- segmentedItem3.Text = "相册";
- segmentedItem4.IconActiveSvg = resources.GetString("segmentedItem4.IconActiveSvg");
- segmentedItem4.IconSvg = resources.GetString("segmentedItem4.IconSvg");
- segmentedItem4.Text = "设置";
- segmentedItem5.IconActiveSvg = resources.GetString("segmentedItem5.IconActiveSvg");
- segmentedItem5.IconSvg = resources.GetString("segmentedItem5.IconSvg");
- segmentedItem5.Text = "收藏";
- this.segmented8.Items.Add(segmentedItem1);
- this.segmented8.Items.Add(segmentedItem2);
- this.segmented8.Items.Add(segmentedItem3);
- this.segmented8.Items.Add(segmentedItem4);
- this.segmented8.Items.Add(segmentedItem5);
+ segmentedItem6.IconActiveSvg = resources.GetString("segmentedItem6.IconActiveSvg");
+ segmentedItem6.IconSvg = resources.GetString("segmentedItem6.IconSvg");
+ segmentedItem6.Text = "主页";
+ segmentedItem7.IconActiveSvg = resources.GetString("segmentedItem7.IconActiveSvg");
+ segmentedItem7.IconSvg = resources.GetString("segmentedItem7.IconSvg");
+ segmentedItem7.Text = "消息";
+ segmentedItem8.IconActiveSvg = resources.GetString("segmentedItem8.IconActiveSvg");
+ segmentedItem8.IconSvg = resources.GetString("segmentedItem8.IconSvg");
+ segmentedItem8.Text = "相册";
+ segmentedItem9.IconActiveSvg = resources.GetString("segmentedItem9.IconActiveSvg");
+ segmentedItem9.IconSvg = resources.GetString("segmentedItem9.IconSvg");
+ segmentedItem9.Text = "设置";
+ segmentedItem10.IconActiveSvg = resources.GetString("segmentedItem10.IconActiveSvg");
+ segmentedItem10.IconSvg = resources.GetString("segmentedItem10.IconSvg");
+ segmentedItem10.Text = "收藏";
+ this.segmented8.Items.Add(segmentedItem6);
+ this.segmented8.Items.Add(segmentedItem7);
+ this.segmented8.Items.Add(segmentedItem8);
+ this.segmented8.Items.Add(segmentedItem9);
+ this.segmented8.Items.Add(segmentedItem10);
this.segmented8.Location = new System.Drawing.Point(3, 3);
this.segmented8.Name = "segmented8";
this.segmented8.SelectIndex = 0;
- this.segmented8.Size = new System.Drawing.Size(500, 70);
+ this.segmented8.Size = new System.Drawing.Size(121, 355);
this.segmented8.TabIndex = 0;
this.segmented8.Text = "segmented8";
+ this.segmented8.Vertical = true;
//
// flowPanel4
//
this.flowPanel4.Controls.Add(this.segmented4);
- this.flowPanel4.Location = new System.Drawing.Point(3, 463);
+ this.flowPanel4.Location = new System.Drawing.Point(3, 381);
this.flowPanel4.Name = "flowPanel4";
- this.flowPanel4.Size = new System.Drawing.Size(744, 38);
+ this.flowPanel4.Size = new System.Drawing.Size(744, 76);
this.flowPanel4.TabIndex = 44;
this.flowPanel4.Text = "flowPanel4";
//
@@ -185,27 +184,27 @@
this.segmented4.BarSize = 4F;
this.segmented4.Font = new System.Drawing.Font("Microsoft YaHei UI", 9F);
this.segmented4.Full = true;
- segmentedItem6.Text = "Daily";
- segmentedItem7.Text = "Weekly";
- segmentedItem8.Text = "Monthly";
- segmentedItem9.Text = "Quarterly";
- segmentedItem10.Text = "Yearly";
- this.segmented4.Items.Add(segmentedItem6);
- this.segmented4.Items.Add(segmentedItem7);
- this.segmented4.Items.Add(segmentedItem8);
- this.segmented4.Items.Add(segmentedItem9);
- this.segmented4.Items.Add(segmentedItem10);
+ segmentedItem11.Text = "Daily";
+ segmentedItem12.Text = "Weekly";
+ segmentedItem13.Text = "Monthly";
+ segmentedItem14.Text = "Quarterly";
+ segmentedItem15.Text = "Yearly";
+ this.segmented4.Items.Add(segmentedItem11);
+ this.segmented4.Items.Add(segmentedItem12);
+ this.segmented4.Items.Add(segmentedItem13);
+ this.segmented4.Items.Add(segmentedItem14);
+ this.segmented4.Items.Add(segmentedItem15);
this.segmented4.Location = new System.Drawing.Point(3, 3);
this.segmented4.Name = "segmented4";
this.segmented4.SelectIndex = 0;
- this.segmented4.Size = new System.Drawing.Size(500, 32);
+ this.segmented4.Size = new System.Drawing.Size(500, 70);
this.segmented4.TabIndex = 0;
this.segmented4.Text = "segmented4";
//
// label5
//
this.label5.Font = new System.Drawing.Font("Microsoft YaHei UI", 12F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(134)));
- this.label5.Location = new System.Drawing.Point(3, 433);
+ this.label5.Location = new System.Drawing.Point(3, 351);
this.label5.Name = "label5";
this.label5.Size = new System.Drawing.Size(744, 24);
this.label5.TabIndex = 43;
@@ -214,7 +213,7 @@
// flowPanel7
//
this.flowPanel7.Controls.Add(this.segmented7);
- this.flowPanel7.Location = new System.Drawing.Point(3, 351);
+ this.flowPanel7.Location = new System.Drawing.Point(3, 269);
this.flowPanel7.Name = "flowPanel7";
this.flowPanel7.Size = new System.Drawing.Size(744, 76);
this.flowPanel7.TabIndex = 42;
@@ -225,26 +224,26 @@
this.segmented7.BackActive = System.Drawing.Color.FromArgb(((int)(((byte)(100)))), ((int)(((byte)(255)))), ((int)(((byte)(87)))), ((int)(((byte)(34)))));
this.segmented7.Font = new System.Drawing.Font("Microsoft YaHei UI", 9F);
this.segmented7.Full = true;
- segmentedItem11.IconActiveSvg = resources.GetString("segmentedItem11.IconActiveSvg");
- segmentedItem11.IconSvg = resources.GetString("segmentedItem11.IconSvg");
- segmentedItem11.Text = "主页";
- segmentedItem12.IconActiveSvg = resources.GetString("segmentedItem12.IconActiveSvg");
- segmentedItem12.IconSvg = resources.GetString("segmentedItem12.IconSvg");
- segmentedItem12.Text = "消息";
- segmentedItem13.IconActiveSvg = resources.GetString("segmentedItem13.IconActiveSvg");
- segmentedItem13.IconSvg = resources.GetString("segmentedItem13.IconSvg");
- segmentedItem13.Text = "相册";
- segmentedItem14.IconActiveSvg = resources.GetString("segmentedItem14.IconActiveSvg");
- segmentedItem14.IconSvg = resources.GetString("segmentedItem14.IconSvg");
- segmentedItem14.Text = "设置";
- segmentedItem15.IconActiveSvg = resources.GetString("segmentedItem15.IconActiveSvg");
- segmentedItem15.IconSvg = resources.GetString("segmentedItem15.IconSvg");
- segmentedItem15.Text = "收藏";
- this.segmented7.Items.Add(segmentedItem11);
- this.segmented7.Items.Add(segmentedItem12);
- this.segmented7.Items.Add(segmentedItem13);
- this.segmented7.Items.Add(segmentedItem14);
- this.segmented7.Items.Add(segmentedItem15);
+ segmentedItem16.IconActiveSvg = resources.GetString("segmentedItem16.IconActiveSvg");
+ segmentedItem16.IconSvg = resources.GetString("segmentedItem16.IconSvg");
+ segmentedItem16.Text = "主页";
+ segmentedItem17.IconActiveSvg = resources.GetString("segmentedItem17.IconActiveSvg");
+ segmentedItem17.IconSvg = resources.GetString("segmentedItem17.IconSvg");
+ segmentedItem17.Text = "消息";
+ segmentedItem18.IconActiveSvg = resources.GetString("segmentedItem18.IconActiveSvg");
+ segmentedItem18.IconSvg = resources.GetString("segmentedItem18.IconSvg");
+ segmentedItem18.Text = "相册";
+ segmentedItem19.IconActiveSvg = resources.GetString("segmentedItem19.IconActiveSvg");
+ segmentedItem19.IconSvg = resources.GetString("segmentedItem19.IconSvg");
+ segmentedItem19.Text = "设置";
+ segmentedItem20.IconActiveSvg = resources.GetString("segmentedItem20.IconActiveSvg");
+ segmentedItem20.IconSvg = resources.GetString("segmentedItem20.IconSvg");
+ segmentedItem20.Text = "收藏";
+ this.segmented7.Items.Add(segmentedItem16);
+ this.segmented7.Items.Add(segmentedItem17);
+ this.segmented7.Items.Add(segmentedItem18);
+ this.segmented7.Items.Add(segmentedItem19);
+ this.segmented7.Items.Add(segmentedItem20);
this.segmented7.Location = new System.Drawing.Point(3, 3);
this.segmented7.Name = "segmented7";
this.segmented7.SelectIndex = 0;
@@ -252,47 +251,6 @@
this.segmented7.TabIndex = 0;
this.segmented7.Text = "segmented7";
//
- // flowPanel3
- //
- this.flowPanel3.Controls.Add(this.segmented3);
- this.flowPanel3.Location = new System.Drawing.Point(3, 269);
- this.flowPanel3.Name = "flowPanel3";
- this.flowPanel3.Size = new System.Drawing.Size(744, 76);
- this.flowPanel3.TabIndex = 38;
- this.flowPanel3.Text = "flowPanel3";
- //
- // segmented3
- //
- this.segmented3.Font = new System.Drawing.Font("Microsoft YaHei UI", 9F);
- this.segmented3.ForeActive = System.Drawing.Color.FromArgb(((int)(((byte)(255)))), ((int)(((byte)(87)))), ((int)(((byte)(34)))));
- this.segmented3.Full = true;
- segmentedItem16.IconActiveSvg = "HomeOutlined";
- segmentedItem16.IconSvg = "HomeOutlined";
- segmentedItem16.Text = "主页";
- segmentedItem17.IconActiveSvg = "MessageOutlined";
- segmentedItem17.IconSvg = "MessageOutlined";
- segmentedItem17.Text = "消息";
- segmentedItem18.IconActiveSvg = "MailOutlined";
- segmentedItem18.IconSvg = "MailOutlined";
- segmentedItem18.Text = "邮件";
- segmentedItem19.IconActiveSvg = "PhoneOutlined";
- segmentedItem19.IconSvg = "PhoneOutlined";
- segmentedItem19.Text = "电话";
- segmentedItem20.IconActiveSvg = "UserOutlined";
- segmentedItem20.IconSvg = "UserOutlined";
- segmentedItem20.Text = "朋友";
- this.segmented3.Items.Add(segmentedItem16);
- this.segmented3.Items.Add(segmentedItem17);
- this.segmented3.Items.Add(segmentedItem18);
- this.segmented3.Items.Add(segmentedItem19);
- this.segmented3.Items.Add(segmentedItem20);
- this.segmented3.Location = new System.Drawing.Point(3, 3);
- this.segmented3.Name = "segmented3";
- this.segmented3.SelectIndex = 0;
- this.segmented3.Size = new System.Drawing.Size(500, 70);
- this.segmented3.TabIndex = 0;
- this.segmented3.Text = "segmented3";
- //
// flowPanel5
//
this.flowPanel5.Controls.Add(this.segmented5);
@@ -466,17 +424,43 @@
this.header1.Text = "Segmented 分段控制器";
this.header1.UseTitleFont = true;
//
+ // segmented9
+ //
+ this.segmented9.BackActive = System.Drawing.Color.FromArgb(((int)(((byte)(255)))), ((int)(((byte)(87)))), ((int)(((byte)(34)))));
+ this.segmented9.BarPadding = 8;
+ this.segmented9.BarPosition = AntdUI.TAlignMini.Bottom;
+ this.segmented9.BarRadius = 4;
+ this.segmented9.BarSize = 4F;
+ this.segmented9.Font = new System.Drawing.Font("Microsoft YaHei UI", 9F);
+ this.segmented9.Full = true;
+ segmentedItem1.Text = "Daily";
+ segmentedItem2.Text = "Weekly";
+ segmentedItem3.Text = "Monthly";
+ segmentedItem4.Text = "Quarterly";
+ segmentedItem5.Text = "Yearly";
+ this.segmented9.Items.Add(segmentedItem1);
+ this.segmented9.Items.Add(segmentedItem2);
+ this.segmented9.Items.Add(segmentedItem3);
+ this.segmented9.Items.Add(segmentedItem4);
+ this.segmented9.Items.Add(segmentedItem5);
+ this.segmented9.Location = new System.Drawing.Point(130, 3);
+ this.segmented9.Name = "segmented9";
+ this.segmented9.SelectIndex = 0;
+ this.segmented9.Size = new System.Drawing.Size(81, 355);
+ this.segmented9.TabIndex = 1;
+ this.segmented9.Text = "segmented9";
+ this.segmented9.Vertical = true;
+ //
// SegmentedDemo
//
this.Controls.Add(this.stackPanel1);
this.Controls.Add(this.header1);
this.Name = "SegmentedDemo";
- this.Size = new System.Drawing.Size(750, 697);
+ this.Size = new System.Drawing.Size(750, 911);
this.stackPanel1.ResumeLayout(false);
this.flowPanel8.ResumeLayout(false);
this.flowPanel4.ResumeLayout(false);
this.flowPanel7.ResumeLayout(false);
- this.flowPanel3.ResumeLayout(false);
this.flowPanel5.ResumeLayout(false);
this.flowPanel2.ResumeLayout(false);
this.flowPanel6.ResumeLayout(false);
@@ -494,8 +478,6 @@
private AntdUI.FlowPanel flowPanel6;
private AntdUI.Segmented segmented6;
private AntdUI.Label label6;
- private AntdUI.FlowPanel flowPanel3;
- private AntdUI.Segmented segmented3;
private AntdUI.FlowPanel flowPanel5;
private AntdUI.Segmented segmented5;
private AntdUI.FlowPanel flowPanel2;
@@ -509,5 +491,6 @@
private AntdUI.FlowPanel flowPanel8;
private AntdUI.Segmented segmented8;
private AntdUI.PageHeader header1;
+ private AntdUI.Segmented segmented9;
}
}
diff --git a/Views/SegmentedDemo.cs b/Views/SegmentedDemo.cs
index f2fc666..8a5bccd 100644
--- a/Views/SegmentedDemo.cs
+++ b/Views/SegmentedDemo.cs
@@ -1,4 +1,5 @@
-using System.Windows.Forms;
+using AntdUI;
+using System.Windows.Forms;
namespace AntdUIDemo.Views
{
@@ -7,6 +8,9 @@ namespace AntdUIDemo.Views
public SegmentedDemo()
{
InitializeComponent();
+ segmented4.Items[0].Text = "Daily\nDaily";
+
+ segmented9.Items[0].Text = "Daily\nDaily";
}
}
}
diff --git a/Views/SegmentedDemo.resx b/Views/SegmentedDemo.resx
index e5604ed..6b07789 100644
--- a/Views/SegmentedDemo.resx
+++ b/Views/SegmentedDemo.resx
@@ -117,64 +117,64 @@
System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089
-
+
<svg t="1729846099068" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="926" width="16" height="16"><path d="M919.6 363.7L806.1 167.1c-13.5-23.4-33.4-41-56.2-51.9-20.5-11.4-43.9-17.9-68.9-17.9H332.9c-6.4 0-12.6 0.6-18.7 1.4-47 1.7-91.6 28.2-113.1 73.3l-97.6 205c-30.7 64.5-3.1 142.4 61.4 173.1 7.2 3.4 14.5 6 21.9 8v302.8c0 36.9 30 66.9 66.9 66.9h366.8c136.1 0 246.8-110.7 246.8-246.8V543.2c1.6-0.8 3.2-1.3 4.8-2.1 61.8-35.7 83.2-115.6 47.5-177.4z m-99.5 317.2c0 110.1-89.6 199.6-199.6 199.6H253.7c-10.8 0-19.7-8.8-19.7-19.7V561.7c36-3.8 69.6-22.6 91.6-52.9h64.7c20.5 45 65.7 76.6 118.1 76.6s97.6-31.6 118.1-76.6H705c27.8 35.3 71.7 52.9 115 48.7v123.4z" fill="#9473EF" p-id="927"></path></svg>
-
+
<svg t="1729846099068" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="926" width="16" height="16"><path d="M919.6 363.7L806.1 167.1c-13.5-23.4-33.4-41-56.2-51.9-20.5-11.4-43.9-17.9-68.9-17.9H332.9c-6.4 0-12.6 0.6-18.7 1.4-47 1.7-91.6 28.2-113.1 73.3l-97.6 205c-30.7 64.5-3.1 142.4 61.4 173.1 7.2 3.4 14.5 6 21.9 8v302.8c0 36.9 30 66.9 66.9 66.9h366.8c136.1 0 246.8-110.7 246.8-246.8V543.2c1.6-0.8 3.2-1.3 4.8-2.1 61.8-35.7 83.2-115.6 47.5-177.4z m-99.5 317.2c0 110.1-89.6 199.6-199.6 199.6H253.7c-10.8 0-19.7-8.8-19.7-19.7V561.7c36-3.8 69.6-22.6 91.6-52.9h64.7c20.5 45 65.7 76.6 118.1 76.6s97.6-31.6 118.1-76.6H705c27.8 35.3 71.7 52.9 115 48.7v123.4z" fill="#9473EF" p-id="927"></path></svg>
-
+
<svg t="1729846132433" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1231" width="16" height="16"><path d="M616.2 887.4H385.5c-20.5 0-37.3 16.8-37.3 37.3S365 962 385.5 962h230.7c20.5 0 37.3-16.8 37.3-37.3s-16.7-37.3-37.3-37.3zM895 794.1h-23.9V511c0-198.8-141.6-361.5-315.3-363.5v-45.8c0-21.4-17.5-39-39-39-21.4 0-39 17.5-39 39v45.6h-1.7C300.9 147.3 157.5 311 157.5 511v283.2h-23.9c-12.9 0-23.4 10.5-23.4 23.4 0 12.9 10.5 23.4 23.4 23.4H895c12.9 0 23.4-10.5 23.4-23.4 0-13-10.5-23.5-23.4-23.5zM730.8 441c0-58.5-16.3-101.7-48.4-128.6-54.7-45.7-138-31.2-138.9-31.1l-7.1-39.2c4.1-0.8 102.7-17.8 171.5 39.7 41.6 34.8 62.7 88.3 62.7 159.2h-39.8z" fill="#ED7C6C" p-id="1232"></path></svg>
-
+
<svg t="1729846132433" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1231" width="16" height="16"><path d="M616.2 887.4H385.5c-20.5 0-37.3 16.8-37.3 37.3S365 962 385.5 962h230.7c20.5 0 37.3-16.8 37.3-37.3s-16.7-37.3-37.3-37.3zM895 794.1h-23.9V511c0-198.8-141.6-361.5-315.3-363.5v-45.8c0-21.4-17.5-39-39-39-21.4 0-39 17.5-39 39v45.6h-1.7C300.9 147.3 157.5 311 157.5 511v283.2h-23.9c-12.9 0-23.4 10.5-23.4 23.4 0 12.9 10.5 23.4 23.4 23.4H895c12.9 0 23.4-10.5 23.4-23.4 0-13-10.5-23.5-23.4-23.5zM730.8 441c0-58.5-16.3-101.7-48.4-128.6-54.7-45.7-138-31.2-138.9-31.1l-7.1-39.2c4.1-0.8 102.7-17.8 171.5 39.7 41.6 34.8 62.7 88.3 62.7 159.2h-39.8z" fill="#ED7C6C" p-id="1232"></path></svg>
-
+
<svg t="1729846175447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1535" width="16" height="16"><path d="M251.627096 427.789627a52 52 0 1 0 96.561852-38.623941 52 52 0 1 0-96.561852 38.623941Z" fill="#EB625C" p-id="1536"></path><path d="M492.1 754.7c-12.3 13.8-33.3 15.5-47.7 3.9l-108.9-88.4c-63.2 61.4-127.4 125-166.4 165.3 1.9 0.1 3.8 0.6 5.7 0.6h679.3c15.3 0 29.9-3.2 43.3-8.9l-228-271.6-177.3 199.1z" fill="#EB625C" p-id="1537"></path><path d="M854.1 185.6H174.8c-60.9 0-110.6 49.8-110.6 110.6v429.1c0 32.3 14.3 61.2 36.6 81.5 30.4-33.3 90.2-93.4 208.6-207.9 12.6-12.2 32.3-13.1 45.9-2l107.1 86.9 182-204.3c6.7-7.5 16.3-11.8 26.4-11.6 10.1 0.1 19.6 4.7 26 12.4L949.1 781c9.7-16.4 15.6-35.3 15.6-55.7V296.2c0-60.8-49.8-110.6-110.6-110.6zM299.9 524.3c-64.3 0-116.4-52.1-116.4-116.4s52.1-116.4 116.4-116.4c64.3 0 116.4 52.1 116.4 116.4s-52.1 116.4-116.4 116.4z" fill="#EB625C" p-id="1538"></path></svg>
-
+
<svg t="1729846175447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1535" width="16" height="16"><path d="M251.627096 427.789627a52 52 0 1 0 96.561852-38.623941 52 52 0 1 0-96.561852 38.623941Z" fill="#EB625C" p-id="1536"></path><path d="M492.1 754.7c-12.3 13.8-33.3 15.5-47.7 3.9l-108.9-88.4c-63.2 61.4-127.4 125-166.4 165.3 1.9 0.1 3.8 0.6 5.7 0.6h679.3c15.3 0 29.9-3.2 43.3-8.9l-228-271.6-177.3 199.1z" fill="#EB625C" p-id="1537"></path><path d="M854.1 185.6H174.8c-60.9 0-110.6 49.8-110.6 110.6v429.1c0 32.3 14.3 61.2 36.6 81.5 30.4-33.3 90.2-93.4 208.6-207.9 12.6-12.2 32.3-13.1 45.9-2l107.1 86.9 182-204.3c6.7-7.5 16.3-11.8 26.4-11.6 10.1 0.1 19.6 4.7 26 12.4L949.1 781c9.7-16.4 15.6-35.3 15.6-55.7V296.2c0-60.8-49.8-110.6-110.6-110.6zM299.9 524.3c-64.3 0-116.4-52.1-116.4-116.4s52.1-116.4 116.4-116.4c64.3 0 116.4 52.1 116.4 116.4s-52.1 116.4-116.4 116.4z" fill="#EB625C" p-id="1538"></path></svg>
-
+
<svg t="1729846193373" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1689" width="16" height="16"><path d="M931.1 346.2c-10 3.1-20.4 5.3-31.3 5.3-58 0-105-47-105-105 0-25.1 9.2-47.9 23.9-66C761.2 127 689.9 88.4 610.4 71c-14.3 41-52.9 70.5-98.7 70.5-45.4 0-83.7-29-98.4-69.3-77.7 17.9-147.5 56.1-203.8 108.6 14.6 18 23.7 40.7 23.7 65.7 0 58-47 105-105 105-10.8 0-21.1-2.1-30.9-5.2-19.4 50.1-30.5 104.4-30.5 161.4 0 54.2 10.1 106 27.8 154.1 10.6-3.6 21.7-6 33.6-6 58 0 105 47 105 105 0 27.2-10.6 51.7-27.5 70.3 57.2 54.6 128.7 94 208.4 112.3 15.3-39.1 53.1-67 97.6-67 45 0 83 28.4 98 68.2 81.5-17.7 154.5-57.7 212.8-113.2-17.1-18.7-27.7-43.3-27.7-70.6 0-58 47-105 105-105 12 0 23.3 2.4 34 6.1 17.7-48.1 27.9-99.9 27.9-154.2-0.1-57-11.1-111.4-30.6-161.5zM518.6 671.1c-101.3 0-183.4-82.1-183.4-183.4 0-101.3 82.1-183.4 183.4-183.4 101.3 0 183.4 82.1 183.4 183.4-0.1 101.3-82.2 183.4-183.4 183.4z" fill="#F5BC50" p-id="1690"></path><path d="M521.5 388c-55.1 0-99.7 44.6-99.7 99.7s44.6 99.7 99.7 99.7 99.7-44.6 99.7-99.7-44.6-99.7-99.7-99.7z" fill="#F5BC50" p-id="1691"></path></svg>
-
+
<svg t="1729846193373" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1689" width="16" height="16"><path d="M931.1 346.2c-10 3.1-20.4 5.3-31.3 5.3-58 0-105-47-105-105 0-25.1 9.2-47.9 23.9-66C761.2 127 689.9 88.4 610.4 71c-14.3 41-52.9 70.5-98.7 70.5-45.4 0-83.7-29-98.4-69.3-77.7 17.9-147.5 56.1-203.8 108.6 14.6 18 23.7 40.7 23.7 65.7 0 58-47 105-105 105-10.8 0-21.1-2.1-30.9-5.2-19.4 50.1-30.5 104.4-30.5 161.4 0 54.2 10.1 106 27.8 154.1 10.6-3.6 21.7-6 33.6-6 58 0 105 47 105 105 0 27.2-10.6 51.7-27.5 70.3 57.2 54.6 128.7 94 208.4 112.3 15.3-39.1 53.1-67 97.6-67 45 0 83 28.4 98 68.2 81.5-17.7 154.5-57.7 212.8-113.2-17.1-18.7-27.7-43.3-27.7-70.6 0-58 47-105 105-105 12 0 23.3 2.4 34 6.1 17.7-48.1 27.9-99.9 27.9-154.2-0.1-57-11.1-111.4-30.6-161.5zM518.6 671.1c-101.3 0-183.4-82.1-183.4-183.4 0-101.3 82.1-183.4 183.4-183.4 101.3 0 183.4 82.1 183.4 183.4-0.1 101.3-82.2 183.4-183.4 183.4z" fill="#F5BC50" p-id="1690"></path><path d="M521.5 388c-55.1 0-99.7 44.6-99.7 99.7s44.6 99.7 99.7 99.7 99.7-44.6 99.7-99.7-44.6-99.7-99.7-99.7z" fill="#F5BC50" p-id="1691"></path></svg>
-
+
<svg t="1729846338674" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1842" width="16" height="16"><path d="M852.3 79.1H702.4v244.1h224.3V153.5c0-40.9-33.5-74.4-74.4-74.4zM323.6 79.1H173.7c-40.9 0-74.4 33.5-74.4 74.4v169.7h224.3V79.1zM703.1 411.7s23.3 202.2-187.7 19.7c-175.3 153.2-191.6 44.7-191.7-0.1v-27.1H99.3v366.9c0 99.2 81.2 180.4 180.4 180.4h264.9c210.2 0 382.1-172 382.1-382.1V404.3H703.1v7.4z" fill="#5EBFEB" p-id="1843"></path></svg>
-
+
<svg t="1729846338674" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1842" width="16" height="16"><path d="M852.3 79.1H702.4v244.1h224.3V153.5c0-40.9-33.5-74.4-74.4-74.4zM323.6 79.1H173.7c-40.9 0-74.4 33.5-74.4 74.4v169.7h224.3V79.1zM703.1 411.7s23.3 202.2-187.7 19.7c-175.3 153.2-191.6 44.7-191.7-0.1v-27.1H99.3v366.9c0 99.2 81.2 180.4 180.4 180.4h264.9c210.2 0 382.1-172 382.1-382.1V404.3H703.1v7.4z" fill="#5EBFEB" p-id="1843"></path></svg>
-
+
<svg t="1729846099068" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="926" width="16" height="16"><path d="M919.6 363.7L806.1 167.1c-13.5-23.4-33.4-41-56.2-51.9-20.5-11.4-43.9-17.9-68.9-17.9H332.9c-6.4 0-12.6 0.6-18.7 1.4-47 1.7-91.6 28.2-113.1 73.3l-97.6 205c-30.7 64.5-3.1 142.4 61.4 173.1 7.2 3.4 14.5 6 21.9 8v302.8c0 36.9 30 66.9 66.9 66.9h366.8c136.1 0 246.8-110.7 246.8-246.8V543.2c1.6-0.8 3.2-1.3 4.8-2.1 61.8-35.7 83.2-115.6 47.5-177.4z m-99.5 317.2c0 110.1-89.6 199.6-199.6 199.6H253.7c-10.8 0-19.7-8.8-19.7-19.7V561.7c36-3.8 69.6-22.6 91.6-52.9h64.7c20.5 45 65.7 76.6 118.1 76.6s97.6-31.6 118.1-76.6H705c27.8 35.3 71.7 52.9 115 48.7v123.4z" fill="#9473EF" p-id="927"></path></svg>
-
+
<svg t="1729846099068" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="926" width="16" height="16"><path d="M919.6 363.7L806.1 167.1c-13.5-23.4-33.4-41-56.2-51.9-20.5-11.4-43.9-17.9-68.9-17.9H332.9c-6.4 0-12.6 0.6-18.7 1.4-47 1.7-91.6 28.2-113.1 73.3l-97.6 205c-30.7 64.5-3.1 142.4 61.4 173.1 7.2 3.4 14.5 6 21.9 8v302.8c0 36.9 30 66.9 66.9 66.9h366.8c136.1 0 246.8-110.7 246.8-246.8V543.2c1.6-0.8 3.2-1.3 4.8-2.1 61.8-35.7 83.2-115.6 47.5-177.4z m-99.5 317.2c0 110.1-89.6 199.6-199.6 199.6H253.7c-10.8 0-19.7-8.8-19.7-19.7V561.7c36-3.8 69.6-22.6 91.6-52.9h64.7c20.5 45 65.7 76.6 118.1 76.6s97.6-31.6 118.1-76.6H705c27.8 35.3 71.7 52.9 115 48.7v123.4z" fill="#9473EF" p-id="927"></path></svg>
-
+
<svg t="1729846132433" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1231" width="16" height="16"><path d="M616.2 887.4H385.5c-20.5 0-37.3 16.8-37.3 37.3S365 962 385.5 962h230.7c20.5 0 37.3-16.8 37.3-37.3s-16.7-37.3-37.3-37.3zM895 794.1h-23.9V511c0-198.8-141.6-361.5-315.3-363.5v-45.8c0-21.4-17.5-39-39-39-21.4 0-39 17.5-39 39v45.6h-1.7C300.9 147.3 157.5 311 157.5 511v283.2h-23.9c-12.9 0-23.4 10.5-23.4 23.4 0 12.9 10.5 23.4 23.4 23.4H895c12.9 0 23.4-10.5 23.4-23.4 0-13-10.5-23.5-23.4-23.5zM730.8 441c0-58.5-16.3-101.7-48.4-128.6-54.7-45.7-138-31.2-138.9-31.1l-7.1-39.2c4.1-0.8 102.7-17.8 171.5 39.7 41.6 34.8 62.7 88.3 62.7 159.2h-39.8z" fill="#ED7C6C" p-id="1232"></path></svg>
-
+
<svg t="1729846132433" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1231" width="16" height="16"><path d="M616.2 887.4H385.5c-20.5 0-37.3 16.8-37.3 37.3S365 962 385.5 962h230.7c20.5 0 37.3-16.8 37.3-37.3s-16.7-37.3-37.3-37.3zM895 794.1h-23.9V511c0-198.8-141.6-361.5-315.3-363.5v-45.8c0-21.4-17.5-39-39-39-21.4 0-39 17.5-39 39v45.6h-1.7C300.9 147.3 157.5 311 157.5 511v283.2h-23.9c-12.9 0-23.4 10.5-23.4 23.4 0 12.9 10.5 23.4 23.4 23.4H895c12.9 0 23.4-10.5 23.4-23.4 0-13-10.5-23.5-23.4-23.5zM730.8 441c0-58.5-16.3-101.7-48.4-128.6-54.7-45.7-138-31.2-138.9-31.1l-7.1-39.2c4.1-0.8 102.7-17.8 171.5 39.7 41.6 34.8 62.7 88.3 62.7 159.2h-39.8z" fill="#ED7C6C" p-id="1232"></path></svg>
-
+
<svg t="1729846175447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1535" width="16" height="16"><path d="M251.627096 427.789627a52 52 0 1 0 96.561852-38.623941 52 52 0 1 0-96.561852 38.623941Z" fill="#EB625C" p-id="1536"></path><path d="M492.1 754.7c-12.3 13.8-33.3 15.5-47.7 3.9l-108.9-88.4c-63.2 61.4-127.4 125-166.4 165.3 1.9 0.1 3.8 0.6 5.7 0.6h679.3c15.3 0 29.9-3.2 43.3-8.9l-228-271.6-177.3 199.1z" fill="#EB625C" p-id="1537"></path><path d="M854.1 185.6H174.8c-60.9 0-110.6 49.8-110.6 110.6v429.1c0 32.3 14.3 61.2 36.6 81.5 30.4-33.3 90.2-93.4 208.6-207.9 12.6-12.2 32.3-13.1 45.9-2l107.1 86.9 182-204.3c6.7-7.5 16.3-11.8 26.4-11.6 10.1 0.1 19.6 4.7 26 12.4L949.1 781c9.7-16.4 15.6-35.3 15.6-55.7V296.2c0-60.8-49.8-110.6-110.6-110.6zM299.9 524.3c-64.3 0-116.4-52.1-116.4-116.4s52.1-116.4 116.4-116.4c64.3 0 116.4 52.1 116.4 116.4s-52.1 116.4-116.4 116.4z" fill="#EB625C" p-id="1538"></path></svg>
-
+
<svg t="1729846175447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1535" width="16" height="16"><path d="M251.627096 427.789627a52 52 0 1 0 96.561852-38.623941 52 52 0 1 0-96.561852 38.623941Z" fill="#EB625C" p-id="1536"></path><path d="M492.1 754.7c-12.3 13.8-33.3 15.5-47.7 3.9l-108.9-88.4c-63.2 61.4-127.4 125-166.4 165.3 1.9 0.1 3.8 0.6 5.7 0.6h679.3c15.3 0 29.9-3.2 43.3-8.9l-228-271.6-177.3 199.1z" fill="#EB625C" p-id="1537"></path><path d="M854.1 185.6H174.8c-60.9 0-110.6 49.8-110.6 110.6v429.1c0 32.3 14.3 61.2 36.6 81.5 30.4-33.3 90.2-93.4 208.6-207.9 12.6-12.2 32.3-13.1 45.9-2l107.1 86.9 182-204.3c6.7-7.5 16.3-11.8 26.4-11.6 10.1 0.1 19.6 4.7 26 12.4L949.1 781c9.7-16.4 15.6-35.3 15.6-55.7V296.2c0-60.8-49.8-110.6-110.6-110.6zM299.9 524.3c-64.3 0-116.4-52.1-116.4-116.4s52.1-116.4 116.4-116.4c64.3 0 116.4 52.1 116.4 116.4s-52.1 116.4-116.4 116.4z" fill="#EB625C" p-id="1538"></path></svg>
-
+
<svg t="1729846193373" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1689" width="16" height="16"><path d="M931.1 346.2c-10 3.1-20.4 5.3-31.3 5.3-58 0-105-47-105-105 0-25.1 9.2-47.9 23.9-66C761.2 127 689.9 88.4 610.4 71c-14.3 41-52.9 70.5-98.7 70.5-45.4 0-83.7-29-98.4-69.3-77.7 17.9-147.5 56.1-203.8 108.6 14.6 18 23.7 40.7 23.7 65.7 0 58-47 105-105 105-10.8 0-21.1-2.1-30.9-5.2-19.4 50.1-30.5 104.4-30.5 161.4 0 54.2 10.1 106 27.8 154.1 10.6-3.6 21.7-6 33.6-6 58 0 105 47 105 105 0 27.2-10.6 51.7-27.5 70.3 57.2 54.6 128.7 94 208.4 112.3 15.3-39.1 53.1-67 97.6-67 45 0 83 28.4 98 68.2 81.5-17.7 154.5-57.7 212.8-113.2-17.1-18.7-27.7-43.3-27.7-70.6 0-58 47-105 105-105 12 0 23.3 2.4 34 6.1 17.7-48.1 27.9-99.9 27.9-154.2-0.1-57-11.1-111.4-30.6-161.5zM518.6 671.1c-101.3 0-183.4-82.1-183.4-183.4 0-101.3 82.1-183.4 183.4-183.4 101.3 0 183.4 82.1 183.4 183.4-0.1 101.3-82.2 183.4-183.4 183.4z" fill="#F5BC50" p-id="1690"></path><path d="M521.5 388c-55.1 0-99.7 44.6-99.7 99.7s44.6 99.7 99.7 99.7 99.7-44.6 99.7-99.7-44.6-99.7-99.7-99.7z" fill="#F5BC50" p-id="1691"></path></svg>
-
+
<svg t="1729846193373" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1689" width="16" height="16"><path d="M931.1 346.2c-10 3.1-20.4 5.3-31.3 5.3-58 0-105-47-105-105 0-25.1 9.2-47.9 23.9-66C761.2 127 689.9 88.4 610.4 71c-14.3 41-52.9 70.5-98.7 70.5-45.4 0-83.7-29-98.4-69.3-77.7 17.9-147.5 56.1-203.8 108.6 14.6 18 23.7 40.7 23.7 65.7 0 58-47 105-105 105-10.8 0-21.1-2.1-30.9-5.2-19.4 50.1-30.5 104.4-30.5 161.4 0 54.2 10.1 106 27.8 154.1 10.6-3.6 21.7-6 33.6-6 58 0 105 47 105 105 0 27.2-10.6 51.7-27.5 70.3 57.2 54.6 128.7 94 208.4 112.3 15.3-39.1 53.1-67 97.6-67 45 0 83 28.4 98 68.2 81.5-17.7 154.5-57.7 212.8-113.2-17.1-18.7-27.7-43.3-27.7-70.6 0-58 47-105 105-105 12 0 23.3 2.4 34 6.1 17.7-48.1 27.9-99.9 27.9-154.2-0.1-57-11.1-111.4-30.6-161.5zM518.6 671.1c-101.3 0-183.4-82.1-183.4-183.4 0-101.3 82.1-183.4 183.4-183.4 101.3 0 183.4 82.1 183.4 183.4-0.1 101.3-82.2 183.4-183.4 183.4z" fill="#F5BC50" p-id="1690"></path><path d="M521.5 388c-55.1 0-99.7 44.6-99.7 99.7s44.6 99.7 99.7 99.7 99.7-44.6 99.7-99.7-44.6-99.7-99.7-99.7z" fill="#F5BC50" p-id="1691"></path></svg>
-
+
<svg t="1729846338674" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1842" width="16" height="16"><path d="M852.3 79.1H702.4v244.1h224.3V153.5c0-40.9-33.5-74.4-74.4-74.4zM323.6 79.1H173.7c-40.9 0-74.4 33.5-74.4 74.4v169.7h224.3V79.1zM703.1 411.7s23.3 202.2-187.7 19.7c-175.3 153.2-191.6 44.7-191.7-0.1v-27.1H99.3v366.9c0 99.2 81.2 180.4 180.4 180.4h264.9c210.2 0 382.1-172 382.1-382.1V404.3H703.1v7.4z" fill="#5EBFEB" p-id="1843"></path></svg>
-
+
<svg t="1729846338674" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1842" width="16" height="16"><path d="M852.3 79.1H702.4v244.1h224.3V153.5c0-40.9-33.5-74.4-74.4-74.4zM323.6 79.1H173.7c-40.9 0-74.4 33.5-74.4 74.4v169.7h224.3V79.1zM703.1 411.7s23.3 202.2-187.7 19.7c-175.3 153.2-191.6 44.7-191.7-0.1v-27.1H99.3v366.9c0 99.2 81.2 180.4 180.4 180.4h264.9c210.2 0 382.1-172 382.1-382.1V404.3H703.1v7.4z" fill="#5EBFEB" p-id="1843"></path></svg>
diff --git a/assets/screenshots/Segmented.png b/assets/screenshots/Segmented.png
index 6c7f7ed..5da2241 100644
Binary files a/assets/screenshots/Segmented.png and b/assets/screenshots/Segmented.png differ