@opentiny/fluent-editor 4.0.0-alpha.6 → 4.0.0-alpha.8

package/src/assets/link.scss

@@ -0,0 +1,120 @@
+@mixin linkTooltip {
+  #editor {
+    .ql-tooltip {
+      position: absolute;
+      transform: translateY(10px);
+      background-color: #fff;
+      border: 1px solid #adb0b8;
+      box-shadow: 0 2px 8px 0 rgba(37, 43, 58, 0.2);
+      color: #252b3a;
+      padding: 5px 3px;
+      white-space: nowrap;
+
+      &[data-mode='link']::before {
+        content: none;
+      }
+
+      &.ql-flip {
+        transform: translateY(-10px);
+      }
+
+      &.ql-editing {
+        input[type='text'] {
+          display: inline-block;
+        }
+
+        a.ql-remove,
+        a.ql-preview {
+          display: inline-block;
+
+          &::before {
+            content: none;
+          }
+        }
+      }
+
+      input[type='text'] {
+        display: none;
+        border: 0;
+        outline: none;
+        font-size: 13px;
+        height: 28px;
+        margin: 0;
+        padding: 0 6px;
+        width: 200px;
+        background-color: #fff;
+      }
+
+      .ql-split {
+        width: 1px;
+        height: 16px;
+        line-height: 16px;
+        margin: 6px 4px;
+        border-left: 1px solid #adb0b8;
+        display: inline-block;
+        vertical-align: bottom;
+      }
+      .ql-preview {
+        .icon-share {
+          display: block;
+          font-size: 16px;
+          color: #252b3a;
+          line-height: 28px;
+          font-family: 'iconfont' !important;
+          font-size: 16px;
+          font-style: normal;
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+          &::before {
+            content: '\e683';
+          }
+        }
+      }
+      .ql-remove {
+        .icon-delete {
+          display: block;
+          font-size: 16px;
+          color: #252b3a;
+          line-height: 28px;
+          font-family: 'iconfont' !important;
+          font-size: 16px;
+          font-style: normal;
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+          &::before {
+            content: '\ec45';
+          }
+        }
+      }
+    }
+
+    .ql-tooltip a {
+      line-height: 28px;
+      margin: 0 3px;
+      padding: 0 3px;
+      min-width: 28px;
+      display: inline-block;
+      text-align: center;
+      color: #babbc0;
+      border-radius: 2px 2px;
+      text-decoration: none;
+      -webkit-transition: background-color 0.3s ease-in-out;
+      transition: background-color 0.3s ease-in-out;
+      cursor: pointer;
+      vertical-align: bottom;
+
+      i {
+        display: block;
+        font-size: 16px;
+        color: #babbc0;
+        line-height: 28px;
+      }
+
+      &:hover {
+        background-color: #949597;
+      }
+    }
+  }
+}
+// 编辑器正文
+@include linkTooltip;

package/src/assets/mathlive.scss

@@ -0,0 +1,40 @@
+.ql-math-field {
+  // background: transparent;
+  border: none;
+
+  &::part(virtual-keyboard-toggle) {
+    height: unset;
+  }
+
+  &.view::part(menu-toggle) {
+    display: none;
+  }
+}
+
+.ql-tooltip.math-field-tooltip {
+  border: none;
+  z-index: 10;
+  padding: 0;
+
+  &::before {
+    display: none;
+  }
+
+  .ql-math-field {
+    // background: transparent;
+    border: none;
+    width: 400px;
+
+    &::part(virtual-keyboard-toggle) {
+      height: unset;
+    }
+
+    &.view::part(menu-toggle) {
+      display: none;
+    }
+
+    &::part(container) {
+      font-size: 24px;
+    }
+  }
+}

package/src/assets/mention.scss

@@ -0,0 +1,48 @@
+@use './common';
+// @import './styles-var/private/z-index';
+
+// 模块：@提醒 mention
+@mixin mention {
+  .ql-mention-list-container {
+    .ql-mention-list {
+      position: absolute;
+      background: #ffffff;
+      opacity: 1;
+      overflow-x: hidden;
+      overflow-y: auto;
+      width: auto;
+      padding: 5px 0;
+      list-style: none;
+      border-radius: 2px;
+      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
+      z-index: 1052;
+
+      &.ql-mention-list--hide {
+        position: static;
+        height: 0;
+        opacity: 0;
+        display: none;
+      }
+
+      & .ql-mention-item {
+        cursor: pointer;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        height: 36px;
+        line-height: 36px;
+        padding: 0 20px;
+        color: #252b3a;
+        font-size: 14px;
+        display: block;
+        font-weight: normal;
+
+        &.ql-mention-item--active {
+          background-color: #5e7ce0;
+          color: #ffffff;
+        }
+      }
+    }
+  }
+  @include common.mentionLink;
+}

package/src/assets/screenshot.scss

@@ -0,0 +1,78 @@
+.ql-screenshot {
+  &-wrapper {
+    --ql-screenshot-color-bg: rgba(0, 0, 0, 0.5);
+    --ql-screenshot-color-confirm: #2196f3;
+    --ql-screenshot-color-cancel: #ef1749;
+
+    .ql-screenshot-cancel,
+    .ql-screenshot-confirm {
+      position: relative;
+      height: 16px;
+      width: 16px;
+      cursor: pointer;
+    }
+    .ql-screenshot-confirm {
+      background-color: var(--ql-screenshot-color-confirm);
+      &::after {
+        content: '';
+        position: absolute;
+        left: 6px;
+        top: 3px;
+        width: 5px;
+        height: 10px;
+        border: solid #fff;
+        border-width: 0 3px 3px 0;
+        transform: rotate(45deg);
+      }
+    }
+    .ql-screenshot-cancel {
+      background-color: var(--ql-screenshot-color-cancel);
+      &::after {
+        content: '';
+        position: absolute;
+        left: 7px;
+        top: 2px;
+        width: 2px;
+        height: 12px;
+        border: solid #fff;
+        border-width: 0 3px 3px 0;
+        transform: rotate(45deg);
+      }
+      &::before {
+        content: '';
+        position: absolute;
+        left: 7px;
+        top: 2px;
+        width: 2px;
+        height: 12px;
+        border: solid #fff;
+        border-width: 0 3px 3px 0;
+        transform: rotate(-45deg);
+      }
+    }
+  }
+  &-mask {
+    position: fixed;
+    inset: 0;
+    background-color: var(--ql-screenshot-color-bg);
+    z-index: 50;
+  }
+  &-cutter {
+    position: fixed;
+    border: 1px solid #fff;
+    z-index: 50;
+  }
+  &-coordinate,
+  &-done {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    font-size: 14px;
+    white-space: nowrap;
+  }
+  &-done {
+    display: flex;
+    border-top: 1px solid #333;
+    border-left: 1px solid #333;
+  }
+}

package/src/assets/size.scss

@@ -0,0 +1,11 @@
+// 文字大小
+.ql-size.ql-picker {
+  width: 98px;
+
+  .ql-picker-label[data-value],
+  .ql-picker-item[data-value] {
+    &::before {
+      content: attr(data-value);
+    }
+  }
+}

package/src/assets/style.scss

@@ -0,0 +1,46 @@
+@use './common' as *;
+@use './video.scss' as *;
+@use './variable.scss' as *;
+@use './mention';
+@use './toolbar';
+@use './editor' as *;
+@use './counter';
+@use './size' as *;
+@use './font' as *;
+@use './lineHeight' as *;
+@use './fileBar' as *;
+@use './imageBar';
+@use './custom-image';
+@use './link' as *;
+@use './fullscreen' as *;
+@use './screenshot' as *;
+@use './mathlive' as *;
+@use './ai.scss' as *;
+
+// 使用 load-css 导入纯 CSS 文件（现代化方式）
+@use 'sass:meta';
+@include meta.load-css('quill/dist/quill.snow.css');
+@include meta.load-css('quill-shortcut-key/index.css');
+@include meta.load-css('quill-easy-color/dist/index.css');
+
+@font-face {
+  font-family: 'iconfont'; /* Project id 3231649 */
+  src:
+    url('./iconfont/iconfont.woff2') format('woff2'),
+    url('./iconfont/iconfont.woff') format('woff'),
+    url('./iconfont/iconfont.ttf') format('truetype');
+}
+
+// 模块：字数统计 counter
+@include counter.counter;
+
+// 模块：@提醒 mention
+@include mention.mention;
+
+// 模块：工具栏 toolbar
+@include toolbar.toolbar;
+
+// @include lineHeight.lineHeightList;
+
+// 图片预览
+@include custom-image.imagePreview;

package/src/assets/svgs/align-center.svg

@@ -0,0 +1,41 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<mask id="mask_6" width="14.000002" height="14.000000" x="0.000000" y="0.000000" maskUnits="userSpaceOnUse">
+		<g filter="url(#pixso_custom_mask_type_luminance)">
+			<g id="mask-2">
+				<path id="path-1" d="M14 0L14 14L8.44667 14L8.44667 4.27246e-06L14 0ZM5.58524 14L0 14L0 0L5.58524 0L5.58524 14Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
+			</g>
+		</g>
+	</mask>
+	<mask id="mask_5" width="14.000002" height="14.023334" x="0.000000" y="0.000000" maskUnits="userSpaceOnUse">
+		<g filter="url(#pixso_custom_mask_type_luminance)">
+			<g id="mask-2">
+				<path id="path-1" d="M14 6.84261e-07L14 14L8.44667 14.0233L8.44667 0.0233347L14 6.84261e-07ZM5.57667 14L0 14L0 6.84261e-07L5.57667 0L5.57667 14Z" fill="rgb(255,255,255)" fill-rule="nonzero" />
+			</g>
+		</g>
+	</mask>
+	<defs>
+		<linearGradient id="paint_custom_gradient_6">
+			<stop stop-color="rgb(250,100,1)" offset="0.263296664" stop-opacity="1" />
+			<stop stop-color="rgb(249.9,102.687,1)" offset="0.349490285" stop-opacity="1" />
+			<stop stop-color="rgb(247,181,1)" offset="0.494946986" stop-opacity="1" />
+			<stop stop-color="rgb(11,184,178)" offset="0.690560162" stop-opacity="1" />
+			<stop stop-color="rgb(1,145,255)" offset="0.858591199" stop-opacity="1" />
+			<stop stop-color="rgb(182,32,224)" offset="1" stop-opacity="1" />
+		</linearGradient>
+		<filter id="pixso_custom_mask_type_luminance">
+			<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0 " />
+		</filter>
+	</defs>
+	<rect id="居中对齐" width="14.000002" height="14.000000" x="0.000000" y="0.000000" fill="rgb(0,0,0)" fill-opacity="0" />
+	<g id="ic_ict_center_alignment-居中对齐/base/ic_ict_center_alignment">
+		<g id="mask" mask="url(#mask_5)">
+			<rect id="矩形 9" width="9.986669" height="3.994667" x="0.000000" y="0.000000" rx="0.998667" fill="rgb(255,255,255)" fill-opacity="0" transform="matrix(-1,0,0,1,11.9933,7.98)" />
+			<rect id="矩形 9" width="9.986669" height="3.994667" x="0.000000" y="0.000000" rx="0.998667" stroke="rgb(25,25,25)" stroke-width="1.20000005" transform="matrix(-1,0,0,1,11.9933,7.98)" />
+		</g>
+		<g id="mask" mask="url(#mask_6)">
+			<rect id="矩形 10" width="7.000001" height="3.000000" x="0.000000" y="0.000000" rx="1.000000" fill="rgb(255,255,255)" fill-opacity="0" transform="matrix(-1,0,0,1,10.5,2.00667)" />
+			<rect id="矩形 10" width="7.000001" height="3.000000" x="0.000000" y="0.000000" rx="1.000000" stroke="rgb(25,25,25)" stroke-width="1.20000005" transform="matrix(-1,0,0,1,10.5,2.00667)" />
+		</g>
+		<line id="path7" x1="4.85263408e-05" x2="12.3468046" y1="0" y2="0" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" transform="matrix(0,1,-1,0,7.00195,0.839996)" />
+	</g>
+</svg>

package/src/assets/svgs/align-justify.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<rect id="列表" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+	<g id="组合 39">
+		<path id="path" d="M0.75 2L13.25 2" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" />
+		<path id="path" d="M0.75 6.95831L13.25 6.95831" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" />
+		<path id="path" d="M0.75 11.9167L13.25 11.9167" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" />
+	</g>
+</svg>

package/src/assets/svgs/arrow-down.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="6.000000" height="6.000000" fill="none">
+	<rect id="下拉" width="6.000000" height="6.000000" x="0.000000" y="0.000000" />
+	<rect id="矩形 36" width="6.000000" height="6.000000" x="0.000000" y="0.000000" fill="rgb(196,196,196)" fill-opacity="0" />
+	<path id="矢量 368" d="M3.55944 4.57091L5.57083 2.56972C6.09403 2.04923 5.72281 1.16 4.98488 1.16L0.982375 1.18037C0.248476 1.18037 -0.115544 2.07244 0.404728 2.59007L2.39573 4.57091C2.71751 4.89108 3.23754 4.89108 3.55944 4.57091Z" fill="rgb(25,25,25)" fill-rule="evenodd" />
+	<path id="矢量 368" d="M3.55944 4.57091C3.23754 4.89108 2.71751 4.89108 2.39573 4.57091L0.404728 2.59007C-0.115544 2.07244 0.248476 1.18037 0.982375 1.18037L4.98488 1.16C5.72281 1.16 6.09403 2.04923 5.57083 2.56972L3.55944 4.57091Z" fill-rule="evenodd" stroke="rgb(25,25,25)" stroke-opacity="0" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.548243403" />
+</svg>

package/src/assets/svgs/background-color.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<rect id="颜色" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+	<g id="组合 23">
+		<path id="矢量 14" d="M1.875 12L10.625 12C11.1082 12 11.5 12.3918 11.5 12.875C11.5 13.3583 11.1082 13.75 10.625 13.75L1.875 13.75C1.39175 13.75 1 13.3583 1 12.875C1 12.3918 1.39175 12 1.875 12Z" fill="rgb(25,25,25)" fill-rule="evenodd" />
+		<path id="矢量 16" d="M2.48122 6.61409L4.43585 4.50324C4.08836 4.18763 4.06024 3.65091 4.37285 3.30072L6.73162 0.658368C7.05539 0.295677 7.61274 0.266467 7.97264 0.593328L12.4632 4.67155C12.8187 4.99448 12.8475 5.54367 12.5276 5.902L10.1609 8.55318C9.84875 8.90291 9.31132 8.93107 8.96427 8.61589L6.99814 10.7392C6.67205 11.0913 6.12315 11.1151 5.76786 10.7924L5.15289 10.2339L4.45775 11.0126C4.29174 11.1986 4.05428 11.3049 3.80499 11.3049L1.42524 11.3049C1.32797 11.3049 1.23419 11.2687 1.16218 11.2033C1.00318 11.0589 0.99031 10.8133 1.13335 10.6531L3.13971 8.40555L2.53497 7.85633C2.17479 7.52922 2.15064 6.97109 2.48122 6.61409ZM5.82179 3.21023L6.80699 2.10661C7.13076 1.74392 7.68811 1.71471 8.04801 2.04157L11.0273 4.74734C11.3829 5.07026 11.4117 5.61945 11.0918 5.97777L10.1066 7.0814C9.78286 7.44409 9.2255 7.4733 8.8656 7.14644L5.88628 4.44067C5.5307 4.11775 5.50192 3.56855 5.82179 3.21023ZM3.97699 7.78613L5.69856 9.34964C6.05251 9.67109 6.59895 9.64891 6.92567 9.29982L8.20834 7.92935L5.19115 5.18916L3.92641 6.54048C3.59269 6.89705 3.61545 7.45779 3.97699 7.78613Z" fill="rgb(25,25,25)" fill-rule="evenodd" />
+	</g>
+</svg>

package/src/assets/svgs/clean.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<rect id="橡皮擦" width="14.000000" height="14.000000" x="0.000000" y="0.000000" transform="matrix(-1,0,0,1,14,0)" />
+	<g id="组合 11">
+		<path id="path7" d="M12.4672 3.46243C13.1776 4.17288 13.1776 5.32475 12.4672 6.03521L6.03521 12.4672C5.32475 13.1776 4.17288 13.1776 3.46243 12.4672L1.53284 10.5376C0.822387 9.82712 0.822387 8.67525 1.53284 7.96479L7.96479 1.53284C8.67525 0.822387 9.82712 0.822387 10.5376 1.53284L12.4672 3.46243Z" fill-rule="evenodd" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" />
+		<line id="path8" x1="0" x2="6.36703587" y1="0" y2="0" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" transform="matrix(0.708134,0.706078,0.706078,-0.708134,3.23157,6.28783)" />
+		<path id="path9" d="M0 0C0 0 4.86592 0.00061 7.97692 0.001" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" transform="matrix(1,0,0,-1,4.52661,12.9743)" />
+	</g>
+</svg>

package/src/assets/svgs/code-block.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<rect id="引用" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+	<path id="矢量 353" d="M0.50254 6.292L1.67654 5.638C1.75427 5.59466 1.82496 5.54188 1.8886 5.47966C1.95225 5.41744 2.00661 5.34796 2.0517 5.27123C2.09679 5.1945 2.13103 5.11319 2.15441 5.02732C2.1778 4.94144 2.1895 4.854 2.18954 4.765L2.18954 2C2.18954 1.9345 2.19275 1.86915 2.19917 1.80397C2.20559 1.73878 2.21519 1.67406 2.22797 1.60982C2.24075 1.54558 2.25665 1.48211 2.27566 1.41943C2.29467 1.35675 2.31671 1.29515 2.34178 1.23463C2.36685 1.17412 2.39482 1.11497 2.4257 1.05721C2.45658 0.999439 2.49021 0.943323 2.5266 0.88886C2.56299 0.834396 2.60196 0.781848 2.64352 0.731214C2.68507 0.680579 2.72901 0.632104 2.77533 0.585786C2.82164 0.539469 2.87012 0.495533 2.92075 0.453979C2.97139 0.412425 3.02394 0.373452 3.0784 0.337061C3.13286 0.30067 3.18898 0.267035 3.24675 0.236157C3.30451 0.20528 3.36366 0.177308 3.42417 0.152241C3.48469 0.127174 3.54629 0.105134 3.60897 0.0861193C3.67165 0.067105 3.73512 0.0512083 3.79936 0.0384294C3.8636 0.0256505 3.92832 0.0160509 3.99351 0.00963055C4.05869 0.00321018 4.12404 0 4.18954 0L5.18954 0C5.22237 0 5.25489 0.00320245 5.28709 0.00960736C5.31928 0.0160123 5.35055 0.0254966 5.38088 0.0380602C5.41121 0.0506239 5.44003 0.0660256 5.46732 0.0842652C5.49462 0.102505 5.51988 0.123232 5.54309 0.146447C5.56631 0.169661 5.58703 0.194917 5.60527 0.222215C5.62351 0.249512 5.63892 0.278327 5.65148 0.308658C5.66404 0.33899 5.67353 0.370255 5.67993 0.402455C5.68634 0.434655 5.68954 0.46717 5.68954 0.5C5.68954 0.53283 5.68634 0.565346 5.67993 0.597545C5.67353 0.629745 5.66404 0.66101 5.65148 0.691342C5.63892 0.721673 5.62351 0.750487 5.60527 0.777785C5.58703 0.805083 5.56631 0.830339 5.54309 0.853553C5.51988 0.876768 5.49462 0.897495 5.46732 0.915735C5.44003 0.933974 5.41121 0.949376 5.38088 0.96194C5.35055 0.974503 5.31928 0.983988 5.28709 0.990393C5.25489 0.996798 5.22237 1 5.18954 1L4.67269 1C4.60703 1 4.542 1.0064 4.4776 1.01921C4.4132 1.03202 4.35067 1.05099 4.29 1.07612C4.22934 1.10125 4.17171 1.13205 4.11712 1.16853C4.06252 1.20501 4.01201 1.24646 3.96558 1.29289C3.91915 1.33932 3.8777 1.38983 3.84122 1.44443C3.80474 1.49902 3.77394 1.55665 3.74881 1.61732C3.72368 1.67798 3.70471 1.74051 3.6919 1.80491C3.67909 1.86931 3.67269 1.93434 3.67269 2L3.67269 4.923C3.67272 5.0132 3.66668 5.10299 3.65456 5.19237C3.64245 5.28175 3.62437 5.36991 3.60033 5.45685C3.57628 5.54378 3.5465 5.6287 3.51096 5.71161C3.47543 5.79451 3.43448 5.87465 3.3881 5.95201C3.34173 6.02938 3.29035 6.10326 3.23398 6.17368C3.17761 6.24409 3.11675 6.31039 3.05141 6.37257C2.98607 6.43475 2.91684 6.49224 2.84372 6.54506C2.7706 6.59787 2.69425 6.64552 2.61469 6.688L2.02969 7L2.61469 7.312C2.69422 7.35446 2.77053 7.40209 2.84362 7.45487C2.91671 7.50765 2.98591 7.56512 3.05123 7.62726C3.11655 7.6894 3.17739 7.75566 3.23375 7.82603C3.29011 7.8964 3.34147 7.97024 3.38785 8.04756C3.43422 8.12488 3.47518 8.20496 3.51072 8.28782C3.54626 8.37068 3.57606 8.45555 3.60013 8.54243C3.62419 8.62932 3.6423 8.71743 3.65445 8.80676C3.66659 8.8961 3.67268 8.98584 3.67269 9.076L3.67269 12C3.67269 12.0657 3.67909 12.1307 3.6919 12.1951C3.70471 12.2595 3.72368 12.322 3.74881 12.3827C3.77393 12.4433 3.80474 12.501 3.84122 12.5556C3.8777 12.6102 3.91915 12.6607 3.96558 12.7071C4.01201 12.7535 4.06252 12.795 4.11712 12.8315C4.17171 12.8679 4.22934 12.8988 4.29 12.9239C4.35067 12.949 4.4132 12.968 4.4776 12.9808C4.542 12.9936 4.60703 13 4.67269 13L5.18954 13C5.22237 13 5.25489 13.0032 5.28709 13.0096C5.31928 13.016 5.35055 13.0255 5.38088 13.0381C5.41121 13.0506 5.44003 13.066 5.46732 13.0843C5.49462 13.1025 5.51988 13.1232 5.54309 13.1464C5.56631 13.1697 5.58703 13.1949 5.60527 13.2222C5.62351 13.2495 5.63892 13.2783 5.65148 13.3087C5.66404 13.339 5.67353 13.3703 5.67993 13.4025C5.68634 13.4347 5.68954 13.4672 5.68954 13.5C5.68954 13.5328 5.68634 13.5653 5.67993 13.5975C5.67353 13.6297 5.66404 13.661 5.65148 13.6913C5.63892 13.7217 5.62351 13.7505 5.60527 13.7778C5.58703 13.8051 5.56631 13.8303 5.54309 13.8536C5.51988 13.8768 5.49462 13.8975 5.46732 13.9157C5.44003 13.934 5.41121 13.9494 5.38088 13.9619C5.35055 13.9745 5.31928 13.984 5.28709 13.9904C5.25489 13.9968 5.22237 14 5.18954 14L4.18954 14C4.12404 14 4.05869 13.9968 3.99351 13.9904C3.92832 13.9839 3.8636 13.9743 3.79936 13.9616C3.73512 13.9488 3.67165 13.9329 3.60897 13.9139C3.54629 13.8949 3.48469 13.8728 3.42417 13.8478C3.36366 13.8227 3.30451 13.7947 3.24675 13.7638C3.18898 13.733 3.13286 13.6993 3.0784 13.6629C3.02394 13.6265 2.97139 13.5876 2.92075 13.546C2.87012 13.5045 2.82164 13.4605 2.77533 13.4142C2.72901 13.3679 2.68507 13.3194 2.64352 13.2688C2.60196 13.2182 2.56299 13.1656 2.5266 13.1111C2.49021 13.0567 2.45658 13.0006 2.4257 12.9428C2.39482 12.885 2.36685 12.8259 2.34178 12.7654C2.31671 12.7049 2.29467 12.6433 2.27566 12.5806C2.25664 12.5179 2.24075 12.4544 2.22797 12.3902C2.21519 12.3259 2.20559 12.2612 2.19917 12.196C2.19275 12.1308 2.18954 12.0655 2.18954 12L2.18954 9.235C2.1895 9.146 2.1778 9.05856 2.15441 8.97268C2.13103 8.88681 2.09679 8.8055 2.0517 8.72877C2.00661 8.65204 1.95225 8.58256 1.8886 8.52034C1.82496 8.45813 1.75427 8.40534 1.67654 8.362L0.50254 7.708C0.429118 7.68234 0.361328 7.64613 0.299171 7.59938C0.237013 7.55262 0.183425 7.49754 0.138406 7.43411C0.0933869 7.37069 0.0590646 7.30192 0.0354387 7.22782C0.0118129 7.15372 0 7.07778 0 7C0 6.92222 0.0118129 6.84628 0.0354387 6.77218C0.0590646 6.69808 0.0933869 6.62931 0.138406 6.56589C0.183425 6.50246 0.237013 6.44737 0.299171 6.40062C0.361328 6.35387 0.429118 6.31766 0.50254 6.292Z" fill="rgb(0,0,0)" fill-rule="nonzero" />
+	<path id="矢量 354" d="M0.50254 6.292L1.67654 5.638C1.75427 5.59466 1.82496 5.54188 1.8886 5.47966C1.95225 5.41744 2.00661 5.34796 2.0517 5.27123C2.09679 5.1945 2.13103 5.11319 2.15441 5.02732C2.1778 4.94144 2.1895 4.854 2.18954 4.765L2.18954 2C2.18954 1.9345 2.19275 1.86915 2.19917 1.80397C2.20559 1.73878 2.21519 1.67406 2.22797 1.60982C2.24075 1.54558 2.25665 1.48211 2.27566 1.41943C2.29467 1.35675 2.31671 1.29515 2.34178 1.23463C2.36685 1.17412 2.39482 1.11497 2.4257 1.05721C2.45658 0.999439 2.49021 0.943323 2.5266 0.88886C2.56299 0.834396 2.60196 0.781848 2.64352 0.731214C2.68507 0.680579 2.72901 0.632104 2.77533 0.585786C2.82164 0.539469 2.87012 0.495533 2.92075 0.453979C2.97139 0.412425 3.02394 0.373452 3.0784 0.337061C3.13286 0.30067 3.18898 0.267035 3.24675 0.236157C3.30451 0.20528 3.36366 0.177308 3.42417 0.152241C3.48469 0.127174 3.54629 0.105134 3.60897 0.0861193C3.67165 0.067105 3.73512 0.0512083 3.79936 0.0384294C3.8636 0.0256505 3.92832 0.0160509 3.99351 0.00963055C4.05869 0.00321018 4.12404 0 4.18954 0L5.18954 0C5.22237 0 5.25489 0.00320245 5.28709 0.00960736C5.31928 0.0160123 5.35055 0.0254966 5.38088 0.0380602C5.41121 0.0506239 5.44003 0.0660256 5.46732 0.0842652C5.49462 0.102505 5.51988 0.123232 5.54309 0.146447C5.56631 0.169661 5.58703 0.194917 5.60527 0.222215C5.62351 0.249512 5.63892 0.278327 5.65148 0.308658C5.66404 0.33899 5.67353 0.370255 5.67993 0.402455C5.68634 0.434655 5.68954 0.46717 5.68954 0.5C5.68954 0.53283 5.68634 0.565346 5.67993 0.597545C5.67353 0.629745 5.66404 0.66101 5.65148 0.691342C5.63892 0.721673 5.62351 0.750487 5.60527 0.777785C5.58703 0.805083 5.56631 0.830339 5.54309 0.853553C5.51988 0.876768 5.49462 0.897495 5.46732 0.915735C5.44003 0.933974 5.41121 0.949376 5.38088 0.96194C5.35055 0.974503 5.31928 0.983988 5.28709 0.990393C5.25489 0.996798 5.22237 1 5.18954 1L4.67269 1C4.60703 1 4.542 1.0064 4.4776 1.01921C4.4132 1.03202 4.35067 1.05099 4.29 1.07612C4.22934 1.10125 4.17171 1.13205 4.11712 1.16853C4.06252 1.20501 4.01201 1.24646 3.96558 1.29289C3.91915 1.33932 3.8777 1.38983 3.84122 1.44443C3.80474 1.49902 3.77394 1.55665 3.74881 1.61732C3.72368 1.67798 3.70471 1.74051 3.6919 1.80491C3.67909 1.86931 3.67269 1.93434 3.67269 2L3.67269 4.923C3.67272 5.0132 3.66668 5.10299 3.65456 5.19237C3.64245 5.28175 3.62437 5.36991 3.60033 5.45685C3.57628 5.54378 3.5465 5.6287 3.51096 5.71161C3.47543 5.79451 3.43448 5.87465 3.3881 5.95201C3.34173 6.02938 3.29035 6.10326 3.23398 6.17368C3.17761 6.24409 3.11675 6.31039 3.05141 6.37257C2.98607 6.43475 2.91684 6.49224 2.84372 6.54506C2.7706 6.59787 2.69425 6.64552 2.61469 6.688L2.02969 7L2.61469 7.312C2.69422 7.35446 2.77053 7.40209 2.84362 7.45487C2.91671 7.50765 2.98591 7.56512 3.05123 7.62726C3.11655 7.6894 3.17739 7.75566 3.23375 7.82603C3.29011 7.8964 3.34147 7.97024 3.38785 8.04756C3.43422 8.12488 3.47518 8.20496 3.51072 8.28782C3.54626 8.37068 3.57606 8.45555 3.60013 8.54243C3.62419 8.62932 3.6423 8.71743 3.65445 8.80676C3.66659 8.8961 3.67268 8.98584 3.67269 9.076L3.67269 12C3.67269 12.0657 3.67909 12.1307 3.6919 12.1951C3.70471 12.2595 3.72368 12.322 3.74881 12.3827C3.77393 12.4433 3.80474 12.501 3.84122 12.5556C3.8777 12.6102 3.91915 12.6607 3.96558 12.7071C4.01201 12.7535 4.06252 12.795 4.11712 12.8315C4.17171 12.8679 4.22934 12.8988 4.29 12.9239C4.35067 12.949 4.4132 12.968 4.4776 12.9808C4.542 12.9936 4.60703 13 4.67269 13L5.18954 13C5.22237 13 5.25489 13.0032 5.28709 13.0096C5.31928 13.016 5.35055 13.0255 5.38088 13.0381C5.41121 13.0506 5.44003 13.066 5.46732 13.0843C5.49462 13.1025 5.51988 13.1232 5.54309 13.1464C5.56631 13.1697 5.58703 13.1949 5.60527 13.2222C5.62351 13.2495 5.63892 13.2783 5.65148 13.3087C5.66404 13.339 5.67353 13.3703 5.67993 13.4025C5.68634 13.4347 5.68954 13.4672 5.68954 13.5C5.68954 13.5328 5.68634 13.5653 5.67993 13.5975C5.67353 13.6297 5.66404 13.661 5.65148 13.6913C5.63892 13.7217 5.62351 13.7505 5.60527 13.7778C5.58703 13.8051 5.56631 13.8303 5.54309 13.8536C5.51988 13.8768 5.49462 13.8975 5.46732 13.9157C5.44003 13.934 5.41121 13.9494 5.38088 13.9619C5.35055 13.9745 5.31928 13.984 5.28709 13.9904C5.25489 13.9968 5.22237 14 5.18954 14L4.18954 14C4.12404 14 4.05869 13.9968 3.99351 13.9904C3.92832 13.9839 3.8636 13.9743 3.79936 13.9616C3.73512 13.9488 3.67165 13.9329 3.60897 13.9139C3.54629 13.8949 3.48469 13.8728 3.42417 13.8478C3.36366 13.8227 3.30451 13.7947 3.24675 13.7638C3.18898 13.733 3.13286 13.6993 3.0784 13.6629C3.02394 13.6265 2.97139 13.5876 2.92075 13.546C2.87012 13.5045 2.82164 13.4605 2.77533 13.4142C2.72901 13.3679 2.68507 13.3194 2.64352 13.2688C2.60196 13.2182 2.56299 13.1656 2.5266 13.1111C2.49021 13.0567 2.45658 13.0006 2.4257 12.9428C2.39482 12.885 2.36685 12.8259 2.34178 12.7654C2.31671 12.7049 2.29467 12.6433 2.27566 12.5806C2.25664 12.5179 2.24075 12.4544 2.22797 12.3902C2.21519 12.3259 2.20559 12.2612 2.19917 12.196C2.19275 12.1308 2.18954 12.0655 2.18954 12L2.18954 9.235C2.1895 9.146 2.1778 9.05856 2.15441 8.97268C2.13103 8.88681 2.09679 8.8055 2.0517 8.72877C2.00661 8.65204 1.95225 8.58256 1.8886 8.52034C1.82496 8.45813 1.75427 8.40534 1.67654 8.362L0.50254 7.708C0.429118 7.68234 0.361328 7.64613 0.299171 7.59938C0.237013 7.55262 0.183425 7.49754 0.138406 7.43411C0.0933869 7.37069 0.0590646 7.30192 0.0354387 7.22782C0.0118129 7.15372 0 7.07778 0 7C0 6.92222 0.0118129 6.84628 0.0354387 6.77218C0.0590646 6.69808 0.0933869 6.62931 0.138406 6.56589C0.183425 6.50246 0.237013 6.44737 0.299171 6.40062C0.361328 6.35387 0.429118 6.31766 0.50254 6.292Z" fill="rgb(0,0,0)" fill-rule="nonzero" transform="matrix(-1,0,0,1,13.9458,0)" />
+</svg>

package/src/assets/svgs/code.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<defs>
+		<linearGradient id="paint_custom_gradient_0">
+			<stop stop-color="rgb(250,100,1)" offset="0.263296664" stop-opacity="1" />
+			<stop stop-color="rgb(249.9,102.687,1)" offset="0.349490285" stop-opacity="1" />
+			<stop stop-color="rgb(247,181,1)" offset="0.494946986" stop-opacity="1" />
+			<stop stop-color="rgb(11,184,178)" offset="0.690560162" stop-opacity="1" />
+			<stop stop-color="rgb(1,145,255)" offset="0.858591199" stop-opacity="1" />
+			<stop stop-color="rgb(182,32,224)" offset="1" stop-opacity="1" />
+		</linearGradient>
+	</defs>
+	<rect id="代码" width="14.000000" height="14.000000" x="0.000000" y="0.000000" fill="rgb(0,0,0)" fill-opacity="0" />
+	<g id="ic_public_code_1_1">
+		<path id="ic_public_code_2_0" d="M0.439095 6.99466C0.439095 5.96942 0.435506 4.94419 0.439095 3.91896C0.437032 3.42285 0.498009 2.92849 0.620561 2.44775C0.889172 1.43021 1.55198 0.826344 2.5685 0.592078C3.0782 0.481954 3.59879 0.430359 4.12019 0.438294C6.08624 0.438294 8.05247 0.438294 10.0189 0.438294C10.5155 0.435211 11.0106 0.492008 11.4937 0.607457C12.5409 0.863765 13.1694 1.52709 13.4088 2.57078C13.5164 3.06404 13.5678 3.56791 13.5621 4.07274C13.5621 6.05999 13.5621 8.0474 13.5621 10.035C13.5647 10.5268 13.5081 11.0172 13.3934 11.4954C13.1371 12.5432 12.4707 13.1686 11.427 13.408C10.9173 13.5177 10.3967 13.5693 9.87533 13.5618C7.91748 13.5618 5.9598 13.5618 4.00229 13.5618C3.50188 13.5659 3.00279 13.5099 2.5157 13.3952C1.46381 13.1389 0.832271 12.4725 0.593392 11.4237C0.47139 10.8905 0.439095 10.3559 0.439095 9.81661C0.439095 8.87613 0.439095 7.93548 0.439095 6.99466Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="nonzero" />
+		<path id="ic_public_code_2_0" d="M0.439095 3.91896C0.437032 3.42285 0.498009 2.92849 0.620561 2.44775C0.889172 1.43021 1.55198 0.826344 2.5685 0.592078C3.0782 0.481954 3.59879 0.430359 4.12019 0.438294C6.08624 0.438294 8.05247 0.438294 10.0189 0.438294C10.5155 0.435211 11.0106 0.492008 11.4937 0.607457C12.5409 0.863765 13.1694 1.52709 13.4088 2.57078C13.5164 3.06404 13.5678 3.56791 13.5621 4.07274C13.5621 6.05999 13.5621 8.0474 13.5621 10.035C13.5647 10.5268 13.5081 11.0172 13.3934 11.4954C13.1371 12.5432 12.4707 13.1686 11.427 13.408C10.9173 13.5177 10.3967 13.5693 9.87533 13.5618C7.91748 13.5618 5.9598 13.5618 4.00229 13.5618C3.50188 13.5659 3.00279 13.5099 2.5157 13.3952C1.46381 13.1389 0.832271 12.4725 0.593392 11.4237C0.47139 10.8905 0.439095 10.3559 0.439095 9.81661C0.439095 8.87613 0.439095 7.93548 0.439095 6.99466C0.439095 5.96942 0.435506 4.94419 0.439095 3.91896Z" fill-rule="nonzero" stroke="rgb(255,255,255)" stroke-opacity="0" stroke-width="0.875" />
+		<path id="ic_public_code_2_1" d="M0.439095 3.91896C0.437032 3.42285 0.498009 2.92849 0.620561 2.44775C0.889172 1.43021 1.55198 0.826344 2.5685 0.592078C3.0782 0.481954 3.59879 0.430359 4.12019 0.438294C6.08624 0.438294 8.05247 0.438294 10.0189 0.438294C10.5155 0.435211 11.0106 0.492008 11.4937 0.607457C12.5409 0.863765 13.1694 1.52709 13.4088 2.57078C13.5164 3.06404 13.5678 3.56791 13.5621 4.07274C13.5621 6.05999 13.5621 8.0474 13.5621 10.035C13.5647 10.5268 13.5081 11.0172 13.3934 11.4954C13.1371 12.5432 12.4707 13.1686 11.427 13.408C10.9173 13.5177 10.3967 13.5693 9.87533 13.5618C7.91748 13.5618 5.9598 13.5618 4.00229 13.5618C3.50188 13.5659 3.00279 13.5099 2.5157 13.3952C1.46381 13.1389 0.832271 12.4725 0.593392 11.4237C0.47139 10.8905 0.439095 10.3559 0.439095 9.81661C0.439095 8.87613 0.439095 7.93548 0.439095 6.99466C0.439095 5.96942 0.435506 4.94419 0.439095 3.91896Z" opacity="0.200000003" fill-rule="nonzero" stroke="rgb(255,255,255)" stroke-opacity="0" stroke-width="0.875" />
+		<circle id="ic_public_code_2_2" cx="7" cy="7" r="7" fill="rgb(255,255,255)" fill-opacity="0" />
+		<path id="ic_public_code_2_3" d="M3.61576 3.79167L1.02551 6.38135C0.683629 6.72289 0.683569 7.27691 1.02524 7.61866C1.02529 7.6187 1.02533 7.61875 1.02551 7.61866L2.32064 8.9135L3.61576 10.2083M10.3604 3.79167L12.9506 6.38135C13.2925 6.72289 13.2926 7.27691 12.9509 7.61866C12.9509 7.6187 12.9508 7.61875 12.9506 7.61866L10.3604 10.2083" fill-rule="evenodd" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" />
+		<path id="ic_public_code_2_4" d="M9.71036 3.58545C9.82425 3.47153 10.0089 3.47151 10.1228 3.5854L12.713 6.17501C13.1689 6.63041 13.169 7.36916 12.7134 7.82487L10.1228 10.4146C10.0177 10.5197 9.85224 10.5278 9.73783 10.4388L9.71036 10.4146C9.59647 10.3006 9.59649 10.116 9.7104 10.0021L12.3007 7.41239L12.3033 7.40979L12.335 7.37533C12.5173 7.15886 12.5172 6.84107 12.3347 6.6247L12.3007 6.58761L9.7104 3.99793C9.59649 3.88404 9.59647 3.69937 9.71036 3.58545ZM3.87777 3.5854C3.99169 3.47151 4.17636 3.47153 4.29025 3.58545C4.40414 3.69937 4.40412 3.88404 4.29021 3.99793L1.69987 6.58769C1.47202 6.81532 1.47195 7.1846 1.69973 7.41243L1.69687 7.40979L1.69996 7.41239L4.29021 10.0021C4.40412 10.116 4.40414 10.3006 4.29025 10.4146C4.17636 10.5285 3.99169 10.5285 3.87777 10.4146L1.28795 7.82542C0.84679 7.38435 0.832237 6.67934 1.24346 6.22154L1.28752 6.17509L3.87777 3.5854Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="nonzero" />
+		<path id="ic_public_code_2_4" d="M10.1228 3.5854L12.713 6.17501C13.1689 6.63041 13.169 7.36916 12.7134 7.82487L10.1228 10.4146C10.0177 10.5197 9.85224 10.5278 9.73783 10.4388L9.71036 10.4146C9.59647 10.3006 9.59649 10.116 9.7104 10.0021L12.3007 7.41239L12.3033 7.40979L12.335 7.37533C12.5173 7.15886 12.5172 6.84107 12.3347 6.6247L12.3007 6.58761L9.7104 3.99793C9.59649 3.88404 9.59647 3.69937 9.71036 3.58545C9.82425 3.47153 10.0089 3.47151 10.1228 3.5854ZM4.29025 3.58545C4.40414 3.69937 4.40412 3.88404 4.29021 3.99793L1.69987 6.58769C1.47202 6.81532 1.47195 7.1846 1.69973 7.41243L1.69687 7.40979L1.69996 7.41239L4.29021 10.0021C4.40412 10.116 4.40414 10.3006 4.29025 10.4146C4.17636 10.5285 3.99169 10.5285 3.87777 10.4146L1.28795 7.82542C0.84679 7.38435 0.832237 6.67934 1.24346 6.22154L1.28752 6.17509L3.87777 3.5854C3.99169 3.47151 4.17636 3.47153 4.29025 3.58545Z" fill-rule="nonzero" stroke="rgb(255,255,255)" stroke-opacity="0" stroke-linejoin="round" stroke-width="0.875" />
+		<line id="ic_public_code_2_5" x1="9.23684581e-07" x2="6.4957242" y1="0" y2="0" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" transform="matrix(0.359211,-0.933256,0.933256,0.359211,5.83337,10.0311)" />
+		<path id="ic_public_code_2_6" d="M6.66301 0.00359209C6.82213 -0.0214635 6.97144 0.0872194 6.99649 0.246342C7.02155 0.405464 6.91287 0.55477 6.75374 0.579826L0.337076 1.59019C0.177953 1.61524 0.0286475 1.50656 0.00359209 1.34744C-0.0214633 1.18832 0.0872197 1.03901 0.246342 1.01395L6.66301 0.00359209Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="nonzero" transform="matrix(0.5,-0.866025,0.866025,0.5,4.55981,9.63268)" />
+		<path id="ic_public_code_2_6" d="M6.99649 0.246342C7.02155 0.405464 6.91287 0.55477 6.75374 0.579826L0.337076 1.59019C0.177953 1.61524 0.0286475 1.50656 0.00359209 1.34744C-0.0214633 1.18832 0.0872197 1.03901 0.246342 1.01395L6.66301 0.00359209C6.82213 -0.0214635 6.97144 0.0872194 6.99649 0.246342Z" fill-rule="nonzero" stroke="rgb(255,255,255)" stroke-opacity="0" stroke-width="0.875" transform="matrix(0.5,-0.866025,0.866025,0.5,4.55981,9.63268)" />
+	</g>
+</svg>

package/src/assets/svgs/color.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<rect id="颜色" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+	<g id="组合 23">
+		<path id="矢量 14" d="M1.875 12L10.625 12C11.1082 12 11.5 12.3918 11.5 12.875C11.5 13.3583 11.1082 13.75 10.625 13.75L1.875 13.75C1.39175 13.75 1 13.3583 1 12.875C1 12.3918 1.39175 12 1.875 12Z" fill="rgb(25,25,25)" fill-rule="evenodd" />
+		<path id="矢量 16" d="M2.48122 6.61409L4.43585 4.50324C4.08836 4.18763 4.06024 3.65091 4.37285 3.30072L6.73162 0.658368C7.05539 0.295677 7.61274 0.266467 7.97264 0.593328L12.4632 4.67155C12.8187 4.99448 12.8475 5.54367 12.5276 5.902L10.1609 8.55318C9.84875 8.90291 9.31132 8.93107 8.96427 8.61589L6.99814 10.7392C6.67205 11.0913 6.12315 11.1151 5.76786 10.7924L5.15289 10.2339L4.45775 11.0126C4.29174 11.1986 4.05428 11.3049 3.80499 11.3049L1.42524 11.3049C1.32797 11.3049 1.23419 11.2687 1.16218 11.2033C1.00318 11.0589 0.99031 10.8133 1.13335 10.6531L3.13971 8.40555L2.53497 7.85633C2.17479 7.52922 2.15064 6.97109 2.48122 6.61409ZM5.82179 3.21023L6.80699 2.10661C7.13076 1.74392 7.68811 1.71471 8.04801 2.04157L11.0273 4.74734C11.3829 5.07026 11.4117 5.61945 11.0918 5.97777L10.1066 7.0814C9.78286 7.44409 9.2255 7.4733 8.8656 7.14644L5.88628 4.44067C5.5307 4.11775 5.50192 3.56855 5.82179 3.21023ZM3.97699 7.78613L5.69856 9.34964C6.05251 9.67109 6.59895 9.64891 6.92567 9.29982L8.20834 7.92935L5.19115 5.18916L3.92641 6.54048C3.59269 6.89705 3.61545 7.45779 3.97699 7.78613Z" fill="rgb(25,25,25)" fill-rule="evenodd" />
+	</g>
+</svg>

package/src/assets/svgs/direction-ltr.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<rect id="内容右对齐" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+	<path id="矢量 348" d="M0.83223 10.1715L3.67071 7.34582C3.86231 7.15508 3.86231 6.84492 3.67071 6.65418L0.83223 3.82848C0.524512 3.52215 0 3.7401 0 4.1743L0 9.8257C0 10.2599 0.524512 10.4779 0.83223 10.1715Z" fill="rgb(0,0,0)" fill-rule="nonzero" />
+	<line id="直线 2" transform="matrix(-1,0,0,-1,11.6666,3.1131)" />
+	<path id="矢量 349" d="M9.76672 0C8.9383 0 8.23119 0.292893 7.6454 0.87868C7.05962 1.46447 6.76672 2.17157 6.76672 3C6.76672 3.82843 7.05962 4.53553 7.6454 5.12132C8.23119 5.70711 8.9383 6 9.76672 6L10.7667 6L10.7667 1C10.7667 0.447715 10.319 0 9.76672 0Z" fill="rgb(0,0,0)" fill-rule="nonzero" />
+	<rect id="矩形 28" width="1.500000" height="12.000000" x="12.506714" y="2.000000" rx="0.750000" fill="rgb(0,0,0)" />
+	<rect id="矩形 29" width="1.500000" height="14.000000" x="9.286621" y="0.000000" rx="0.750000" fill="rgb(0,0,0)" />
+</svg>

package/src/assets/svgs/direction-rtl.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<rect id="内容左对齐" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+	<path id="矢量 348" d="M0.83223 7.17152L3.67071 4.34582C3.86231 4.15508 3.86231 3.84492 3.67071 3.65418L0.83223 0.828481C0.524512 0.522149 0 0.740103 0 1.1743L0 6.8257C0 7.2599 0.524512 7.47785 0.83223 7.17152Z" fill="rgb(0,0,0)" fill-rule="nonzero" transform="matrix(-1,0,0,1,4.01807,3)" />
+	<line id="直线 2" transform="matrix(-1,0,0,-1,11.6666,3.1131)" />
+	<path id="矢量 349" d="M9.76672 0C8.9383 0 8.23119 0.292893 7.6454 0.87868C7.05962 1.46447 6.76672 2.17157 6.76672 3C6.76672 3.82843 7.05962 4.53553 7.6454 5.12132C8.23119 5.70711 8.9383 6 9.76672 6L10.7667 6L10.7667 1C10.7667 0.447715 10.319 0 9.76672 0Z" fill="rgb(0,0,0)" fill-rule="nonzero" />
+	<rect id="矩形 28" width="1.500000" height="12.000000" x="12.506714" y="2.000000" rx="0.750000" fill="rgb(0,0,0)" />
+	<rect id="矩形 29" width="1.500000" height="14.000000" x="9.286621" y="0.000000" rx="0.750000" fill="rgb(0,0,0)" />
+</svg>

package/src/assets/svgs/divider.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<rect id="横线" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+	<line id="path5" x1="1.00004995" x2="13.0000496" y1="7" y2="7" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" />
+</svg>

package/src/assets/svgs/emoji.svg

@@ -0,0 +1,53 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<mask id="mask_4" width="14.000000" height="14.000006" x="0.000000" y="0.000290" maskUnits="userSpaceOnUse">
+		<g filter="url(#pixso_custom_mask_type_alpha)">
+			<g id="mask431_5303">
+				<path id="减去顶层" d="M0 0.000289917L14 0.000289917L14 14.0003L0 14.0003L0 0.000289917ZM3.5 5.25C3.5 4.92786 3.76119 4.66667 4.08333 4.66667C4.40548 4.66667 4.66667 4.92786 4.66667 5.25C4.66667 5.57215 4.40548 5.83334 4.08333 5.83334C3.76119 5.83334 3.5 5.57215 3.5 5.25ZM9.33333 5.25C9.33333 4.92786 9.59452 4.66667 9.91667 4.66667C10.2388 4.66667 10.5 4.92786 10.5 5.25C10.5 5.57215 10.2388 5.83334 9.91667 5.83334C9.59452 5.83334 9.33333 5.57215 9.33333 5.25ZM3.20892 7.8753C3.20892 9.96937 4.9065 11.667 7.00058 11.667C9.09463 11.667 10.7922 9.96937 10.7922 7.8753L3.20892 7.8753Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="evenodd" />
+			</g>
+		</g>
+	</mask>
+	<mask id="mask_3" width="14.000000" height="14.000000" x="0.000000" y="0.000000" maskUnits="userSpaceOnUse">
+		<g filter="url(#pixso_custom_mask_type_alpha)">
+			<g id="clip431_5292">
+				<rect id="support" width="14.000000" height="14.000000" x="0.000000" y="0.000000" fill="rgb(0,0,0)" />
+			</g>
+		</g>
+	</mask>
+	<defs>
+		<filter id="pixso_custom_mask_type_alpha">
+			<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0 " />
+		</filter>
+	</defs>
+	<mask id="mask_2" width="14.000000" height="14.000000" x="0.000000" y="0.000000" maskUnits="userSpaceOnUse">
+		<g filter="url(#pixso_custom_mask_type_alpha)">
+			<g id="clip431_5291">
+				<rect id="ic_public_emoji_smile-笑脸/base/ic_public_emoji_smile" width="14.000000" height="14.000000" x="0.000000" y="0.000000" fill="rgb(0,0,0)" />
+			</g>
+		</g>
+	</mask>
+	<rect id="表情" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+	<rect id="ic_public_emoji_smile-笑脸/base/ic_public_emoji_smile" width="14.000000" height="14.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<g id="clip path group" mask="url(#mask_2)">
+		<g id="组合 24">
+			<g id="clip path group" mask="url(#mask_3)">
+				<g id="组合 26">
+					<path id="path1" d="M-4.64772e-05 6.99416C-4.64772e-05 5.90041 -0.00296314 4.80666 -4.64772e-05 3.71291C-0.00296314 3.18208 0.0641202 2.65416 0.192454 2.14375C0.478287 1.05875 1.18412 0.411246 2.27204 0.163329C2.81162 0.0466622 3.37162 -0.00875443 3.92579 -4.4356e-06C6.01995 -4.4356e-06 8.11704 -4.4356e-06 10.22 -4.4356e-06C10.7479 -0.0029211 11.2758 0.0524956 11.792 0.180829C12.9091 0.452079 13.58 1.15791 13.8337 2.275C13.9504 2.8 14.0029 3.33375 13.997 3.87625C13.997 5.99666 13.997 8.11708 13.997 10.2346C14 10.7596 13.9416 11.2817 13.8162 11.7921C13.542 12.9121 12.8333 13.5771 11.7191 13.8337C11.1737 13.9504 10.6195 14.0058 10.0654 13.9971C7.97704 13.9971 5.88579 13.9971 3.80037 13.9971C3.26662 14.0029 2.73287 13.9417 2.21662 13.8192C1.0937 13.5479 0.417037 12.8362 0.163287 11.7133C0.0349535 11.1475 -4.64772e-05 10.5787 -4.64772e-05 10.0042C-4.64772e-05 9.00083 -4.64772e-05 7.99458 -4.64772e-05 6.99416Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="evenodd" />
+					<circle id="path2" cx="7" cy="7" r="7" fill="rgb(255,255,255)" fill-opacity="0" />
+				</g>
+			</g>
+			<ellipse id="path3" rx="6.000190" ry="6.000000" cx="7.00006771" cy="7.00006104" stroke="rgb(25,25,25)" stroke-width="1.20000005" />
+			<path id="path4" d="M10 7.875L4 7.875C4 9.52962 5.34308 10.875 7 10.875C8.65462 10.875 10 9.52962 10 7.875Z" fill-rule="nonzero" stroke="rgb(25,25,25)" stroke-linejoin="round" stroke-width="1.20000005" />
+			<path id="path5" d="M3.88452 5.25001C3.88452 5.57084 4.1441 5.83334 4.46785 5.83334C4.78869 5.83334 5.05119 5.57084 5.05119 5.25001C5.05119 4.92625 4.78869 4.66667 4.46785 4.66667C4.1441 4.66667 3.88452 4.92625 3.88452 5.25001ZM8.94873 5.25001C8.94873 5.57084 9.20831 5.83334 9.53206 5.83334C9.8529 5.83334 10.1154 5.57084 10.1154 5.25001C10.1154 4.92626 9.8529 4.66668 9.53206 4.66668C9.20831 4.66668 8.94873 4.92626 8.94873 5.25001Z" fill="rgb(25,25,25)" fill-rule="nonzero" />
+			<path id="path5" d="M4.46785 5.83334C4.78869 5.83334 5.05119 5.57084 5.05119 5.25001C5.05119 4.92625 4.78869 4.66667 4.46785 4.66667C4.1441 4.66667 3.88452 4.92625 3.88452 5.25001C3.88452 5.57084 4.1441 5.83334 4.46785 5.83334ZM9.53206 5.83334C9.8529 5.83334 10.1154 5.57084 10.1154 5.25001C10.1154 4.92626 9.8529 4.66668 9.53206 4.66668C9.20831 4.66668 8.94873 4.92626 8.94873 5.25001C8.94873 5.57084 9.20831 5.83334 9.53206 5.83334Z" fill-rule="nonzero" stroke="rgb(25,25,25)" stroke-linejoin="round" stroke-width="1.20000005" />
+			<g id="mask" mask="url(#mask_4)">
+				<g id="组合 28">
+					<ellipse id="path4" rx="7.000000" ry="6.999780" cx="7" cy="7.00014591" fill="rgb(255,255,255)" fill-opacity="0" />
+				</g>
+			</g>
+			<path id="path4" d="M3.20837 7.875C3.20837 9.96625 4.90587 11.6667 7.00004 11.6667C9.09129 11.6667 10.7917 9.96625 10.7917 7.875L3.20837 7.875Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="evenodd" />
+			<path id="path4" d="M10.7917 7.875L3.20837 7.875C3.20837 9.96625 4.90587 11.6667 7.00004 11.6667C9.09129 11.6667 10.7917 9.96625 10.7917 7.875Z" fill-rule="nonzero" stroke="rgb(255,255,255)" stroke-opacity="0" stroke-linejoin="round" stroke-width="0.875" />
+			<path id="path5" d="M4.08333 4.66667C3.75958 4.66667 3.5 4.92625 3.5 5.25001C3.5 5.57084 3.75958 5.83334 4.08333 5.83334C4.40417 5.83334 4.66667 5.57084 4.66667 5.25001C4.66667 4.92625 4.40417 4.66667 4.08333 4.66667ZM9.91667 4.66667C9.59292 4.66667 9.33333 4.92625 9.33333 5.25001C9.33333 5.57084 9.59292 5.83334 9.91667 5.83334C10.2375 5.83334 10.5 5.57084 10.5 5.25001C10.5 4.92625 10.2375 4.66667 9.91667 4.66667Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="evenodd" />
+			<path id="path5" d="M4.08333 5.83334C4.40417 5.83334 4.66667 5.57084 4.66667 5.25001C4.66667 4.92625 4.40417 4.66667 4.08333 4.66667C3.75958 4.66667 3.5 4.92625 3.5 5.25001C3.5 5.57084 3.75958 5.83334 4.08333 5.83334ZM9.91667 5.83334C10.2375 5.83334 10.5 5.57084 10.5 5.25001C10.5 4.92625 10.2375 4.66667 9.91667 4.66667C9.59292 4.66667 9.33333 4.92625 9.33333 5.25001C9.33333 5.57084 9.59292 5.83334 9.91667 5.83334Z" fill-rule="nonzero" stroke="rgb(255,255,255)" stroke-opacity="0" stroke-linejoin="round" stroke-width="0.875" />
+		</g>
+	</g>
+</svg>

package/src/assets/svgs/file.svg

@@ -0,0 +1,12 @@
+<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.000000" height="14.000000" fill="none">
+	<rect id="上传" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
+	<rect id="ic_public_download-下载/base/ic_public_download" width="14.000000" height="14.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<path id="path1" d="M-4.64772e-05 6.99416C-4.64772e-05 5.90041 -0.00296314 4.80666 -4.64772e-05 3.71291C-0.00296314 3.18208 0.0641202 2.65416 0.192454 2.14375C0.481203 1.05875 1.18704 0.414162 2.27204 0.163329C2.81454 0.0466622 3.37162 -0.00875443 3.92579 -4.4356e-06C6.02287 -4.4356e-06 8.11995 -4.4356e-06 10.22 -4.4356e-06C10.7479 -0.0029211 11.2758 0.0554122 11.792 0.180829C12.9091 0.452079 13.58 1.16083 13.8337 2.275C13.9504 2.8 14.0029 3.33666 13.997 3.87625C13.997 5.99666 13.997 8.11708 13.997 10.2346C14 10.7596 13.9416 11.2846 13.8191 11.795C13.545 12.9121 12.8333 13.5771 11.7191 13.8337C11.1766 13.9504 10.6225 14.0058 10.0654 13.9971C7.97704 13.9971 5.8887 13.9971 3.80037 13.9971C3.26662 14.0029 2.73579 13.9417 2.2137 13.8192C1.0937 13.5479 0.419954 12.8362 0.166204 11.7162C0.0349535 11.1475 -4.64772e-05 10.5787 -4.64772e-05 10.0042C-4.64772e-05 9.00083 -4.64772e-05 7.9975 -4.64772e-05 6.99416Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="evenodd" />
+	<circle id="path2" cx="7" cy="7" r="7" fill="rgb(255,255,255)" fill-opacity="0" />
+	<path id="path3" d="M0.875 9.625L0.875 11.375C0.875 12.3404 1.65667 13.125 2.625 13.125L11.375 13.125C12.3404 13.125 13.125 12.3404 13.125 11.375L13.125 9.625" fill-rule="nonzero" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" />
+	<path id="path4" d="M0 5.41333L3.91708 9.33333L7.83708 5.41333M3.91708 9.33333L3.92 0" fill-rule="nonzero" stroke="rgb(25,25,25)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.20000005" transform="matrix(1,0,0,-1,3.08008,10.2083)" />
+	<path id="path5" d="M1.45833 9.91667L1.45833 11.375C1.45833 11.4625 1.46708 11.55 1.4875 11.6375C1.50208 11.7017 1.5225 11.7658 1.54875 11.8271C1.575 11.8913 1.60708 11.9525 1.645 12.0108C1.68875 12.0779 1.74125 12.1392 1.79958 12.1975C1.85792 12.2558 1.91917 12.3083 1.98625 12.3521C2.04458 12.39 2.10583 12.4221 2.17 12.4483C2.23125 12.4746 2.29542 12.495 2.35958 12.5096C2.44708 12.53 2.53458 12.5417 2.625 12.5417L11.375 12.5417C11.4625 12.5417 11.55 12.53 11.6375 12.5096C11.7017 12.495 11.7658 12.4746 11.8271 12.4483C11.8912 12.4221 11.9525 12.39 12.0108 12.3521C12.0779 12.3083 12.1392 12.2558 12.1975 12.1975C12.2558 12.1392 12.3083 12.0779 12.3521 12.0108C12.39 11.9525 12.4221 11.8913 12.4483 11.8271C12.4746 11.7658 12.495 11.7017 12.5096 11.6375C12.53 11.55 12.5417 11.4625 12.5417 11.375L12.5417 9.91667C12.5417 9.75042 12.6671 9.625 12.8333 9.625C12.9967 9.625 13.125 9.75042 13.125 9.91667L13.125 11.375C13.125 11.5033 13.1104 11.6287 13.0812 11.7513C13.0608 11.8563 13.0287 11.9554 12.985 12.0546C12.9442 12.1537 12.8946 12.2471 12.8362 12.3375C12.7692 12.4338 12.6962 12.5271 12.6117 12.6117C12.5271 12.6962 12.4338 12.7721 12.3375 12.8362C12.2471 12.8946 12.1537 12.9442 12.0546 12.985C11.9554 13.0287 11.8563 13.0608 11.7513 13.0842C11.6287 13.1104 11.5033 13.125 11.375 13.125L2.625 13.125C2.49375 13.125 2.36833 13.1104 2.24583 13.0842C2.14083 13.0608 2.04167 13.0287 1.9425 12.985C1.84333 12.9442 1.75 12.8946 1.65958 12.8362C1.56333 12.7692 1.47 12.6962 1.38542 12.6117C1.30083 12.5271 1.22792 12.4338 1.16083 12.3375C1.1025 12.2471 1.05292 12.1537 1.01208 12.0546C0.968333 11.9554 0.93625 11.8563 0.915833 11.7513C0.886667 11.6287 0.875 11.5033 0.875 11.375L0.875 9.91667C0.875 9.75042 1.00042 9.625 1.16667 9.625C1.33 9.625 1.45833 9.75042 1.45833 9.91667Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="evenodd" />
+	<path id="path5" d="M1.4875 11.6375C1.50208 11.7017 1.5225 11.7658 1.54875 11.8271C1.575 11.8913 1.60708 11.9525 1.645 12.0108C1.68875 12.0779 1.74125 12.1392 1.79958 12.1975C1.85792 12.2558 1.91917 12.3083 1.98625 12.3521C2.04458 12.39 2.10583 12.4221 2.17 12.4483C2.23125 12.4746 2.29542 12.495 2.35958 12.5096C2.44708 12.53 2.53458 12.5417 2.625 12.5417L11.375 12.5417C11.4625 12.5417 11.55 12.53 11.6375 12.5096C11.7017 12.495 11.7658 12.4746 11.8271 12.4483C11.8912 12.4221 11.9525 12.39 12.0108 12.3521C12.0779 12.3083 12.1392 12.2558 12.1975 12.1975C12.2558 12.1392 12.3083 12.0779 12.3521 12.0108C12.39 11.9525 12.4221 11.8913 12.4483 11.8271C12.4746 11.7658 12.495 11.7017 12.5096 11.6375C12.53 11.55 12.5417 11.4625 12.5417 11.375L12.5417 9.91667C12.5417 9.75042 12.6671 9.625 12.8333 9.625C12.9967 9.625 13.125 9.75042 13.125 9.91667L13.125 11.375C13.125 11.5033 13.1104 11.6287 13.0812 11.7513C13.0608 11.8563 13.0287 11.9554 12.985 12.0546C12.9442 12.1537 12.8946 12.2471 12.8362 12.3375C12.7692 12.4338 12.6962 12.5271 12.6117 12.6117C12.5271 12.6962 12.4338 12.7721 12.3375 12.8362C12.2471 12.8946 12.1537 12.9442 12.0546 12.985C11.9554 13.0287 11.8563 13.0608 11.7513 13.0842C11.6287 13.1104 11.5033 13.125 11.375 13.125L2.625 13.125C2.49375 13.125 2.36833 13.1104 2.24583 13.0842C2.14083 13.0608 2.04167 13.0287 1.9425 12.985C1.84333 12.9442 1.75 12.8946 1.65958 12.8362C1.56333 12.7692 1.47 12.6962 1.38542 12.6117C1.30083 12.5271 1.22792 12.4338 1.16083 12.3375C1.1025 12.2471 1.05292 12.1537 1.01208 12.0546C0.968333 11.9554 0.93625 11.8563 0.915833 11.7513C0.886667 11.6287 0.875 11.5033 0.875 11.375L0.875 9.91667C0.875 9.75042 1.00042 9.625 1.16667 9.625C1.33 9.625 1.45833 9.75042 1.45833 9.91667L1.45833 11.375C1.45833 11.4625 1.46708 11.55 1.4875 11.6375Z" fill-rule="nonzero" stroke="rgb(255,255,255)" stroke-opacity="0" stroke-width="0.875" />
+	<path id="path6" d="M7.29161 1.16667L7.28869 9.21083L10.4183 6.08125C10.5349 5.9675 10.7158 5.9675 10.8324 6.08125C10.9462 6.19792 10.9462 6.37875 10.8324 6.49542L7.20411 10.1208C7.14578 10.1792 7.07869 10.2083 6.99703 10.2083C6.91828 10.2083 6.84828 10.1792 6.79286 10.1208L3.16453 6.49542C3.04786 6.37875 3.04786 6.19792 3.16453 6.08125C3.28119 5.9675 3.46203 5.9675 3.57578 6.08125L6.70536 9.21083L6.70828 1.16375C6.70828 1.00042 6.83369 0.875 6.99994 0.875C7.16328 0.875 7.29161 1.00333 7.29161 1.16667Z" fill="rgb(255,255,255)" fill-opacity="0" fill-rule="evenodd" />
+	<path id="path6" d="M10.4183 6.08125C10.5349 5.9675 10.7158 5.9675 10.8324 6.08125C10.9462 6.19792 10.9462 6.37875 10.8324 6.49542L7.20411 10.1208C7.14578 10.1792 7.07869 10.2083 6.99703 10.2083C6.91828 10.2083 6.84828 10.1792 6.79286 10.1208L3.16453 6.49542C3.04786 6.37875 3.04786 6.19792 3.16453 6.08125C3.28119 5.9675 3.46203 5.9675 3.57578 6.08125L6.70536 9.21083L6.70828 1.16375C6.70828 1.00042 6.83369 0.875 6.99994 0.875C7.16328 0.875 7.29161 1.00333 7.29161 1.16667L7.28869 9.21083L10.4183 6.08125Z" fill-rule="nonzero" stroke="rgb(255,255,255)" stroke-opacity="0" stroke-width="0.875" />
+</svg>