feat(组件): 时间轴组件&图标更新

frontend/src/assets/icon-font/iconfont.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: iconfont; /* Project id 3462279 */
-  src: url('iconfont.woff2?t=1689750124664') format('woff2'), url('iconfont.woff?t=1689750124664') format('woff'),
+  src: url('iconfont.woff2?t=1692250847167') format('woff2'), url('iconfont.woff?t=1692250847167') format('woff'),
-    url('iconfont.ttf?t=1689750124664') format('truetype'), url('iconfont.svg?t=1689750124664#iconfont') format('svg');
+    url('iconfont.ttf?t=1692250847167') format('truetype'), url('iconfont.svg?t=1692250847167#iconfont') format('svg');
 }
 .iconfont {
   font-size: 16px;
@@ -10,6 +10,36 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+.icon-icon_time_axis::before {
+  content: '\e751';
+}
+.icon-icon_maybe_filled::before {
+  content: '\e750';
+}
+.icon-icon_succeed_colorful::before {
+  content: '\e74d';
+}
+.icon-icon_close_colorful::before {
+  content: '\e74e';
+}
+.icon-icon_warning_colorful::before {
+  content: '\e74f';
+}
+.icon-icon_info_colorful::before {
+  content: '\e6f8';
+}
+.icon-icon_move_outlined::before {
+  content: '\e74a';
+}
+.icon-icon_assigned_outlined::before {
+  content: '\e74b';
+}
+.icon-icon_team-add_outlined::before {
+  content: '\e74c';
+}
+.icon-icon_sql_outlined1::before {
+  content: '\e749';
+}
 .icon-icon_that_person::before {
   content: '\e66a';
 }
@@ -436,9 +466,6 @@
 .icon-icon_not-started_filled::before {
   content: '\e6f4';
 }
-.icon-icon_skip_filled::before {
-  content: '\e6f8';
-}
 .icon-icon_divider_outlined::before {
   content: '\e6fa';
 }

frontend/src/assets/icon-font/iconfont.json

@@ -5,6 +5,76 @@
   "css_prefix_text": "icon-",
   "description": "DE、MS项目icon管理",
   "glyphs": [
+    {
+      "icon_id": "36956895",
+      "name": "icon_time_axis",
+      "font_class": "icon_time_axis",
+      "unicode": "e751",
+      "unicode_decimal": 59217
+    },
+    {
+      "icon_id": "36840867",
+      "name": "icon_maybe_filled",
+      "font_class": "icon_maybe_filled",
+      "unicode": "e750",
+      "unicode_decimal": 59216
+    },
+    {
+      "icon_id": "36840652",
+      "name": "icon_succeed_colorful",
+      "font_class": "icon_succeed_colorful",
+      "unicode": "e74d",
+      "unicode_decimal": 59213
+    },
+    {
+      "icon_id": "36840650",
+      "name": "icon_close_colorful",
+      "font_class": "icon_close_colorful",
+      "unicode": "e74e",
+      "unicode_decimal": 59214
+    },
+    {
+      "icon_id": "36840649",
+      "name": "icon_warning_colorful",
+      "font_class": "icon_warning_colorful",
+      "unicode": "e74f",
+      "unicode_decimal": 59215
+    },
+    {
+      "icon_id": "36840651",
+      "name": "icon_info_colorful",
+      "font_class": "icon_info_colorful",
+      "unicode": "e6f8",
+      "unicode_decimal": 59128
+    },
+    {
+      "icon_id": "36836165",
+      "name": "icon_move_outlined",
+      "font_class": "icon_move_outlined",
+      "unicode": "e74a",
+      "unicode_decimal": 59210
+    },
+    {
+      "icon_id": "36836164",
+      "name": "icon_assigned_outlined",
+      "font_class": "icon_assigned_outlined",
+      "unicode": "e74b",
+      "unicode_decimal": 59211
+    },
+    {
+      "icon_id": "36836163",
+      "name": "icon_team-add_outlined",
+      "font_class": "icon_team-add_outlined",
+      "unicode": "e74c",
+      "unicode_decimal": 59212
+    },
+    {
+      "icon_id": "36472148",
+      "name": "icon_sql_outlined",
+      "font_class": "icon_sql_outlined1",
+      "unicode": "e749",
+      "unicode_decimal": 59209
+    },
     {
       "icon_id": "36511677",
       "name": "icon_that_person",
@@ -999,13 +1069,6 @@
       "unicode": "e6f4",
       "unicode_decimal": 59124
     },
-    {
-      "icon_id": "34061216",
-      "name": "icon_skip_filled",
-      "font_class": "icon_skip_filled",
-      "unicode": "e6f8",
-      "unicode_decimal": 59128
-    },
     {
       "icon_id": "33795435",
       "name": "icon_divider_outlined",

frontend/src/assets/icon-font/iconfont.svg

@@ -14,6 +14,26 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="icon_time_axis" unicode="&#59217;" d="M213.333333 853.333333a42.666667 42.666667 0 0 0 42.666667-42.666666v-261.376a170.752 170.752 0 0 0 0-330.581334V-42.666667a42.666667 42.666667 0 0 0-85.333333 0v261.376a170.752 170.752 0 0 0 0 330.581334V810.666667a42.666667 42.666667 0 0 0 42.666666 42.666666z m0-384a85.333333 85.333333 0 1 1 0-170.666666 85.333333 85.333333 0 0 1 0 170.666666z m725.333334 384a42.666667 42.666667 0 0 0 42.666666-42.666666v-256a42.666667 42.666667 0 0 0-42.666666-42.666667H512a42.666667 42.666667 0 0 0-42.666667 42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666667z m-42.666667-85.333333h-341.333333v-170.666667h341.333333V768z m42.666667-469.333333a42.666667 42.666667 0 0 0 0-85.333334H512a42.666667 42.666667 0 0 0 0 85.333334h426.666667z m0-298.666667a42.666667 42.666667 0 0 0 0-85.333333H512a42.666667 42.666667 0 0 0 0 85.333333h426.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_maybe_filled" unicode="&#59216;" d="M42.666667 384c0-259.2 210.133333-469.333333 469.333333-469.333333s469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384z m490.666666-170.666667a21.290667 21.290667 0 0 0 21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333334-21.333333h-42.666666a21.248 21.248 0 0 0-21.333334 21.333333v42.666667a21.248 21.248 0 0 0 21.333334 21.333333h42.666666zM345.130667 511.872c8.32 46.336 29.397333 80.384 63.189333 102.186667 26.453333 17.28 59.008 25.941333 97.621333 25.941333 50.688 0 92.842667-12.288 126.378667-36.864 33.578667-24.576 50.346667-60.928 50.346667-109.141333 0-29.610667-7.296-54.485333-21.888-74.752-8.533333-12.245333-24.917333-27.946667-49.152-47.061334l-23.893334-18.773333c-13.013333-10.24-21.674667-22.186667-25.898666-35.84-1.152-3.669333-2.176-10.624-3.072-20.736a21.333333 21.333333 0 0 0-21.248-19.498667h-47.786667a21.376 21.376 0 0 0-21.248 23.296c2.773333 29.696 5.717333 48.469333 8.832 56.362667 5.845333 14.677333 20.906667 31.573333 45.141333 50.688l24.533334 19.456 1.92 1.408c11.221333 8.362667 47.786667 35.626667 47.786666 59.946667 0 25.984-4.48 35.498667-17.536 49.792-13.013333 14.250667-42.368 18.816-68.864 18.816-26.026667 0-48.256-6.912-59.136-24.405334a123.306667 123.306667 0 0 1-12.117333-25.6 89.6 89.6 0 0 1-3.114667-13.098666 21.333333 21.333333 0 0 0-21.034666-17.749334H364.672a21.333333 21.333333 0 0 0-21.205333 23.722667 177.92 177.92 0 0 0 1.664 11.904z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_succeed_colorful" unicode="&#59213;" d="M42.666667 384c0-259.242667 210.090667-469.333333 469.333333-469.333333s469.333333 210.090667 469.333333 469.333333S771.242667 853.333333 512 853.333333 42.666667 643.242667 42.666667 384zM688.768 513.024L462.506667 286.72l-110.933334 110.933333a21.333333 21.333333 0 0 1-30.165333 0l-30.165333-30.165333a21.333333 21.333333 0 0 1 0-30.165333l156.16-156.202667a21.333333 21.333333 0 0 1 30.165333 0l271.530667 271.530667a21.333333 21.333333 0 0 1 0 30.165333l-30.165334 30.208a21.333333 21.333333 0 0 1-30.165333 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_close_colorful" unicode="&#59214;" d="M512-85.333333C252.8-85.333333 42.666667 124.8 42.666667 384S252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333-210.133333-469.333333-469.333333-469.333333z m0 529.664L385.066667 571.264a21.333333 21.333333 0 0 1-30.165334 0l-30.165333-30.165333a21.333333 21.333333 0 0 1 0-30.165334L451.669333 384l-126.933333-126.933333a21.333333 21.333333 0 0 1 0-30.165334l30.165333-30.165333a21.333333 21.333333 0 0 1 30.165334 0L512 323.669333l126.933333-126.933333a21.333333 21.333333 0 0 1 30.165334 0l30.165333 30.165333a21.333333 21.333333 0 0 1 0 30.165334L572.330667 384l126.933333 126.933333a21.333333 21.333333 0 0 1 0 30.165334l-30.165333 30.165333a21.333333 21.333333 0 0 1-30.165334 0L512 444.330667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_warning_colorful" unicode="&#59215;" d="M512-85.333333c259.2 0 469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384s210.133333-469.333333 469.333333-469.333333zM490.666667 597.333333a21.333333 21.333333 0 0 1-21.333334-21.333333v-256a21.333333 21.333333 0 0 1 21.333334-21.333333h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333333v256a21.333333 21.333333 0 0 1-21.333334 21.333333h-42.666666zM490.666667 256a21.333333 21.333333 0 0 1-21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333334 21.333333h-42.666666z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_info_colorful" unicode="&#59128;" d="M42.666667 384c0-259.2 210.133333-469.333333 469.333333-469.333333s469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384z m469.333333 277.333333A53.333333 53.333333 0 1 0 512 554.666667a53.333333 53.333333 0 0 0 0 106.666666zM458.666667 512h64a42.666667 42.666667 0 0 0 42.666666-42.666667v-256h53.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333H426.666667a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333h53.333333v213.333334h-21.333333a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_move_outlined" unicode="&#59210;" d="M426.666667 768l128-128h362.666666a42.666667 42.666667 0 0 0 42.666667-42.666667v-554.666666a42.666667 42.666667 0 0 0-42.666667-42.666667h-810.666666a42.666667 42.666667 0 0 0-42.666667 42.666667v139.776a21.333333 21.333333 0 0 0 21.333333 21.333333h42.624a21.333333 21.333333 0 0 0 21.333334-21.333333L149.333333 85.333333h725.333334V554.666667h-360.96L384 682.666667H149.333333l-0.042666-201.557334a21.333333 21.333333 0 0 0-21.333334-21.333333H85.333333a21.333333 21.333333 0 0 0-21.333333 21.333333V725.333333a42.666667 42.666667 0 0 0 42.666667 42.666667H426.666667z m7.125333-296.234667a28.458667 28.458667 0 0 0 20.138667-8.362666l101.888-101.930667a28.416 28.416 0 0 0 0-40.277333l-101.845334-101.973334a28.458667 28.458667 0 0 0-48.597333 20.096V298.666667h-320a21.333333 21.333333 0 0 0-21.333333 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h320v59.306667a28.458667 28.458667 0 0 0 28.458667 28.458666h-0.042667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_assigned_outlined" unicode="&#59211;" d="M661.333333 618.666667a213.333333 213.333333 0 1 1-426.752-0.085334A213.333333 213.333333 0 0 1 661.333333 618.666667z m-213.333333-128a128.042667 128.042667 0 0 0 0 256 128.042667 128.042667 0 0 0 0-256zM170.666667 85.333333c0 14.762667 1.92 29.013333 5.333333 42.666667 18.986667 73.6 85.76 128 165.333333 128h171.733334a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333H341.333333a256 256 0 0 1-256-256v-85.333333c0-23.552 19.2-42.666667 42.666667-42.666667h385.066667a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334H170.666667v42.666666zM776.405333 232.106667l62.634667-62.677334H618.666667a21.333333 21.333333 0 0 1-21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h220.928l-63.189334-63.189333a21.333333 21.333333 0 0 1 0-30.165334l30.165334-30.208a21.333333 21.333333 0 0 1 30.165333 0l150.826667 150.869334a21.333333 21.333333 0 0 1 0 30.165333l-150.826667 150.869333a21.333333 21.333333 0 0 1-30.165333 0l-30.165334-30.208a21.333333 21.333333 0 0 1 0-30.165333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_team-add_outlined" unicode="&#59212;" d="M853.333333 576a192 192 0 1 1-384 0 192 192 0 0 1 384 0zM661.333333 682.666667a106.666667 106.666667 0 1 0-0.042666-213.376A106.666667 106.666667 0 0 0 661.333333 682.666667zM618.666667 256a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-71.04C421.973333 341.333333 320 238.165333 320 110.933333v-115.2c0-21.205333 17.066667-38.4 37.973333-38.4h218.026667a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334h-170.666667v68.266666c0 81.109333 64.64 145.066667 142.293334 145.066667H618.666667zM49.706667 0h169.386666a21.333333 21.333333 0 0 1 21.333334 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333334 21.333333H106.666667v25.6c0 42.752 36.053333 81.066667 85.333333 81.066667h39.338667a22.698667 22.698667 0 0 1 21.248 15.872 232.533333 232.533333 0 0 0 13.781333 32.682667c8.149333 15.786667-2.389333 36.778667-20.138667 36.778666H192c-94.293333 0-170.666667-74.496-170.666667-166.4v-83.2c0-15.317333 12.8-27.733333 28.373334-27.733333zM277.333333 597.333333a128.042667 128.042667 0 0 0 0-256 128.042667 128.042667 0 0 0 0 256z m42.666667-128c0 23.594667-19.2 42.666667-42.666667 42.666667s-42.666667-19.072-42.666666-42.666667c0-23.594667 19.2-42.666667 42.666666-42.666666s42.666667 19.072 42.666667 42.666666zM832 298.666667a21.333333 21.333333 0 0 1-21.333333-21.333334V170.666667h-106.666667a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334H810.666667v-106.666666a21.333333 21.333333 0 0 1 21.333333-21.333334h42.666667a21.333333 21.333333 0 0 1 21.333333 21.333334V85.333333h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334H896v106.666666a21.333333 21.333333 0 0 1-21.333333 21.333334h-42.666667z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_sql_outlined1" unicode="&#59209;" d="M239.274667 336.896v8.533333H170.453333l-0.128-8.405333c-0.256-16.128 2.688-30.549333 9.173334-42.965333 6.229333-12.032 14.72-22.058667 25.344-29.909334l0.085333-0.042666c10.666667-7.722667 22.826667-13.269333 36.266667-16.682667 13.482667-3.626667 27.306667-5.418667 41.429333-5.418667 17.237333 0 32.682667 2.005333 46.208 6.186667a101.12 101.12 0 0 1 34.602667 17.578667 76.8 76.8 0 0 1 21.845333 28.032c4.864 10.709333 7.253333 22.272 7.253333 34.56 0 14.805333-3.2 27.733333-10.282666 38.144a78.592 78.592 0 0 1-22.912 23.594666 94.72 94.72 0 0 1-26.496 12.330667 203.733333 203.733333 0 0 1-19.328 5.248l-36.906667 9.472a138.24 138.24 0 0 0-20.736 6.997333c-4.608 2.218667-6.4 4.053333-6.954667 4.949334a13.653333 13.653333 0 0 0-1.450666 7.125333 14.506667 14.506667 0 0 0 1.962666 8.234667 21.888 21.888 0 0 0 6.101334 6.101333 28.16 28.16 0 0 0 9.045333 3.584c3.754667 0.810667 7.509333 1.194667 11.221333 1.194667 6.101333 0 11.52-0.512 16.341334-1.536h0.085333c4.778667-0.981333 8.789333-2.56 12.117333-4.693334 2.986667-1.834667 5.376-4.437333 7.253334-7.978666l0.128-0.256a33.024 33.024 0 0 0 3.669333-14.421334l0.512-7.978666h68.437333v8.533333c0 15.146667-2.944 28.586667-9.216 39.893333a76.458667 76.458667 0 0 1-24.106666 27.52 97.536 97.536 0 0 1-34.304 14.933334 155.904 155.904 0 0 1-38.528 4.693333c-11.690667 0-23.381333-1.578667-34.986667-4.736a100.010667 100.010667 0 0 1-32.085333-14.933333c-9.642667-6.826667-17.493333-15.488-23.594667-25.856v-0.042667c-6.144-10.666667-9.002667-22.954667-9.002667-36.693333 0-12.16 2.218667-23.125333 7.082667-32.597334l0.128-0.256c4.906667-8.704 11.221333-16.085333 18.986667-22.058666 7.509333-5.76 15.957333-10.453333 25.301333-14.122667l0.170667-0.085333c8.874667-3.285333 18.005333-6.058667 27.392-8.405334 8.96-2.56 17.749333-4.821333 26.453333-6.912 8.362667-1.962667 15.701333-4.224 22.058667-6.784a39.68 39.68 0 0 0 13.525333-8.32l0.128-0.170666c2.432-2.304 3.84-5.333333 3.84-9.856 0-4.565333-1.152-7.68-2.901333-10.026667a25.898667 25.898667 0 0 0-8.96-6.826667 48.981333 48.981333 0 0 0-12.928-4.053333 115.2 115.2 0 0 0-14.122667-0.938667c-6.357333 0-12.458667 0.725333-18.346667 2.133334a49.664 49.664 0 0 0-14.506666 6.485333 32.725333 32.725333 0 0 0-9.088 11.008 36.266667 36.266667 0 0 0-3.456 16.896zM655.786667 259.84l-30.848 28.074667a132.693333 132.693333 0 0 1 19.84 36.565333c5.802667 16.213333 8.661333 33.706667 8.661333 52.352 0 19.072-2.858667 36.864-8.661333 53.333333a130.005333 130.005333 0 0 1-25.173334 43.776 116.650667 116.650667 0 0 1-40.533333 29.44c-16 7.168-34.090667 10.666667-53.973333 10.666667-19.626667 0-37.674667-3.498667-53.930667-10.624h-0.042667a116.565333 116.565333 0 0 1-40.490666-29.44 129.962667 129.962667 0 0 1-25.173334-43.818667 159.317333 159.317333 0 0 1-8.704-53.333333c0-18.645333 2.901333-36.266667 8.704-52.736 5.802667-16.213333 14.208-30.506667 25.258667-42.752 11.093333-12.288 24.576-21.973333 40.405333-29.013333l0.128-0.085334c16.213333-6.869333 34.218667-10.24 53.845334-10.24 21.888 0 41.258667 3.968 57.813333 12.16l36.138667-32.554666 36.693333 38.229333z m-144.213334 59.178667l16.725334-15.189334-3.2-0.042666c-10.965333 0-19.712 2.048-26.581334 5.76a51.669333 51.669333 0 0 0-17.536 16.085333 75.264 75.264 0 0 0-10.368 23.210667 131.114667 131.114667 0 0 0 0 57.088c2.304 9.088 5.76 16.981333 10.368 23.808l0.085334 0.085333c4.437333 6.784 10.24 12.074667 17.365333 15.957333l0.170667 0.085334a52.906667 52.906667 0 0 0 26.496 6.058666c10.965333 0 19.626667-2.133333 26.538666-6.058666l0.128-0.085334c7.210667-3.882667 12.970667-9.173333 17.408-15.957333l0.085334-0.085333c4.565333-6.784 7.936-14.634667 9.984-23.722667l0.042666-0.213333c2.346667-9.301333 3.498667-18.944 3.498667-28.970667 0-12.416-1.28-22.613333-3.712-30.677333a77.994667 77.994667 0 0 0-4.693333-11.989334l-26.197334 23.893334-36.565333-39.04zM743.68 508.245333h-70.656V247.466667h189.44v62.122666H743.68V508.245333zM85.333333 0a42.666667 42.666667 0 0 0-42.666666 42.666667V725.333333a42.666667 42.666667 0 0 0 42.666666 42.666667h853.333334a42.666667 42.666667 0 0 0 42.666666-42.666667v-682.666666a42.666667 42.666667 0 0 0-42.666666-42.666667H85.333333z m42.666667 85.333333h768V682.666667H128v-597.333334z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="icon_that_person" unicode="&#58986;" d="M512 810.666667c259.2 0 469.333333-210.133333 469.333333-469.333334a468.053333 468.053333 0 0 0-132.352-326.656C798.165333 122.794667 714.282667 234.666667 640 234.666667H384c-74.325333 0-158.208-111.786667-209.066667-219.946667C93.098667 99.2 42.666667 214.4 42.666667 341.333333 42.666667 600.533333 252.8 810.666667 512 810.666667z m0-170.666667a170.666667 170.666667 0 1 1 0-341.333333 170.666667 170.666667 0 0 1 0 341.333333z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_multi-elementalign-center_outlined" unicode="&#59203;" d="M546.133333 839.125333c12.586667 0 22.741333-10.24 22.741334-22.784v-489.216h261.717333c12.544 0 22.741333-10.24 22.741333-22.784v-182.016a22.741333 22.741333 0 0 0-22.741333-22.784h-261.717333v-147.882666a22.741333 22.741333 0 0 0-22.741334-22.784h-39.808a22.741333 22.741333 0 0 0-22.784 22.784v147.882666h-290.133333A22.741333 22.741333 0 0 0 170.666667 122.325333v182.016c0 12.586667 10.197333 22.784 22.741333 22.784h290.133333V816.341333c0 12.586667 10.24 22.784 22.784 22.784h39.808zM284.458667 645.674667c0 12.586667 10.154667 22.784 22.741333 22.784h409.6c12.586667 0 22.741333-10.24 22.741333-22.784v-182.016a22.741333 22.741333 0 0 0-22.741333-22.784H307.2a22.741333 22.741333 0 0 0-22.741333 22.784V645.674667z"  horiz-adv-x="1024" />
@@ -86,7 +106,7 @@
       
       <glyph glyph-name="icon_zoom-in_outlined" unicode="&#59202;" d="M799.701333 156.672l169.6-169.6a21.333333 21.333333 0 0 0 0-30.165333l-30.165333-30.165334a21.333333 21.333333 0 0 0-30.165333 0l-169.642667 169.6A424.874667 424.874667 0 0 0 469.333333 0C233.685333 0 42.666667 191.018667 42.666667 426.666667S233.685333 853.333333 469.333333 853.333333s426.666667-191.018667 426.666667-426.666666a424.874667 424.874667 0 0 0-96.298667-269.994667zM426.666667 469.333333V576a21.333333 21.333333 0 0 0 21.333333 21.333333h42.666667a21.333333 21.333333 0 0 0 21.333333-21.333333V469.333333h106.666667a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.290667 21.290667 0 0 0-21.333333-21.333333H512v-106.666667a21.290667 21.290667 0 0 0-21.333333-21.333333h-42.666667a21.333333 21.333333 0 0 0-21.333333 21.333333V384H320a21.333333 21.333333 0 0 0-21.333333 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333333 21.333333H426.666667z m42.666666-384a341.333333 341.333333 0 0 1 341.333334 341.333334 341.333333 341.333333 0 0 1-341.333334 341.333333 341.333333 341.333333 0 0 1-341.333333-341.333333 341.333333 341.333333 0 0 1 341.333333-341.333334z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_style-set_outlined1" unicode="&#59173;" d="M469.674667 359.381333l0.170666 0.170667 304.938667 363.392a471.04 471.04 0 0 1-143.786667 45.824c-39.424 8.448-80.085333 12.8-121.173333 12.842667l-1.066667-0.170667-22.954666-0.469333-21.76-1.28c-50.816-3.882667-101.12-14.634667-149.76-32a525.013333 525.013333 0 0 1-160.170667-91.392c-46.762667-39.296-83.626667-84.906667-109.568-135.509334a359.893333 359.893333 0 0 1-40.96-165.76c0-56.96 13.824-112.213333 41.045333-164.181333 25.941333-49.365333 62.890667-93.653333 109.781334-131.541333 46.506667-37.546667 100.394667-66.901333 160.213333-87.424 61.610667-21.077333 127.189333-31.786667 194.688-31.786667l23.253333 0.426667 22.4 1.28a615.637333 615.637333 0 0 1 66.986667 8.618666l30.805333 6.314667 8.362667 2.56c21.930667 7.936 40.96 24.149333 53.461333 46.208 15.786667 27.648 19.84 61.696 11.093334 92.928l-3.84 14.933333-1.28 9.258667a98.176 98.176 0 0 0 15.232 62.037333c15.232 23.210667 39.68 37.034667 65.621333 37.162667h75.434667l8.704 0.298667c68.864 4.821333 124.16 66.56 128.298666 143.616l0.256 9.301333-0.256 10.24-2.133333 18.474667-2.858667 17.237333a377.386667 377.386667 0 0 1-52.736 131.413333c-9.088 14.336-19.072 28.16-29.866666 41.514667a409.472 409.472 0 0 1-17.749334 22.869333l-326.229333-388.736a84.778667 84.778667 0 0 1-2.090667-2.645333l-1.578666-2.005333a128.853333 128.853333 0 0 0-7.253334-8.533334 67.925333 67.925333 0 0 0-32.64-20.181333l-32.128-8.234667A64 64 0 0 0 426.666667 248.448c0 1.664-0.170667 4.010667-0.512 9.045333a234.24 234.24 0 0 0-0.810667 16.725334c0 10.581333 0.768 33.194667 16.298667 51.712l28.032 33.450666z m42.154666 271.146667a58.624 58.624 0 1 0 0.042667-117.205333 58.624 58.624 0 0 0 0 117.205333zM570.453333 571.904a58.624 58.624 0 1 1-117.205333 0.042667 58.624 58.624 0 0 1 117.205333 0zM346.624 491.989333a58.666667 58.666667 0 0 1-117.248 0 58.581333 58.581333 0 1 1 117.248 0z m-111.914667-154.581333c32.341333 0 58.538667-26.282667 58.624-58.581333a58.666667 58.666667 0 0 0-117.248 0c0 32.298667 26.282667 58.581333 58.624 58.581333zM549.589333 255.488c-6.058667-7.253333-11.818667-16.981333-21.504-19.456l-32.128-8.277333a21.333333 21.333333 0 0 0-26.624 20.693333c0 14.421333-5.205333 37.930667 4.992 50.090667l27.904 33.28 0.128 0.128L933.461333 845.696a21.333333 21.333333 0 0 0 30.08 2.645333l32.682667-27.434666a21.333333 21.333333 0 0 0 2.602667-30.037334L549.589333 255.488z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_style-set_outlined1" unicode="&#59173;" d="M469.674667 359.38133300000004l0.170666 0.170667 304.938667 363.392a471.04 471.04 0 0 1-143.786667 45.824c-39.424 8.448-80.085333 12.8-121.173333 12.842667l-1.066667-0.170667-22.954666-0.469333-21.76-1.28c-50.816-3.882667-101.12-14.634667-149.76-32a525.013333 525.013333 0 0 1-160.170667-91.392c-46.762667-39.296-83.626667-84.906667-109.568-135.509334a359.893333 359.893333 0 0 1-40.96-165.76c0-56.96 13.824-112.213333 41.045333-164.181333 25.941333-49.365333 62.890667-93.653333 109.781334-131.541333 46.506667-37.546667 100.394667-66.901333 160.213333-87.424 61.610667-21.077333 127.189333-31.786667 194.688-31.786667l23.253333 0.426667 22.4 1.28a615.637333 615.637333 0 0 1 66.986667 8.618666l30.805333 6.314667 8.362667 2.56c21.930667 7.936 40.96 24.149333 53.461333 46.208 15.786667 27.648 19.84 61.696 11.093334 92.928l-3.84 14.933333-1.28 9.258667a98.176 98.176 0 0 0 15.232 62.037333c15.232 23.210667 39.68 37.034667 65.621333 37.162667h75.434667l8.704 0.298667c68.864 4.821333 124.16 66.56 128.298666 143.616l0.256 9.301333-0.256 10.24-2.133333 18.474667-2.858667 17.237333a377.386667 377.386667 0 0 1-52.736 131.413333c-9.088 14.336-19.072 28.16-29.866666 41.514667a409.472 409.472 0 0 1-17.749334 22.869333l-326.229333-388.736a84.778667 84.778667 0 0 1-2.090667-2.645333l-1.578666-2.005333a128.853333 128.853333 0 0 0-7.253334-8.533334 67.925333 67.925333 0 0 0-32.64-20.181333l-32.128-8.234667A64 64 0 0 0 426.666667 248.44799999999998c0 1.664-0.170667 4.010667-0.512 9.045333a234.24 234.24 0 0 0-0.810667 16.725334c0 10.581333 0.768 33.194667 16.298667 51.712l28.032 33.450666z m-234.965334-21.973333c32.341333 0 58.538667-26.282667 58.624-58.581333a58.666667 58.666667 0 0 0-117.248 0c0 32.298667 26.282667 58.581333 58.624 58.581333z m256 298.666667a58.666667 58.666667 0 1 0-58.624-58.624c0 32.341333 26.282667 58.624 58.624 58.624z m-213.333333-85.333334a58.666667 58.666667 0 1 0-58.624-58.624c0 32.341333 26.282667 58.624 58.624 58.624zM549.589333 255.48800000000006c-6.058667-7.253333-11.818667-16.981333-21.504-19.456l-32.128-8.277333a21.333333 21.333333 0 0 0-26.624 20.693333c0 14.421333-5.205333 37.930667 4.992 50.090667l27.904 33.28 0.128 0.128L933.461333 845.696a21.333333 21.333333 0 0 0 30.08 2.645333l32.682667-27.434666a21.333333 21.333333 0 0 0 2.602667-30.037334L549.589333 255.48800000000006z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_chart" unicode="&#58985;" d="M405.333333 853.333333a170.666667 170.666667 0 0 0 170.666667-170.666666H725.333333a42.666667 42.666667 0 0 0 42.368-37.674667L768 640v-213.333333h42.666667a170.666667 170.666667 0 0 0 170.453333-162.133334L981.333333 256a170.666667 170.666667 0 0 0-170.666666-170.666667h-42.666667v-128a42.666667 42.666667 0 0 0-37.674667-42.368L725.333333-85.333333H85.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v170.666667a42.666667 42.666667 0 0 0 42.666666 42.666667h85.333334a85.333333 85.333333 0 0 1 0 170.666666H85.333333a42.666667 42.666667 0 0 0-42.666666 42.666667V640a42.666667 42.666667 0 0 0 42.666666 42.666667h149.333334a170.666667 170.666667 0 0 0 170.666666 170.666666z m0-85.333333a85.333333 85.333333 0 0 1-85.333333-85.333333v-42.666667a42.666667 42.666667 0 0 0-42.666667-42.666667H128v-170.666666h42.666667a170.666667 170.666667 0 0 0 170.453333-162.133334L341.333333 256a170.666667 170.666667 0 0 0-170.666666-170.666667H128v-85.333333h554.666667v128a42.666667 42.666667 0 0 0 37.674666 42.368L725.333333 170.666667h85.333334a85.333333 85.333333 0 0 1 0 170.666666h-85.333334a42.666667 42.666667 0 0 0-42.666666 42.666667V597.333333h-149.333334a42.666667 42.666667 0 0 0-42.368 37.674667L490.666667 640V682.666667a85.333333 85.333333 0 0 1-85.333334 85.333333z"  horiz-adv-x="1024" />
       
@@ -296,9 +316,7 @@
       
       <glyph glyph-name="icon_block_filled" unicode="&#59115;" d="M512-85.333333c259.2 0 469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384s210.133333-469.333333 469.333333-469.333333zM298.666667 405.333333a21.333333 21.333333 0 0 0 21.333333 21.333334h384a21.333333 21.333333 0 0 0 21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 0-21.333333-21.333334h-384a21.333333 21.333333 0 0 0-21.333333 21.333334v42.666666z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_not-started_filled" unicode="&#59124;" d="M512-85.333333c259.2 0 469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384s210.133333-469.333333 469.333333-469.333333zM234.666667 416a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-64a32 32 0 0 0-32-32h-64a32 32 0 0 0-32 32v64zM661.333333 416a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-64a32 32 0 0 0-32-32h-64a32 32 0 0 0-32 32v64zM480 448a32 32 0 0 1-32-32v-64c0-17.664 14.336-32 32-32h64a32 32 0 0 1 32 32v64a32 32 0 0 1-32 32h-64z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_not-started_filled" unicode="&#59124;" d="M981.333333 384c0-259.2-210.133333-469.333333-469.333333-469.333333S42.666667 124.79999999999995 42.666667 384 252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333z m-213.333333 64h-85.333333a21.248 21.248 0 0 1-21.333334-21.333333v-85.333334a21.333333 21.333333 0 0 1 21.333334-21.333333h85.333333a21.248 21.248 0 0 1 21.333333 21.333333v85.333334a21.248 21.248 0 0 1-21.333333 21.333333z m-426.666667 0H256a21.290667 21.290667 0 0 1-21.333333-21.333333v-85.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h85.333333a21.333333 21.333333 0 0 1 21.333334 21.333333v85.333334a21.333333 21.333333 0 0 1-21.333334 21.333333z m221.482667-1.621333A21.248 21.248 0 0 1 554.666667 448h-85.333334a21.248 21.248 0 0 1-21.333333-21.333333v-85.333334a21.333333 21.333333 0 0 1 21.333333-21.333333h85.333334a21.248 21.248 0 0 1 21.333333 21.333333v85.333334a21.248 21.248 0 0 1-13.184 19.712z"  horiz-adv-x="1024" />
-      
-      <glyph glyph-name="icon_skip_filled" unicode="&#59128;" d="M512-85.333333c259.2 0 469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384s210.133333-469.333333 469.333333-469.333333zM798.634667 368.896a21.333333 21.333333 0 0 1 0 30.208l-30.165334 30.165333h-0.042666l-113.322667 113.365334a21.333333 21.333333 0 0 1-30.165333 0l-30.165334-30.208a21.333333 21.333333 0 0 1 0-30.165334L650.368 426.666667H405.333333a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334h245.034667l-55.594667-55.594666a21.333333 21.333333 0 0 1 0-30.165334l30.165334-30.165333a21.333333 21.333333 0 0 1 30.165333 0l113.322667 113.322667 30.208 30.165333zM234.666667 426.666667a21.333333 21.333333 0 0 1-21.333334-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333334-21.333334h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333334 21.333334h-42.666666z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_divider_outlined" unicode="&#59130;" d="M134.997333 426.666667h753.962667c11.733333 0 21.248-9.557333 21.248-21.333334v-42.666666c0-11.776-9.514667-21.333333-21.248-21.333334H135.04a21.290667 21.290667 0 0 0-21.248 21.333334v42.666666c0 11.776 9.472 21.333333 21.205333 21.333334z m0 355.541333h128c11.733333 0 21.248-9.557333 21.248-21.333333v-42.666667c0-11.776-9.514667-21.333333-21.205333-21.333333h-128a21.290667 21.290667 0 0 0-21.248 21.333333v42.666667c0 11.776 9.472 21.333333 21.205333 21.333333z m313.045334 0h128c11.733333 0 21.248-9.557333 21.248-21.333333v-42.666667c0-11.776-9.514667-21.333333-21.248-21.333333h-128a21.290667 21.290667 0 0 0-21.248 21.333333v42.666667c0 11.776 9.514667 21.333333 21.248 21.333333z m312.746666 0h128c11.733333 0 21.248-9.557333 21.248-21.333333v-42.666667c0-11.776-9.514667-21.333333-21.248-21.333333h-128a21.290667 21.290667 0 0 0-21.248 21.333333v42.666667c0 11.776 9.514667 21.333333 21.248 21.333333zM134.997333 71.04h128c11.733333 0 21.248-9.557333 21.248-21.333333v-42.666667c0-11.776-9.514667-21.333333-21.205333-21.333333h-128a21.290667 21.290667 0 0 0-21.248 21.333333v42.666667c0 11.776 9.472 21.333333 21.205333 21.333333z m313.045334 0h128c11.733333 0 21.248-9.557333 21.248-21.333333v-42.666667c0-11.776-9.514667-21.333333-21.248-21.333333h-128a21.290667 21.290667 0 0 0-21.248 21.333333v42.666667c0 11.776 9.514667 21.333333 21.248 21.333333z m312.746666 0h128c11.733333 0 21.248-9.557333 21.248-21.333333v-42.666667c0-11.776-9.514667-21.333333-21.248-21.333333h-128a21.290667 21.290667 0 0 0-21.248 21.333333v42.666667c0 11.776 9.514667 21.333333 21.248 21.333333z"  horiz-adv-x="1024" />
       
@@ -310,7 +328,7 @@
       
       <glyph glyph-name="icon_pie_filled" unicode="&#59118;" d="M546.730667 770.986667v-312.576c0-21.802667 17.792-39.68 39.637333-39.68h312.704a39.338667 39.338667 0 0 1 39.594667 38.741333A352.298667 352.298667 0 0 1 586.368 810.666667h-0.938667a39.381333 39.381333 0 0 1-38.698666-39.68zM85.461333 329.6c4.949333-200.96 171.093333-367.146667 372.138667-372.138667 215.466667-5.376 392.064 168.064 391.765333 382.421334a39.594667 39.594667 0 0 1-39.68 39.168h-302.677333V681.6c0 21.674667-17.493333 39.68-39.168 39.68h-0.554667c-214.101333 0-387.242667-176.426667-381.866666-391.722667z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_resubmit_filled" unicode="&#59119;" d="M512-85.333333c259.2 0 469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384s210.133333-469.333333 469.333333-469.333333zM512 227.541333a156.458667 156.458667 0 1 1 0 312.917334 156.458667 156.458667 0 0 1 0-312.917334z m0-78.208a234.666667 234.666667 0 1 1 0 469.333334 234.666667 234.666667 0 0 1 0-469.333334z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_resubmit_filled" unicode="&#59119;" d="M512-85.33333300000004c259.2 0 469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384s210.133333-469.333333 469.333333-469.333333z m256 469.333333a256 256 0 1 0-512 0 256 256 0 0 0 512 0z m-256-170.666667a170.666667 170.666667 0 1 1 0 341.333334 170.666667 170.666667 0 0 1 0-341.333334z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_switch_outlined1" unicode="&#59120;" d="M106.666667 537.045333a21.333333 21.333333 0 0 1 21.333333-21.333333h778.666667c38.570667 0 57.344 47.104 29.354666 73.642667l-218.154666 206.634666a21.333333 21.333333 0 0 1-30.165334-0.810666l-29.525333-31.146667a21.333333 21.333333 0 0 1 0.597333-29.994667l140.8-136.789333H128a21.333333 21.333333 0 0 1-21.333333-21.333333v-38.869334zM117.333333 256c-38.570667 0-57.344-47.104-29.354666-73.642667l218.154666-206.677333a21.333333 21.333333 0 0 1 30.165334 0.853333l29.354666 30.933334a21.333333 21.333333 0 0 1-0.853333 30.165333L224.426667 170.666667H896a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333H117.333333z"  horiz-adv-x="1024" />
       
@@ -364,17 +382,17 @@
       
       <glyph glyph-name="icon_intersect" unicode="&#59054;" d="M512 162.26133300000004A255.914667 255.914667 0 0 1 640 384c0 94.72-51.498667 177.493333-128 221.738667A255.914667 255.914667 0 0 1 384 384c0-94.72 51.498667-177.493333 128-221.738667zM512 67.45600000000002a341.333333 341.333333 0 1 0 0 633.045333 341.333333 341.333333 0 1 0 0-633.045333z m99.541333 62.122667a256 256 0 1 1 0 508.885333A340.48 340.48 0 0 0 725.333333 384a340.48 340.48 0 0 0-113.792-254.421333zM412.458667 638.421333a256 256 0 1 1 0-508.885333A340.48 340.48 0 0 0 298.666667 384a340.48 340.48 0 0 0 113.792 254.421333zM512 605.7386670000001A255.914667 255.914667 0 0 1 384 384c0-94.72 51.498667-177.493333 128-221.738667A255.914667 255.914667 0 0 1 640 384c0 94.72-51.498667 177.493333-128 221.738667z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_info_filled" unicode="&#59013;" d="M512-85.33333300000004c259.2 0 469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384s210.133333-469.333333 469.333333-469.333333zM512 661.333333A53.333333 53.333333 0 1 0 512 554.666667a53.333333 53.333333 0 0 0 0 106.666666z m10.666667-149.333333h-64a21.333333 21.333333 0 0 1-21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h21.333333v-213.333334H426.666667a21.333333 21.333333 0 0 1-21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h192a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-53.333334v256a42.666667 42.666667 0 0 1-42.666666 42.666667z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_info_filled" unicode="&#59013;" d="M42.666667 384c0-259.2 210.133333-469.333333 469.333333-469.333333s469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384z m469.333333 277.333333A53.333333 53.333333 0 1 0 512 554.666667a53.333333 53.333333 0 0 0 0 106.666666zM458.666667 512h64a42.666667 42.666667 0 0 0 42.666666-42.666667v-256h53.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333H426.666667a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333h53.333333v213.333334h-21.333333a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_close_filled" unicode="&#59025;" d="M42.666667 384c0-259.2 210.133333-469.333333 469.333333-469.333333s469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384zM512 444.330667L385.066667 571.264a21.333333 21.333333 0 0 1-30.165334 0l-30.165333-30.165333a21.333333 21.333333 0 0 1 0-30.165334L451.669333 384l-126.933333-126.933333a21.333333 21.333333 0 0 1 0-30.165334l30.165333-30.165333a21.333333 21.333333 0 0 1 30.165334 0L512 323.66933300000005l126.933333-126.933333a21.333333 21.333333 0 0 1 30.165334 0l30.165333 30.165333a21.333333 21.333333 0 0 1 0 30.165334L572.330667 384l126.933333 126.933333a21.333333 21.333333 0 0 1 0 30.165334l-30.165333 30.165333a21.333333 21.333333 0 0 1-30.165334 0L512 444.330667z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_close_filled" unicode="&#59025;" d="M42.666667 384c0-259.2 210.133333-469.333333 469.333333-469.333333s469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384z m469.333333 60.330667l126.933333 126.933333a21.333333 21.333333 0 0 0 30.165334 0l30.165333-30.165333a21.333333 21.333333 0 0 0 0-30.165334L572.330667 384l126.933333-126.933333a21.333333 21.333333 0 0 0 0-30.165334l-30.165333-30.165333a21.333333 21.333333 0 0 0-30.165334 0L512 323.66933300000005 385.066667 196.69333300000005a21.333333 21.333333 0 0 0-30.165334 0l-30.165333 30.165334a21.333333 21.333333 0 0 0 0 30.165333L451.669333 384 324.736 510.933333a21.333333 21.333333 0 0 0 0 30.165334l30.165333 30.165333a21.333333 21.333333 0 0 0 30.165334 0L512 444.330667z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_info_outlined" unicode="&#59030;" d="M512 661.333333A53.333333 53.333333 0 1 0 512 554.666667a53.333333 53.333333 0 0 0 0 106.666666zM522.666667 512h-64a21.333333 21.333333 0 0 1-21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h21.333333v-213.333334H426.666667a21.333333 21.333333 0 0 1-21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h192a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-53.333334v256a42.666667 42.666667 0 0 1-42.666666 42.666667zM512-85.33333300000004C252.8-85.33333300000004 42.666667 124.79999999999995 42.666667 384S252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333-210.133333-469.333333-469.333333-469.333333z m0 85.333333a384 384 0 1 1 0 768 384 384 0 0 1 0-768z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_warning_filled" unicode="&#59034;" d="M512-85.333333c259.2 0 469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384s210.133333-469.333333 469.333333-469.333333zM490.666667 597.333333a21.333333 21.333333 0 0 1-21.333334-21.333333v-256a21.333333 21.333333 0 0 1 21.333334-21.333333h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333333v256a21.333333 21.333333 0 0 1-21.333334 21.333333h-42.666666zM490.666667 256a21.333333 21.333333 0 0 1-21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333334 21.333333h-42.666666z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_warning_filled" unicode="&#59034;" d="M981.333333 384c0-259.2-210.133333-469.333333-469.333333-469.333333S42.666667 124.79999999999995 42.666667 384 252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333zM469.333333 576v-256a21.333333 21.333333 0 0 1 21.333334-21.333333h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333333v256a21.333333 21.333333 0 0 1-21.333334 21.333333h-42.666666a21.333333 21.333333 0 0 1-21.333334-21.333333z m0-341.333333v-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333334 21.333333h-42.666666a21.333333 21.333333 0 0 1-21.333334-21.333333z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_yes_outlined" unicode="&#59048;" d="M512 0a384 384 0 1 1 0 768 384 384 0 0 1 0-768z m0-85.333333C252.8-85.333333 42.666667 124.8 42.666667 384S252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333-210.133333-469.333333-469.333333-469.333333z m-49.493333 372.053333l226.261333 226.261333a21.333333 21.333333 0 0 0 30.165333 0l30.165334-30.165333a21.333333 21.333333 0 0 0 0-30.165333l-271.488-271.530667a21.333333 21.333333 0 0 0-30.208 0l-156.16 156.16a21.333333 21.333333 0 0 0 0 30.208l30.165333 30.165333a21.333333 21.333333 0 0 0 30.165333 0l110.933334-110.933333z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="icon_succeed_filled" unicode="&#59066;" d="M42.666667 384c0-259.242667 210.090667-469.333333 469.333333-469.333333s469.333333 210.090667 469.333333 469.333333S771.242667 853.333333 512 853.333333 42.666667 643.242667 42.666667 384zM742.272 477.013333a29.312 29.312 0 0 1 0 41.514667l-20.736 20.736a29.354667 29.354667 0 0 1-41.514667 0l-233.173333-233.173333-86.528 86.485333a29.312 29.312 0 0 1-41.472 0l-20.736-20.736a29.312 29.312 0 0 1 0-41.472l124.416-124.458667a29.44 29.44 0 0 1 30.037333-7.082666 29.269333 29.269333 0 0 1 20.053334 8.533333l269.653333 269.653333z"  horiz-adv-x="1024" />
+      <glyph glyph-name="icon_succeed_filled" unicode="&#59066;" d="M42.666667 384c0-259.2 210.133333-469.333333 469.333333-469.333333s469.333333 210.133333 469.333333 469.333333S771.2 853.333333 512 853.333333 42.666667 643.2 42.666667 384z m646.101333 128.981333a21.333333 21.333333 0 0 0 30.165333 0l30.165334-30.165333a21.333333 21.333333 0 0 0 0-30.165333l-271.488-271.530667a21.333333 21.333333 0 0 0-30.208 0l-156.16 156.16a21.333333 21.333333 0 0 0 0 30.208l30.165333 30.165333a21.333333 21.333333 0 0 0 30.165333 0l110.933334-110.933333 226.261333 226.261333z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon-maybe_outlined" unicode="&#59067;" d="M512 0a384 384 0 1 1 0 768 384 384 0 0 1 0-768z m0-85.333333C252.8-85.333333 42.666667 124.8 42.666667 384S252.8 853.333333 512 853.333333s469.333333-210.133333 469.333333-469.333333-210.133333-469.333333-469.333333-469.333333z m-21.333333 298.666666h42.666666a21.333333 21.333333 0 0 0 21.333334-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333334-21.333333h-42.666666a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333zM343.466667 499.968c0.554667 4.778667 1.109333 8.746667 1.664 11.946667 8.32 46.293333 29.397333 80.341333 63.189333 102.144 26.453333 17.28 59.008 25.941333 97.621333 25.941333 50.730667 0 92.842667-12.288 126.378667-36.864 33.578667-24.533333 50.346667-60.928 50.346667-109.141333 0-29.568-7.253333-54.485333-21.888-74.752-8.533333-12.245333-24.917333-27.946667-49.152-47.061334l-23.893334-18.773333c-13.013333-10.24-21.632-22.186667-25.898666-35.84-1.152-3.712-2.176-10.624-3.072-20.736a21.333333 21.333333 0 0 0-21.248-19.498667h-47.786667a21.333333 21.333333 0 0 0-21.248 23.296c2.773333 29.696 5.717333 48.469333 8.832 56.362667 5.845333 14.677333 20.906667 31.573333 45.141333 50.688l24.533334 19.413333c8.106667 6.144 49.749333 35.456 49.749333 61.44 0 25.941333-4.522667 35.498667-17.578667 49.749334-13.013333 14.208-42.368 18.773333-68.864 18.773333-26.026667 0-48.256-6.869333-59.136-24.405333-5.034667-8.106667-9.173333-16.768-12.117333-25.6a89.472 89.472 0 0 1-3.114667-13.098667 21.333333 21.333333 0 0 0-21.034666-17.706667H364.672a21.333333 21.333333 0 0 0-21.205333 23.722667z"  horiz-adv-x="1024" />
       

frontend/src/assets/style/arco-reset.less

@@ -53,6 +53,7 @@
         @apply relative;
 
         top: 3px;
+        margin-right: 8px;
         .arco-icon {
           font-size: 20px;
         }
@@ -83,7 +84,7 @@
     }
   }
 }
-.ms-usemodal-warning {
+.ms-usemodal-error {
   .arco-modal-title-icon {
     .arco-icon {
       color: rgb(var(--danger-6));
@@ -620,3 +621,8 @@
     font-size: 14px;
   }
 }
+
+/** 虚拟列表 **/
+.arco-virtual-list {
+  .ms-scroll-bar();
+}

frontend/src/assets/style/var.less

@@ -6,6 +6,7 @@
 
 @color-white: #fff;
 @color-fill-2: rgb(var(--primary-9));
+@color-text-5: #aeaeb2;
 
 /** 常用颜色类 **/
 

frontend/src/components/bussiness/ms-cascader/index.vue

@@ -12,6 +12,7 @@
     :max-tag-count="maxTagCount"
     :virtual-list-props="props.virtualListProps"
     :placeholder="props.placeholder"
+    :loading="props.loading"
     @change="handleMsCascaderChange"
   >
     <template #prefix>
@@ -26,7 +27,7 @@
       <a-tooltip :content="data.label" position="top" :mouse-enter-delay="500" mini>
         <a-radio
           v-if="data.level === 0"
-          v-model:model-value="level"
+          v-model:model-value="innerLevel"
           :value="data.value.value"
           size="mini"
           @change="handleLevelChange"
@@ -50,6 +51,7 @@
     :max-tag-count="maxTagCount"
     :placeholder="props.placeholder"
     :virtual-list-props="props.virtualListProps"
+    :loading="props.loading"
   >
     <template #prefix>
       {{ props.prefix }}
@@ -83,19 +85,21 @@
       mode?: 'MS' | 'native'; // MS的多选、原生;这里的多选指的是出了一级以外的多选，一级是顶级分类选项只能单选。原生模式使用 arco-design 的 cascader 组件，只加了getOptionComputedStyle
       prefix?: string; // 输入框前缀
       levelTop?: string[]; // 顶级选项，多选时则必传
+      level?: string; // 顶级选项，该级别为单选选项
       multiple?: boolean; // 是否多选
       strictly?: boolean; // 是否严格模式
       virtualListProps?: VirtualListProps; // 传入开启虚拟滚动
       placeholder?: string;
+      loading?: boolean;
     }>(),
     {
       mode: 'MS',
     }
   );
-  const emit = defineEmits(['update:modelValue']);
+  const emit = defineEmits(['update:modelValue', 'update:level']);
 
   const innerValue = ref<CascaderModelValue>([]);
-  const level = ref(''); // 顶级选项，该级别为单选选项
+  const innerLevel = ref(''); // 顶级选项，该级别为单选选项
   const maxTagCount = ref(1); // 最大显示 tag 数量
   const cascader: Ref = ref(null);
   const cascaderWidth = ref(0); // cascader 宽度
@@ -113,7 +117,7 @@
         typeof val[0] === 'string' &&
         props.levelTop?.includes(val[0])
       ) {
-        level.value = val[0] as string;
+        innerLevel.value = val[0] as string;
       }
     },
     {
@@ -125,6 +129,27 @@
     () => innerValue.value,
     (val) => {
       emit('update:modelValue', val);
+      if (val === '') {
+        innerLevel.value = '';
+        emit('update:level', val);
+      }
+    }
+  );
+
+  watch(
+    () => props.level,
+    (val) => {
+      innerLevel.value = val || '';
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => innerLevel.value,
+    (val) => {
+      emit('update:level', val);
     }
   );
 
@@ -170,7 +195,7 @@
         innerValue.value = innerValue.value.filter(
           (e) => typeof e !== 'string' && (e as CascaderValue).level === lastValue.level
         );
-        level.value = '';
+        innerLevel.value = '';
       }
     }
     nextTick(() => {

frontend/src/components/pure/ms-timeline/index.vue

@@ -0,0 +1,157 @@
+<template>
+  <a-timeline v-if="mode === 'static'" class="ms-timeline">
+    <a-timeline-item
+      v-for="item of props.list"
+      :key="item.id || item.label"
+      :dot-color="item.dotColor || 'var(--color-text-input-border)'"
+      :label="item.label"
+      :line-type="item.lineType"
+    >
+      <slot name="content">
+        <span class="timeline-text">{{ item.time }}</span>
+      </slot>
+    </a-timeline-item>
+  </a-timeline>
+  <a-timeline
+    v-else
+    :class="[
+      'ms-timeline',
+      isArrivedTop ? 'ms-timeline--hidden-top-shadow' : '',
+      isArrivedBottom ? 'ms-timeline--hidden-bottom-shadow' : '',
+    ]"
+  >
+    <a-list
+      ref="listRef"
+      :data="props.list"
+      :virtual-list-props="{ height: props.maxHeight }"
+      :bordered="false"
+      @reach-bottom="handleReachBottom"
+    >
+      <template #item="{ item, index }">
+        <div>
+          <a-list-item :key="item.id">
+            <a-timeline-item :dot-color="item.dotColor || 'var(--color-text-input-border)'" :line-type="item.lineType">
+              <slot name="time" :item="item">
+                <span class="timeline-text">{{ item.time }}</span>
+              </slot>
+              <slot name="content" :item="item">
+                <div>{{ item.label }}</div>
+              </slot>
+            </a-timeline-item>
+          </a-list-item>
+          <div v-if="index === props.list.length - 1" class="flex h-[32px] items-center justify-center">
+            <div v-if="noMoreData" class="text-[var(--color-text-4)]">{{ t('ms.timeline.noMoreData') }}</div>
+            <a-spin v-else />
+          </div>
+        </div>
+      </template>
+    </a-list>
+  </a-timeline>
+</template>
+
+<script setup lang="ts">
+  import { nextTick, ref, Ref, watch, onBeforeUnmount } from 'vue';
+  import { useI18n } from '@/hooks/useI18n';
+
+  import type { MsTimeLineListItem } from './types';
+
+  const props = withDefaults(
+    defineProps<{
+      mode?: 'static' | 'remote'; // 静态数据或者远程数据
+      list: MsTimeLineListItem[];
+      noMoreData?: boolean;
+      maxHeight?: string | number;
+    }>(),
+    {
+      mode: 'static',
+      noMoreData: false,
+      maxHeight: 400,
+    }
+  );
+
+  const emit = defineEmits(['reachBottom']); // reach-bottom是列表滚动触底事件
+
+  const { t } = useI18n();
+  const listRef: Ref = ref(null);
+  const isArrivedTop = ref(true);
+  const isArrivedBottom = ref(true);
+  const isInitListener = ref(false);
+
+  /**
+   * 监听列表内容区域滚动，以切换顶部底部阴影
+   * @param event 滚动事件
+   */
+  function listenScroll(event: Event) {
+    if (event.target) {
+      const listContent = event.target as HTMLElement;
+      const { scrollTop, scrollHeight, clientHeight } = listContent;
+      const scrollBottom = scrollHeight - clientHeight - scrollTop;
+      isArrivedTop.value = scrollTop < 20;
+      isArrivedBottom.value = scrollBottom < 40;
+    }
+  }
+
+  watch(props.list, () => {
+    if (props.list.length > 0 && !isInitListener.value) {
+      nextTick(() => {
+        const listContent = listRef.value?.$el.querySelector('.arco-list-content');
+        isInitListener.value = true;
+        listContent.addEventListener('scroll', listenScroll);
+      });
+    }
+    nextTick(() => {
+      // 为了在列表数据滚动加载时，能够正确判断是否滚动到底部，因为此时没有触发滚动事件，而在加载前触发了滚动到底部的判断
+      const listContent = listRef.value?.$el.querySelector('.arco-list-content');
+      const { scrollTop, scrollHeight, clientHeight } = listContent;
+      isArrivedBottom.value = scrollHeight - clientHeight - scrollTop < 20;
+    });
+  });
+
+  function handleReachBottom() {
+    if (!props.noMoreData && props.list.length > 0) {
+      emit('reachBottom');
+    }
+  }
+
+  onBeforeUnmount(() => {
+    const listContent = listRef.value?.$el.querySelector('.arco-list-content');
+    if (listContent) {
+      listContent.removeEventListener('scroll', listenScroll);
+    }
+  });
+</script>
+
+<style lang="less" scoped>
+  .ms-timeline {
+    box-shadow: inset 0 10px 6px -10px rgb(0 0 0 / 15%), inset 0 -10px 6px -10px rgb(0 0 0 / 15%);
+    transition: box-shadow 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
+    :deep(.arco-list) {
+      border-radius: 0;
+    }
+    .arco-list-wrapper {
+      .arco-list-item {
+        @apply border-none !py-0;
+      }
+    }
+    .arco-timeline-item {
+      padding-bottom: 24px;
+      min-height: auto;
+      :deep(.arco-timeline-item-dot-line) {
+        @apply !block;
+      }
+    }
+    :deep(.arco-timeline-item-label) {
+      font-size: 14px;
+      color: var(--color-text-2);
+    }
+    .timeline-text {
+      color: @color-text-5;
+    }
+  }
+  .ms-timeline--hidden-top-shadow {
+    box-shadow: inset 0 -10px 6px -10px rgb(0 0 0 / 15%);
+  }
+  .ms-timeline--hidden-bottom-shadow {
+    box-shadow: inset 0 10px 6px -10px rgb(0 0 0 / 15%);
+  }
+</style>

frontend/src/components/pure/ms-timeline/locale/en-US.ts

@@ -0,0 +1,3 @@
+export default {
+  'ms.timeline.noMoreData': 'No more data',
+};

frontend/src/components/pure/ms-timeline/locale/zh-CN.ts

@@ -0,0 +1,3 @@
+export default {
+  'ms.timeline.noMoreData': '没有更多数据了',
+};

frontend/src/components/pure/ms-timeline/types.ts

@@ -0,0 +1,10 @@
+import type { LineType } from '@arco-design/web-vue/es/timeline/interface';
+
+export interface MsTimeLineListItem {
+  id?: string;
+  label?: string;
+  time: string;
+  dotColor?: string;
+  lineType?: LineType;
+  isLast?: boolean; // 是否最后一条列表项，最后一个列表项展示的是 loading 或者暂无更多数据，因为列表支持滚动加载，所以最后一个 item 需要特殊处理
+}

frontend/src/store/modules/app/index.ts

@@ -219,8 +219,8 @@ const useAppStore = defineStore('app', {
               // 四个属性值为文件类型，单独处理
               this.pageConfig[key] = [
                 {
-                  url: e.paramValue,
+                  url: e.fileName,
-                  name: e.fileName,
+                  name: e.paramValue,
                 },
               ] as any;
             } else {