diff --git a/.DS_Store b/.DS_Store
index 98b8a6a..f75a713 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/assets/icons/check.svg b/assets/icons/check.svg
deleted file mode 100644
index b760809..0000000
--- a/assets/icons/check.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="11" height="9" fill="none" viewBox="0 0 11 9">
-  <path fill="#fff" d="M9.222.118a.5.5 0 0 0-.704.06L3.859 5.685 1.396 3.57a.5.5 0 0 0-.706.054l-.57.664a.5.5 0 0 0 .054.705l2.778 2.384c.02.026.044.05.07.072l.668.565a.5.5 0 0 0 .422.109.498.498 0 0 0 .284-.166l.57-.664a.503.503 0 0 0 .056-.08l4.927-5.826A.5.5 0 0 0 9.89.683L9.222.118Z"/>
-</svg>
diff --git a/assets/icons/checkbox-no.svg b/assets/icons/checkbox-no.svg
index 3827bda..65dde3e 100644
--- a/assets/icons/checkbox-no.svg
+++ b/assets/icons/checkbox-no.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
-  <rect width="9.917" height="9.917" x=".875" y=".875" stroke="#C9CDD4" stroke-width=".583" rx="4.958"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
+  <path fill="#8552A1" d="M15.833 0H4.167A4.172 4.172 0 0 0 0 4.166v11.667A4.172 4.172 0 0 0 4.166 20h11.667A4.172 4.172 0 0 0 20 15.834V4.166A4.172 4.172 0 0 0 15.833 0Zm2.5 15.833a2.5 2.5 0 0 1-2.5 2.5H4.167a2.5 2.5 0 0 1-2.5-2.5V4.167a2.5 2.5 0 0 1 2.5-2.5h11.666a2.5 2.5 0 0 1 2.5 2.5v11.666Z"/>
 </svg>
diff --git a/assets/icons/checkbox.svg b/assets/icons/checkbox.svg
index b5c717d..5057433 100644
--- a/assets/icons/checkbox.svg
+++ b/assets/icons/checkbox.svg
@@ -1,10 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18">
-  <g clip-path="url(#a)">
-    <path fill="#8552A1" d="M9 0a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9Zm5.934 6.21L8.16 12.988a.843.843 0 0 1-.599.247.844.844 0 0 1-.6-.247L3.066 9.09a.846.846 0 1 1 1.198-1.197L7.56 11.19l6.177-6.177a.847.847 0 1 1 1.197 1.198Z"/>
-  </g>
-  <defs>
-    <clipPath id="a">
-      <path fill="#fff" d="M0 0h18v18H0z"/>
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
+  <path fill="#8552A1" d="M15.5 0h-11A4.5 4.5 0 0 0 0 4.5v11A4.5 4.5 0 0 0 4.5 20h11a4.5 4.5 0 0 0 4.5-4.5v-11A4.5 4.5 0 0 0 15.5 0Zm1.394 6.902-7.445 7.444-.03.028-.033.028-.037.028-.035.025-.039.024-.036.021-.042.02-.037.018-.044.016-.037.014-.045.01-.038.01-.047.007H8.74l-.048-.006h-.035l-.05-.011-.033-.01-.049-.015-.032-.012-.048-.022-.031-.015-.047-.028-.03-.016c-.017-.011-.033-.024-.05-.036l-.022-.016a.887.887 0 0 1-.067-.06l-3.949-3.95a.883.883 0 0 1 .01-1.26.904.904 0 0 1 1.261.033l3.304 3.303 6.82-6.82a.884.884 0 1 1 1.25 1.25l-.001-.002Z"/>
+  <path fill="#fff" d="m15.645 5.654-6.82 6.82L5.523 9.17a.904.904 0 0 0-1.263-.03.883.883 0 0 0-.011 1.259l3.95 3.948a.866.866 0 0 0 .068.06l.022.016a.711.711 0 0 0 .05.037l.029.016.047.027.031.015.048.023.033.011.048.017.034.008.049.011h.035l.048.007h.208l.048-.008.037-.008.045-.012.037-.014.044-.016.038-.017.041-.02.036-.022.039-.023.035-.025.037-.028.033-.028.03-.028 7.444-7.444a.886.886 0 0 0 0-1.25.885.885 0 0 0-1.25 0l.001.003Z"/>
 </svg>
diff --git a/assets/icons/data.svg b/assets/icons/data.svg
new file mode 100644
index 0000000..48c4cf9
--- /dev/null
+++ b/assets/icons/data.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="none" viewBox="0 0 19 19">
+  <path fill="#FF7B15" d="M2.499 15.435a2.105 2.105 0 0 1-2.105-2.104V6.314a2.105 2.105 0 0 1 4.21 0v7.017a2.105 2.105 0 0 1-2.105 2.104Zm6.548 0a2.105 2.105 0 0 1-2.105-2.104V2.104a2.105 2.105 0 0 1 4.21 0V13.33a2.105 2.105 0 0 1-2.105 2.104Zm6.548 0a2.105 2.105 0 0 1-2.105-2.104v-2.807a2.105 2.105 0 1 1 4.21 0v2.807a2.105 2.105 0 0 1-2.105 2.104Zm2.105 2.616H.394a.394.394 0 0 1 0-.788H17.7a.394.394 0 0 1 0 .788Z"/>
+</svg>
diff --git a/assets/icons/description.svg b/assets/icons/description.svg
new file mode 100644
index 0000000..9f73c4b
--- /dev/null
+++ b/assets/icons/description.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18">
+  <path fill="#F9D11F" d="M11.327 18.005H2.1a2.043 2.043 0 0 1-1.485-.651A2.291 2.291 0 0 1 0 15.78V2.224C0 1.634.221 1.068.615.65A2.043 2.043 0 0 1 2.1 0h9.227a2 2 0 0 1 .803.17c.255.111.487.275.682.481.195.207.35.452.455.722.106.27.16.559.16.85v13.558c0 .292-.054.581-.16.851-.105.27-.26.515-.455.721a2.1 2.1 0 0 1-.681.482 2 2 0 0 1-.804.17Z"/>
+  <path fill="#4C86C6" d="m12.187 14.972 5.097-5.396A2.776 2.776 0 0 0 18 7.682a2.772 2.772 0 0 0-.745-1.88 2.473 2.473 0 0 0-1.777-.788 2.469 2.469 0 0 0-1.788.758l-5.096 5.396v3.804h3.593Z"/>
+  <path fill="#fff" d="M2.506 14.971h6.087v-1.705H2.506v1.705Zm0-10.801h8.415V2.464H2.506V4.17Zm2.328 2.842h3.938V5.306H4.834v1.706Z"/>
+  <path fill="#1565B2" d="m8.594 11.168-.001 3.803 3.594.001 1.24-1.313V6.051l-4.833 5.117Z"/>
+</svg>
diff --git a/assets/icons/radiobutton-no.svg b/assets/icons/radiobutton-no.svg
new file mode 100644
index 0000000..3827bda
--- /dev/null
+++ b/assets/icons/radiobutton-no.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
+  <rect width="9.917" height="9.917" x=".875" y=".875" stroke="#C9CDD4" stroke-width=".583" rx="4.958"/>
+</svg>
diff --git a/assets/icons/radiobutton.svg b/assets/icons/radiobutton.svg
new file mode 100644
index 0000000..b5c717d
--- /dev/null
+++ b/assets/icons/radiobutton.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18">
+  <g clip-path="url(#a)">
+    <path fill="#8552A1" d="M9 0a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9Zm5.934 6.21L8.16 12.988a.843.843 0 0 1-.599.247.844.844 0 0 1-.6-.247L3.066 9.09a.846.846 0 1 1 1.198-1.197L7.56 11.19l6.177-6.177a.847.847 0 1 1 1.197 1.198Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h18v18H0z"/>
+    </clipPath>
+  </defs>
+</svg>
diff --git a/assets/icons/upload.svg b/assets/icons/upload.svg
new file mode 100644
index 0000000..89723a8
--- /dev/null
+++ b/assets/icons/upload.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="31" fill="none" viewBox="0 0 40 31">
+  <path fill="#2420A8" d="M40 24.68a5.17 5.17 0 0 1-.34 1.88 5.179 5.179 0 0 1-.96 1.58c-.413.467-.893.86-1.44 1.18-.547.32-1.14.533-1.78.64l.04.04H8.12c-.133.027-.347.04-.64.04-1.04 0-2.013-.2-2.92-.6-.907-.4-1.7-.94-2.38-1.62a7.48 7.48 0 0 1-1.6-2.38A7.365 7.365 0 0 1 0 22.52c0-1.04.193-2.013.58-2.92a7.48 7.48 0 0 1 1.6-2.38 7.763 7.763 0 0 1 2.38-1.62c.907-.4 1.88-.6 2.92-.6h.04a4.85 4.85 0 0 1-.04-.6v-.64c0-1.893.36-3.68 1.08-5.36.72-1.68 1.707-3.14 2.96-4.38a14.132 14.132 0 0 1 4.38-2.94C17.567.36 19.347 0 21.24 0c1.893 0 3.68.36 5.36 1.08 1.68.72 3.147 1.7 4.4 2.94 1.253 1.24 2.24 2.7 2.96 4.38.72 1.68 1.08 3.467 1.08 5.36 0 .987-.107 1.953-.32 2.9a14.878 14.878 0 0 1-.88 2.7 4.66 4.66 0 0 1 .84-.08c.72 0 1.407.14 2.06.42.653.28 1.22.667 1.7 1.16.48.493.86 1.067 1.14 1.72.28.653.42 1.353.42 2.1Zm-14-4.76c.533 0 .88-.06 1.04-.18.16-.12.053-.407-.32-.86-.373-.48-.787-1.107-1.24-1.88-.453-.773-.927-1.56-1.42-2.36-.493-.8-.993-1.547-1.5-2.24-.507-.693-1-1.2-1.48-1.52-.48-.347-.833-.533-1.06-.56-.227-.027-.553.133-.98.48-.48.4-.947.907-1.4 1.52a54.547 54.547 0 0 0-1.38 1.96c-.467.693-.933 1.373-1.4 2.04a15.38 15.38 0 0 1-1.42 1.76c-.48.48-.653.907-.52 1.28s.467.56 1 .56h.64c.24 0 .5.007.78.02.28.013.553.02.82.02h.68c.373.027.613.153.72.38.107.227.16.54.16.94 0 .453-.007.853-.02 1.2-.013.347-.02.68-.02 1 0 .32-.007.653-.02 1-.013.347-.02.747-.02 1.2 0 .187.02.387.06.6.04.213.113.413.22.6s.267.34.48.46c.213.12.493.18.84.18h.92c.24 0 .6.013 1.08.04.64 0 1.007-.16 1.1-.48.093-.32.14-.827.14-1.52 0-.613.007-1.167.02-1.66.013-.493.02-1.167.02-2.02 0-.613.06-1.087.18-1.42.12-.333.38-.5.78-.5.293 0 .713-.007 1.26-.02.547-.013.967-.02 1.26-.02Z"/>
+</svg>
diff --git a/data/example.xlsx b/data/example.xlsx
new file mode 100644
index 0000000..47c553d
Binary files /dev/null and b/data/example.xlsx differ
diff --git a/data/example0.xlsx b/data/example0.xlsx
new file mode 100644
index 0000000..3e474af
Binary files /dev/null and b/data/example0.xlsx differ
diff --git a/data/example00.xlsx b/data/example00.xlsx
new file mode 100644
index 0000000..9d89343
Binary files /dev/null and b/data/example00.xlsx differ
diff --git a/data/example1.xlsx b/data/example1.xlsx
new file mode 100644
index 0000000..0441816
Binary files /dev/null and b/data/example1.xlsx differ
diff --git a/example.xlsx b/example.xlsx
deleted file mode 100644
index ba97112..0000000
Binary files a/example.xlsx and /dev/null differ
diff --git a/todo.md b/todo.md
index 9411ef6..b170093 100644
--- a/todo.md
+++ b/todo.md
@@ -45,8 +45,12 @@ target description - 3、8、5
   - gap/padding
   - 提供excel & csv模版
 
-5. 未来功能
+
+## 新增
+
+1. 未来功能
   - 三级桑基图
   - 预览excel/csv，从中选择列
   - 预览元素定制
 
+