@x-edu/live-player 0.0.1

package/script/image/readme.md

@@ -0,0 +1,77 @@
+## 准备
+由于图片优化是本地行为，并且依赖包体积很大，因此请在本地手动安装，而不放在依赖中
+
+npm i globby@10 imagemin-webp@6 imagemin-mozjpeg@9 imagemin-pngquant imagemin-gif2webp -D
+
+## 图片优化
+npm run perf:image
+
+jpg、jpeg、png、gif 会生成 webp 文件
+jpg、jpeg、png 同时会生成原图的压缩图片，文件名以 -m 结尾
+
+## 清理
+
+npm run clear:image
+
+会将生成的 webp、-m 图片进行删除
+
+
+## 加载优化
+支持 webp 的图片加载 webp，不支持的加载 -m 图片
+
+尽可能支持懒加载
+
+## 使用说明
+### 组件内使用 img 标签
+引入通用组件 Image 代替原生 img 标签
+
+```jsx
+import Image from '@/component/Image'
+
+// 注意，这里必须使用绝对路径
+const src = '@/asset/img/arrow.png'
+
+export function Img() {
+  return (
+    <Image src={src}>
+  )
+}
+```
+### 组件内使用 style backgroundImage
+使用自定义的图片引入函数
+
+```jsx
+import { importImg } from '@/util/importImage'
+
+// 注意，这里必须使用绝对路径
+const src = '@/asset/img/arrow.png'
+
+export function Img() {
+  return (
+    <div
+      style={{
+        backgroundImage: `url(${importImg(src)})`
+      }}
+    >
+  )
+}
+```
+
+### less 使用 background-image
+在 `/component/mixin.less` 里提供了通用样式 `.bgCompact(@url)`
+
+`bgCompact` 自动转换引入的 url，并提供一个基础样式：
+```less
+  background-repeat: no-repeat;
+```
+
+请根据需要自行覆盖默认样式
+
+```less
+@import '@/component/mixin.less';
+
+div {
+  // 注意，必须使用绝对路径，且不能使用 @ 别名
+  .bgCompact('/src/asset/img/sedu/icon/arrow.png');
+}
+```

package/script/postcss.js

@@ -0,0 +1,48 @@
+const path = require('path')
+
+const backgroundReg = /^background(-image)?$/
+const wrapperClass = 'webp'
+const imageReg = /\.(gif|png|jpe?g)/
+const nodeModulesReg = /node_modules/
+
+module.exports = () => ({
+  postcssPlugin: 'webp',
+  Rule(rule, { Rule }) {
+    const filePath = rule?.source?.input?.file || ''
+    if (nodeModulesReg.test(filePath)) {
+      return
+    }
+    if (rule.selector.indexOf(`.${wrapperClass}`) !== -1) {
+      return
+    }
+    const fileName = path.basename(filePath)
+    const isInCssModuleFile = fileName.indexOf('.module.') > -1
+
+    const backgroundImage = rule.nodes.filter((el) => el.type === 'decl' && el.prop.match(backgroundReg))
+    if (backgroundImage && backgroundImage.length) {
+      rule.walkDecls(backgroundReg, (decl) => {
+        const hasUrl = decl.value.match(/url\((.*)?\)/)
+        if (hasUrl) {
+          const imageUrl = hasUrl[1].replace(/'|"/gi, '')
+          if (imageUrl.indexOf('.webp') !== -1 || imageUrl.startsWith('data:image')) {
+            return
+          }
+          const webpImageUrl = imageUrl.replace(imageReg, '.$1?x-bce-process=image/format,f_auto')
+          const webpRule = new Rule({
+            selector: isInCssModuleFile
+              ? `:global(.${wrapperClass}) ${rule.selector}`
+              : `.${wrapperClass} ${rule.selector}`
+          })
+          webpRule.append({
+            prop: 'background-image',
+            value: `url(${webpImageUrl})`,
+            important: decl.important
+          })
+          rule.after(webpRule)
+        }
+      })
+    }
+  }
+})
+
+module.exports.postcss = true

package/src/App.jsx

@@ -0,0 +1,18 @@
+import { Icon } from 'fish'
+
+import dayjs from 'dayjs'
+import 'dayjs/locale/zh-cn'
+import isSameOrAfter from 'dayjs/plugin/isSameOrAfter'
+import isSameOrBefore from 'dayjs/plugin/isSameOrBefore'
+import { parseAdapter } from '@/util/date'
+
+import PublicLiveDetailWeb from './detail'
+
+Icon.url = '/fish/icon/umd-4.1.2.js'
+
+dayjs.extend(isSameOrAfter)
+dayjs.extend(isSameOrBefore)
+dayjs.extend(parseAdapter)
+dayjs.locale('zh-cn')
+
+export const PublicLiveDetail = PublicLiveDetailWeb

package/src/asset/img/course/book.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><defs><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg0_94_03237"><stop offset="0%" stop-color="#6ABCFF" stop-opacity="1"/><stop offset="100%" stop-color="#1E62EC" stop-opacity="1"/></linearGradient><linearGradient x1="0.2222222238779068" y1="0.1666666716337204" x2="1" y2="1" id="master_svg1_94_00075"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="0.6000000238418579"/></linearGradient><linearGradient x1="0.2222222238779068" y1="0.1666666716337204" x2="1" y2="1" id="master_svg2_94_00075"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="0.6000000238418579"/></linearGradient><linearGradient x1="0.2222222238779068" y1="0.1666666716337204" x2="1" y2="1" id="master_svg3_94_00075"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="0.6000000238418579"/></linearGradient></defs><g style="mix-blend-mode:passthrough"><g style="mix-blend-mode:passthrough"><rect x="2.5" y="1.6669921875" width="15" height="16.66666603088379" rx="2" fill="url(#master_svg0_94_03237)" fill-opacity="1"/></g><g style="mix-blend-mode:passthrough"><path d="M10.833251953125,6.7771821875C10.833251953125,6.9497521875,11.037144953125,7.0413121875,11.166124953125,6.9266621875L12.783711953125,5.4888021875C12.859491953125,5.4214521875,12.973681953125,5.4214521875,13.049461953125,5.4888021875L14.667041953125,6.9266621875C14.796021953124999,7.0413121875,14.999921953125,6.9497521875,14.999921953125,6.7771821875L14.999921953125,1.6669921875L10.833251953125,1.6669921875L10.833251953125,6.7771821875Z" fill="url(#master_svg1_94_00075)" fill-opacity="1"/><path d="M10.992285953125,6.8684021875Q10.933251953125,6.8418921875,10.933251953125,6.7771821875L10.933251953125,1.7669921875L14.899921953125,1.7669921875L14.899921953125,6.7771821875Q14.899921953125,6.8418921875,14.840881953124999,6.8684021875Q14.781851953124999,6.8949121875,14.733481953125,6.8519221875L13.115891953125,5.4140621875Q12.916581953125,5.2369021875,12.717271953125,5.4140621875L11.099687953125,6.8519221875Q11.051320953125,6.8949121875,10.992285953125,6.8684021875ZM14.899921953125,1.6669921875L14.999921953125,1.6669921875L14.999921953125,6.7771821875C14.999921953125,6.9497521875,14.796021953124999,7.0413121875,14.667041953125,6.9266621875L13.049461953125,5.4888021875C12.973681953125,5.4214521875,12.859491953125,5.4214521875,12.783711953125,5.4888021875L11.166124953125,6.9266621875C11.037144953125,7.0413121875,10.833251953125,6.9497521875,10.833251953125,6.7771821875L10.833251953125,1.6669921875L14.899921953125,1.6669921875Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="0.20000000298023224"/></g><g style="mix-blend-mode:passthrough"><rect x="5" y="10" width="5" height="1.6666666269302368" rx="0.8333333134651184" fill="url(#master_svg2_94_00075)" fill-opacity="1"/></g><g style="mix-blend-mode:passthrough"><rect x="5" y="13.3330078125" width="7.5" height="1.6666666269302368" rx="0.8333333134651184" fill="url(#master_svg3_94_00075)" fill-opacity="1"/></g></g></svg>

package/src/asset/img/course/file_doc.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1848_36253/1848_33179"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1848_36253/1848_33179)"><g><path d="M11.33333,1.3330078125L11.33333,2.6663378125L13.338,2.6663378125C13.7033,2.6663378125,14,2.9630078125,14,3.3283378125L14,14.0043078125C14,14.3697078125,13.7033,14.6663078125,13.338,14.6663078125L2.662,14.6663078125C2.2966670000000002,14.6663078125,2,14.3697078125,2,14.0043078125L2,3.3283378125C2,2.9630078125,2.2966670000000002,2.6663378125,2.662,2.6663378125L4.66667,2.6663378125L4.66667,1.3330078125L11.33333,1.3330078125ZM4.66667,3.9996778125L3.33333,3.9996778125L3.33333,13.3330078125L12.6667,13.3330078125L12.6667,3.9996778125L11.33333,3.9996778125L11.33333,5.3330078125L4.66667,5.3330078125L4.66667,3.9996778125ZM6,10.6663378125L6,11.9997078125L4.66667,11.9997078125L4.66667,10.6663378125L6,10.6663378125ZM6,8.6663378125L6,9.9996778125L4.66667,9.9996778125L4.66667,8.6663378125L6,8.6663378125ZM6,6.6663378125L6,7.9996778125L4.66667,7.9996778125L4.66667,6.6663378125L6,6.6663378125ZM10,2.6663378125L6,2.6663378125L6,3.9996778125L10,3.9996778125L10,2.6663378125Z" fill="#999999" fill-opacity="1"/></g></g></svg>

package/src/asset/img/course/file_doc_active.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1848_36253/1848_33179"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1848_36253/1848_33179)"><g><path d="M11.33333,1.3330078125L11.33333,2.6663378125L13.338,2.6663378125C13.7033,2.6663378125,14,2.9630078125,14,3.3283378125L14,14.0043078125C14,14.3697078125,13.7033,14.6663078125,13.338,14.6663078125L2.662,14.6663078125C2.2966670000000002,14.6663078125,2,14.3697078125,2,14.0043078125L2,3.3283378125C2,2.9630078125,2.2966670000000002,2.6663378125,2.662,2.6663378125L4.66667,2.6663378125L4.66667,1.3330078125L11.33333,1.3330078125ZM4.66667,3.9996778125L3.33333,3.9996778125L3.33333,13.3330078125L12.6667,13.3330078125L12.6667,3.9996778125L11.33333,3.9996778125L11.33333,5.3330078125L4.66667,5.3330078125L4.66667,3.9996778125ZM6,10.6663378125L6,11.9997078125L4.66667,11.9997078125L4.66667,10.6663378125L6,10.6663378125ZM6,8.6663378125L6,9.9996778125L4.66667,9.9996778125L4.66667,8.6663378125L6,8.6663378125ZM6,6.6663378125L6,7.9996778125L4.66667,7.9996778125L4.66667,6.6663378125L6,6.6663378125ZM10,2.6663378125L6,2.6663378125L6,3.9996778125L10,3.9996778125L10,2.6663378125Z" fill="#1e62ec" fill-opacity="1"/></g></g></svg>

package/src/asset/img/course/file_video.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1848_37993/1848_32720"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1848_37993/1848_32720)"><g style="mix-blend-mode:passthrough"><path d="M2.666,1.333984375C2.298,1.333984375,2,1.629984375,2,1.995317375L2,14.005984375C2.00290521,14.370284375,2.297703,14.664784375,2.662,14.667284375L13.338,14.667284375C13.7062,14.664784375,14.0026,14.364184375,14,13.995984375L14,4.667314375L10.66667,1.333984375L2.666,1.333984375ZM3.33333,2.667314375L10,2.667314375L10,5.333984375L12.6667,5.333984375L12.6667,13.333984375L3.33333,13.333984375L3.33333,2.667314375ZM6.36667,10.585654375C6.49043,10.657104375,6.64291,10.657104375,6.76667,10.585654375L10.06667,8.680394374999999C10.19043,8.608944375,10.26667,8.476894375,10.26667,8.333984375C10.26667,8.191074375,10.19043,8.059024375,10.06667,7.987574375L6.76667,6.082314375C6.64291,6.010864375,6.49043,6.010864375,6.36667,6.082314375C6.24291,6.153774375,6.16667,6.285824375,6.16667,6.428724375L6.16667,10.239244375C6.16667,10.382144375,6.24291,10.514194375,6.36667,10.585654375Z" fill="#999999" fill-opacity="1"/></g></g></svg>

package/src/asset/img/course/file_video_active.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1848_37993/1848_32720"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1848_37993/1848_32720)"><g style="mix-blend-mode:passthrough"><path d="M2.666,1.333984375C2.298,1.333984375,2,1.629984375,2,1.995317375L2,14.005984375C2.00290521,14.370284375,2.297703,14.664784375,2.662,14.667284375L13.338,14.667284375C13.7062,14.664784375,14.0026,14.364184375,14,13.995984375L14,4.667314375L10.66667,1.333984375L2.666,1.333984375ZM3.33333,2.667314375L10,2.667314375L10,5.333984375L12.6667,5.333984375L12.6667,13.333984375L3.33333,13.333984375L3.33333,2.667314375ZM6.36667,10.585654375C6.49043,10.657104375,6.64291,10.657104375,6.76667,10.585654375L10.06667,8.680394374999999C10.19043,8.608944375,10.26667,8.476894375,10.26667,8.333984375C10.26667,8.191074375,10.19043,8.059024375,10.06667,7.987574375L6.76667,6.082314375C6.64291,6.010864375,6.49043,6.010864375,6.36667,6.082314375C6.24291,6.153774375,6.16667,6.285824375,6.16667,6.428724375L6.16667,10.239244375C6.16667,10.382144375,6.24291,10.514194375,6.36667,10.585654375Z" fill="#1e62ec" fill-opacity="1"/></g></g></svg>

package/src/asset/img/course/icon_checkbox_linear.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1666759245745" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1876" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z m0-85.333334a341.333333 341.333333 0 1 0 0-682.666666 341.333333 341.333333 0 0 0 0 682.666666z" fill="#cccccc" p-id="1877"></path></svg>

package/src/asset/img/course/playing.svg

@@ -0,0 +1,22 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+    <rect x="0" y="0" width="5" height="7" fill="#1E62EC">
+      <animateTransform  attributeType="xml"
+        attributeName="transform" type="scale"
+        values="1,1; 1,3; 1,1"
+        begin="0s" dur="0.6s" repeatCount="indefinite" />       
+    </rect>
+
+    <rect x="9" y="0" width="5" height="7" fill="#1E62EC">
+      <animateTransform  attributeType="xml"
+        attributeName="transform" type="scale"
+        values="1,1; 1,3; 1,1"
+        begin="0.2s" dur="0.6s" repeatCount="indefinite" />       
+    </rect>
+    <rect x="18" y="0" width="5" height="7" fill="#1E62EC">
+      <animateTransform  attributeType="xml"
+        attributeName="transform" type="scale"
+        values="1,1; 1,3; 1,1"
+        begin="0.4s" dur="0.6s" repeatCount="indefinite" />       
+    </rect>
+  </svg>

package/src/asset/img/icon-course-white.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.0400391 1.30556C0.0400391 0.722588 0.512627 0.25 1.09559 0.25H6.90115C7.48412 0.25 7.95671 0.722588 7.95671 1.30556V8.69444C7.95671 9.27741 7.48412 9.75 6.90115 9.75H1.09559C0.512627 9.75 0.0400391 9.27741 0.0400391 8.69444V1.30556ZM4.63174 1.09444V3.43477C4.63174 3.95199 4.0064 4.21102 3.64067 3.84529L3.20674 3.41136L2.77281 3.84528C2.40708 4.21101 1.78174 3.95199 1.78174 3.43477V1.09444H1.09559C0.979001 1.09444 0.884483 1.18896 0.884483 1.30556V8.69444C0.884483 8.81104 0.979001 8.90556 1.09559 8.90556H6.90115C7.01774 8.90556 7.11226 8.81104 7.11226 8.69444V1.30556C7.11226 1.18896 7.01774 1.09444 6.90115 1.09444H4.63174ZM3.89285 1.09444H2.52063V3.05252L2.79622 2.77692C3.02294 2.5502 3.39053 2.5502 3.61725 2.77692L3.89285 3.05252V1.09444Z" fill="#CDDEFF"/>
+</svg>

package/src/asset/img/icon-course.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.0400391 1.30556C0.0400391 0.722588 0.512627 0.25 1.09559 0.25H6.90115C7.48412 0.25 7.95671 0.722588 7.95671 1.30556V8.69444C7.95671 9.27741 7.48412 9.75 6.90115 9.75H1.09559C0.512627 9.75 0.0400391 9.27741 0.0400391 8.69444V1.30556ZM4.63174 1.09444V3.43477C4.63174 3.95199 4.0064 4.21102 3.64067 3.84529L3.20674 3.41136L2.77281 3.84528C2.40708 4.21101 1.78174 3.95199 1.78174 3.43477V1.09444H1.09559C0.979001 1.09444 0.884483 1.18896 0.884483 1.30556V8.69444C0.884483 8.81104 0.979001 8.90556 1.09559 8.90556H6.90115C7.01774 8.90556 7.11226 8.81104 7.11226 8.69444V1.30556C7.11226 1.18896 7.01774 1.09444 6.90115 1.09444H4.63174ZM3.89285 1.09444H2.52063V3.05252L2.79622 2.77692C3.02294 2.5502 3.39053 2.5502 3.61725 2.77692L3.89285 3.05252V1.09444Z" fill="#999999"/>
+</svg>

package/src/asset/img/icon-eye-white.svg

@@ -0,0 +1,4 @@
+<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99997 5.75C5.97509 5.75 6.76559 4.9665 6.76559 4C6.76559 3.0335 5.97509 2.25 4.99997 2.25C4.02485 2.25 3.23435 3.0335 3.23435 4C3.23435 4.9665 4.02485 5.75 4.99997 5.75ZM4.99997 5C4.44272 5 3.99097 4.55225 3.99097 4C3.99097 3.44775 4.44272 3 4.99997 3C5.55722 3 6.00897 3.44775 6.00897 4C6.00897 4.55225 5.55722 5 4.99997 5Z" fill="#CDDEFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.90321 4.33275C8.46896 6.593 6.83334 7.75 4.99997 7.75C3.1666 7.75 1.53097 6.593 0.0967274 4.33275C-0.0323229 4.12969 -0.0323229 3.87032 0.0967274 3.66725C1.53097 1.407 3.1666 0.25 4.99997 0.25C6.83334 0.25 8.46896 1.407 9.90321 3.66725C10.0323 3.87032 10.0323 4.12969 9.90321 4.33275ZM9.11437 4C7.85015 2.03322 6.47978 1.07523 5.0001 1.07523C3.52041 1.07523 2.15004 2.03322 0.885817 4C2.15004 5.96679 3.52041 6.92477 5.0001 6.92477C6.47978 6.92477 7.85015 5.96679 9.11437 4Z" fill="#CDDEFF"/>
+</svg>

package/src/asset/img/icon-eye.svg

@@ -0,0 +1,4 @@
+<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99997 5.75C5.97509 5.75 6.76559 4.9665 6.76559 4C6.76559 3.0335 5.97509 2.25 4.99997 2.25C4.02485 2.25 3.23435 3.0335 3.23435 4C3.23435 4.9665 4.02485 5.75 4.99997 5.75ZM4.99997 5C4.44272 5 3.99097 4.55225 3.99097 4C3.99097 3.44775 4.44272 3 4.99997 3C5.55722 3 6.00897 3.44775 6.00897 4C6.00897 4.55225 5.55722 5 4.99997 5Z" fill="#999999"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.90321 4.33275C8.46896 6.593 6.83334 7.75 4.99997 7.75C3.1666 7.75 1.53097 6.593 0.0967274 4.33275C-0.0323229 4.12969 -0.0323229 3.87032 0.0967274 3.66725C1.53097 1.407 3.1666 0.25 4.99997 0.25C6.83334 0.25 8.46896 1.407 9.90321 3.66725C10.0323 3.87032 10.0323 4.12969 9.90321 4.33275ZM9.11437 4C7.85015 2.03322 6.47978 1.07523 5.0001 1.07523C3.52041 1.07523 2.15004 2.03322 0.885817 4C2.15004 5.96679 3.52041 6.92477 5.0001 6.92477C6.47978 6.92477 7.85015 5.96679 9.11437 4Z" fill="#999999"/>
+</svg>

package/src/asset/img/icon-school-white.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.75 1.6354V8.30905C0.75 8.30905 0.75 8.88006 1.14378 9.28686C1.14378 9.28686 1.53833 9.69445 2.09293 9.69445H9.25V4.30486C9.25 4.30486 9.25 3.73384 8.85622 3.32705C8.85622 3.32705 8.46167 2.91946 7.90707 2.91946H5.37391V1.6354C5.37391 1.6354 5.37391 1.06439 4.98012 0.657589C4.98012 0.657589 4.58557 0.25 4.03097 0.25H2.09293C2.09293 0.25 1.53833 0.25 1.14378 0.657589C1.14378 0.657589 0.75 1.06439 0.75 1.6354ZM4.62609 8.92575H2.09293C1.49781 8.92575 1.49781 8.30905 1.49781 8.30905L1.49781 1.6354C1.49781 1.0187 2.09293 1.0187 2.09293 1.0187L4.03098 1.0187C4.30005 1.0187 4.46269 1.18671 4.46269 1.18671C4.62609 1.35552 4.62609 1.6354 4.62609 1.6354V8.92575ZM2.04203 2.63644C2.04203 2.46585 2.14511 2.35937 2.14511 2.35937C2.24894 2.2521 2.41594 2.2521 2.41594 2.2521L3.70797 2.2521C4.08187 2.2521 4.08187 2.63644 4.08187 2.63644C4.08187 2.80704 3.9788 2.91352 3.9788 2.91352C3.87496 3.02079 3.70797 3.02079 3.70797 3.02079H2.41594C2.24894 3.02079 2.14511 2.91352 2.14511 2.91352C2.04203 2.80704 2.04203 2.63644 2.04203 2.63644ZM5.37391 3.68815L7.90707 3.68815C8.50219 3.68816 8.50219 4.30486 8.50219 4.30486V8.92575H5.37391V3.68815ZM2.04203 4.63854C2.04203 4.46795 2.1451 4.36147 2.1451 4.36147C2.24895 4.25419 2.41594 4.25419 2.41594 4.25419L3.70797 4.25419C4.08187 4.25419 4.08187 4.63854 4.08187 4.63854C4.08187 5.02289 3.70797 5.02289 3.70797 5.02289H2.41594C2.04203 5.02289 2.04203 4.63854 2.04203 4.63854ZM6.93805 4.25419C6.93805 4.25419 6.56414 4.25421 6.56414 4.63855V5.3059C6.56414 5.3059 6.56415 5.69025 6.93805 5.69025C6.93805 5.69025 7.31196 5.69025 7.31196 5.3059V4.63854C7.31196 4.63854 7.31196 4.46795 7.20888 4.36147C7.20888 4.36147 7.10504 4.25419 6.93805 4.25419ZM2.04203 6.64064C2.04203 6.25629 2.41594 6.25629 2.41594 6.25629H3.70797C3.87496 6.25629 3.9788 6.36356 3.9788 6.36356C4.08187 6.47004 4.08187 6.64064 4.08187 6.64064C4.08187 6.81123 3.9788 6.91771 3.9788 6.91771C3.87496 7.02499 3.70797 7.02499 3.70797 7.02499H2.41594C2.04203 7.02499 2.04203 6.64064 2.04203 6.64064ZM6.93805 6.25629C6.93805 6.25629 6.56414 6.25629 6.56414 6.64064V7.308C6.56414 7.308 6.56415 7.69235 6.93805 7.69235C6.93805 7.69235 7.31196 7.69234 7.31196 7.308V6.64064C7.31196 6.64064 7.31196 6.25629 6.93805 6.25629Z" fill="#CDDEFF"/>
+</svg>

package/src/asset/img/icon-school.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.75 1.6354V8.30905C0.75 8.30905 0.75 8.88006 1.14378 9.28686C1.14378 9.28686 1.53833 9.69445 2.09293 9.69445H9.25V4.30486C9.25 4.30486 9.25 3.73384 8.85622 3.32705C8.85622 3.32705 8.46167 2.91946 7.90707 2.91946H5.37391V1.6354C5.37391 1.6354 5.37391 1.06439 4.98012 0.657589C4.98012 0.657589 4.58557 0.25 4.03097 0.25H2.09293C2.09293 0.25 1.53833 0.25 1.14378 0.657589C1.14378 0.657589 0.75 1.06439 0.75 1.6354ZM4.62609 8.92575H2.09293C1.49781 8.92575 1.49781 8.30905 1.49781 8.30905L1.49781 1.6354C1.49781 1.0187 2.09293 1.0187 2.09293 1.0187L4.03098 1.0187C4.30005 1.0187 4.46269 1.18671 4.46269 1.18671C4.62609 1.35552 4.62609 1.6354 4.62609 1.6354V8.92575ZM2.04203 2.63644C2.04203 2.46585 2.14511 2.35937 2.14511 2.35937C2.24894 2.2521 2.41594 2.2521 2.41594 2.2521L3.70797 2.2521C4.08187 2.2521 4.08187 2.63644 4.08187 2.63644C4.08187 2.80704 3.9788 2.91352 3.9788 2.91352C3.87496 3.02079 3.70797 3.02079 3.70797 3.02079H2.41594C2.24894 3.02079 2.14511 2.91352 2.14511 2.91352C2.04203 2.80704 2.04203 2.63644 2.04203 2.63644ZM5.37391 3.68815L7.90707 3.68815C8.50219 3.68816 8.50219 4.30486 8.50219 4.30486V8.92575H5.37391V3.68815ZM2.04203 4.63854C2.04203 4.46795 2.1451 4.36147 2.1451 4.36147C2.24895 4.25419 2.41594 4.25419 2.41594 4.25419L3.70797 4.25419C4.08187 4.25419 4.08187 4.63854 4.08187 4.63854C4.08187 5.02289 3.70797 5.02289 3.70797 5.02289H2.41594C2.04203 5.02289 2.04203 4.63854 2.04203 4.63854ZM6.93805 4.25419C6.93805 4.25419 6.56414 4.25421 6.56414 4.63855V5.3059C6.56414 5.3059 6.56415 5.69025 6.93805 5.69025C6.93805 5.69025 7.31196 5.69025 7.31196 5.3059V4.63854C7.31196 4.63854 7.31196 4.46795 7.20888 4.36147C7.20888 4.36147 7.10504 4.25419 6.93805 4.25419ZM2.04203 6.64064C2.04203 6.25629 2.41594 6.25629 2.41594 6.25629H3.70797C3.87496 6.25629 3.9788 6.36356 3.9788 6.36356C4.08187 6.47004 4.08187 6.64064 4.08187 6.64064C4.08187 6.81123 3.9788 6.91771 3.9788 6.91771C3.87496 7.02499 3.70797 7.02499 3.70797 7.02499H2.41594C2.04203 7.02499 2.04203 6.64064 2.04203 6.64064ZM6.93805 6.25629C6.93805 6.25629 6.56414 6.25629 6.56414 6.64064V7.308C6.56414 7.308 6.56415 7.69235 6.93805 7.69235C6.93805 7.69235 7.31196 7.69234 7.31196 7.308V6.64064C7.31196 6.64064 7.31196 6.25629 6.93805 6.25629Z" fill="#999999"/>
+</svg>