n20-common-lib 1.2.43 → 1.3.0

package/src/assets/css/plain-text.scss

@@ -0,0 +1,138 @@
+$--md: 1440px;
+
+.plain-text {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  border: 1px solid #eeeeee;
+
+  .plain-text-item {
+    display: flex;
+    padding-top: 12px;
+    padding-bottom: 12px;
+    align-items: center;
+
+
+    .plain-text-item-label {
+      flex: 30%;
+      text-align: right;
+      color: $--color-text-regular;
+      padding-right: 22px;
+    }
+
+    .plain-text-item-content {
+      flex: 70%;
+      color: $--color-text-primary;
+      padding-left: 22px;
+    }
+  }
+}
+
+@media only screen and (max-width: $--md) {
+  .plain-text-item {
+    flex: 49%;
+    max-width: 50%;
+
+    .after-color {
+      width: 250px;
+      height: 24px;
+      line-height: 24px;
+      padding-left: 2px;
+      margin-bottom: 4px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      background-color: rgba(22, 119, 255, 0.1);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+    }
+
+    .before-color {
+      width: 250px;
+      height: 24px;
+      line-height: 24px;
+      padding-left: 2px;
+      text-decoration: line-through;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      background-color: rgba(255, 59, 48, 0.1)
+    }
+
+    &:nth-of-type(odd) {
+      border-right: 1px solid #eeeeee;
+    }
+  }
+
+  .plain-text-item:last-of-type {}
+
+  .plain-text:nth-child(even) {
+    border-right: 1px solid #eeeeee;
+  }
+
+  .plain-text-item:nth-child(4n-1) {
+    background-color: rgba(0, 122, 255, 0.05);
+  }
+
+  .plain-text-item:nth-child(4n) {
+    background-color: rgba(0, 122, 255, 0.05);
+  }
+}
+
+@media only screen and (min-width: $--md + 1px) {
+  .plain-text-item {
+    flex: 33%;
+    max-width: 33%;
+
+    .after-color {
+      min-width: 200px;
+      max-width: 280px;
+      width: 100%;
+      height: 24px;
+      line-height: 24px;
+      padding-left: 2px;
+      margin-bottom: 4px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      background-color: rgba(22, 119, 255, 0.1);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+    }
+
+    .before-color {
+      min-width: 200px;
+      max-width: 280px;
+      width: 100%;
+      height: 24px;
+      line-height: 24px;
+      padding-left: 2px;
+      text-decoration: line-through;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      background-color: rgba(255, 59, 48, 0.1)
+    }
+
+    &:nth-of-type(3n-1) {
+      border-right: 1px solid #eeeeee;
+      border-left: 1px solid #eeeeee;
+    }
+  }
+
+  .plain-text-item:nth-child(6n) {
+    background-color: rgba(0, 122, 255, 0.05);
+  }
+
+  .plain-text-item:nth-child(6n-1) {
+    background-color: rgba(0, 122, 255, 0.05);
+  }
+
+  .plain-text-item:nth-child(6n-2) {
+    background-color: rgba(0, 122, 255, 0.05);
+  }
+}

package/src/assets/css/rootvar.scss

@@ -1,139 +1,139 @@
-@import './element-variables.scss';
-$--color-FFBF00: #ffbf00;
-
-:root {
-  // Color
-  --color-primary: #{$--color-primary};
-  --color-white: #{$--color-white};
-  --color-black: #{$--color-black};
-  --color-primary-light-1: #{$--color-primary-light-1};
-  --color-primary-light-2: #{$--color-primary-light-2};
-  --color-primary-light-3: #{$--color-primary-light-3};
-  --color-primary-light-4: #{$--color-primary-light-4};
-  --color-primary-light-5: #{$--color-primary-light-5};
-  --color-primary-light-6: #{$--color-primary-light-6};
-  --color-primary-light-7: #{$--color-primary-light-7};
-  --color-primary-light-8: #{$--color-primary-light-8};
-  --color-primary-light-9: #{$--color-primary-light-9};
-  --color-success: #{$--color-success};
-  --color-warning: #{$--color-warning};
-  --color-danger: #{$--color-danger};
-  --color-info: #{$--color-info};
-  --color-success-light: #{$--color-success-light};
-  --color-warning-light: #{$--color-warning-light};
-  --color-danger-light: #{$--color-danger-light};
-  --color-info-light: #{$--color-info-light};
-  --color-success-lighter: #{$--color-success-lighter};
-  --color-warning-lighter: #{$--color-warning-lighter};
-  --color-danger-lighter: #{$--color-danger-lighter};
-  --color-info-lighter: #{$--color-info-lighter};
-  --button-disabled-background-color: #{$--button-disabled-background-color};
-
-  --color-mask: #{rgba($--color-black, 0.45)};
-
-  --color-primary-hover: #{$--color-primary-hover};
-  --color-success-hover: #{$--color-success-hover};
-  --color-warning-hover: #{$--color-warning-hover};
-  --color-danger-hover: #{$--color-danger-hover};
-  --color-info-hover: #{$--color-info-hover};
-
-  --color-primary-01: #{rgba($--color-primary, 0.1)};
-  --color-primary-04: #{rgba($--color-primary, 0.4)};
-
-  --color-warning-01: #{rgba($--color-warning, 0.1)};
-  --color-warning-04: #{rgba($--color-warning, 0.4)};
-
-  --color-FFBF00: #{$--color-FFBF00};
-  --color-FFBF00-hover: #{mix($--color-black, $--color-FFBF00, 10%)};
-  --color-FFBF00-01: #{rgba($--color-FFBF00, 0.1)};
-  --color-FFBF00-04: #{rgba($--color-FFBF00, 0.4)};
-
-  --color-success-01: #{rgba($--color-success, 0.1)};
-  --color-success-04: #{rgba($--color-success, 0.4)};
-
-  // Text
-  --color-text-primary: #{$--color-text-primary};
-  --color-text-regular: #{$--color-text-regular};
-  --color-text-secondary: #{$--color-text-secondary};
-  --color-text-placeholder: #{$--color-text-placeholder};
-  // Border
-  --border-color-base: #{$--border-color-base};
-  --border-color-light: #{$--border-color-light};
-  --table-row-hover-background-color: #{$--table-row-hover-background-color};
-  --border-color-lighter: #{$--border-color-lighter};
-  --border-color-extra-light: #{$--border-color-extra-light};
-  // Background
-  --background-color-base: #{$--background-color-base};
-  --button-default-border-color: #{$--button-default-border-color};
-  // Link
-  --link-color: #{$--link-color};
-  --link-hover-color: #{$--link-hover-color};
-  // fontSize
-  --font-family-pingfang: 'Pingfang SC';
-  --font-family-yahei: 'Microsoft YaHe';
-  --font-size-extra-large: #{$--font-size-extra-large};
-  --font-size-large: #{$--font-size-large};
-  --font-size-medium: #{$--font-size-medium};
-  --font-size-base: #{$--font-size-base};
-  --font-size-small: #{$--font-size-small};
-  --font-size-extra-small: #{$--font-size-extra-small};
-  // fontWeight
-  --font-weight-bold: #{$--font-weight-bold};
-  --font-weight-primary: #{$--font-weight-primary};
-  --font-weight-secondary: #{$--font-weight-secondary};
-  // fontLineHeight
-  --font-line-height-primary: #{$--font-line-height-primary};
-  --font-line-height-secondary: #{$--font-line-height-secondary};
-  --font-color-disabled-base: #{$--font-color-disabled-base};
-  // Size
-  --size-base: #{$--size-base};
-  // Icon
-  --icon-color: #{$--icon-color};
-  --icon-color-base: #{$--icon-color-base};
-  // Radius
-  --border-radius-base: #{$--border-radius-base};
-
-  // line-height
-  --line-height-16: 16px;
-  --line-height-18: 18px;
-  --line-height-22: 22px;
-  --line-height-24: 24px;
-  --line-height-28: 28px;
-  --line-height-32: 32px;
-
-  --background-linear-gradient: linear-gradient(
-    to bottom right,
-    #{mix($--color-white, $--color-primary, 8.5%)},
-    #{$--color-primary}
-  );
-  --color-success-linear-gradient: linear-gradient(
-    to bottom right,
-    #{mix($--color-white, $--color-success, 8.5%)},
-    #{$--color-success}
-  );
-  --color-FFBF00-linear-gradient: linear-gradient(
-    to bottom right,
-    #{mix($--color-white, $--color-FFBF00, 8.5%)},
-    #{$--color-FFBF00}
-  );
-  --color-warning-linear-gradient: linear-gradient(
-    to bottom right,
-    #{mix($--color-white, $--color-warning, 8.5%)},
-    #{$--color-warning}
-  );
-
-  --color-F48393: #f48393;
-  --color-F4CC7A: #f4cc7a;
-  --color-63D9AE: #63d9ae;
-  --color-73A0FA: #73a0fa;
-  --color-83D0EF: #83d0ef;
-  --color-BEE56F: #bee56f;
-  --color-EADF72: #eadf72;
-  --color-F1B688: #f1b688;
-  --color-F9C0B5: #f9c0b5;
-  --color-F49583: #f49583;
-  --color-EC5E5E: #ec5e5e;
-  --color-AE89E0: #ae89e0;
-  --color-5F5CD2: #5f5cd2;
-  --color-7585A2: #7585a2;
-}
+@import './element-variables.scss';
+$--color-FFBF00: #ffbf00;
+
+:root {
+  // Color
+  --color-primary: #{$--color-primary};
+  --color-white: #{$--color-white};
+  --color-black: #{$--color-black};
+  --color-primary-light-1: #{$--color-primary-light-1};
+  --color-primary-light-2: #{$--color-primary-light-2};
+  --color-primary-light-3: #{$--color-primary-light-3};
+  --color-primary-light-4: #{$--color-primary-light-4};
+  --color-primary-light-5: #{$--color-primary-light-5};
+  --color-primary-light-6: #{$--color-primary-light-6};
+  --color-primary-light-7: #{$--color-primary-light-7};
+  --color-primary-light-8: #{$--color-primary-light-8};
+  --color-primary-light-9: #{$--color-primary-light-9};
+  --color-success: #{$--color-success};
+  --color-warning: #{$--color-warning};
+  --color-danger: #{$--color-danger};
+  --color-info: #{$--color-info};
+  --color-success-light: #{$--color-success-light};
+  --color-warning-light: #{$--color-warning-light};
+  --color-danger-light: #{$--color-danger-light};
+  --color-info-light: #{$--color-info-light};
+  --color-success-lighter: #{$--color-success-lighter};
+  --color-warning-lighter: #{$--color-warning-lighter};
+  --color-danger-lighter: #{$--color-danger-lighter};
+  --color-info-lighter: #{$--color-info-lighter};
+  --button-disabled-background-color: #{$--button-disabled-background-color};
+
+  --color-mask: #{rgba($--color-black, 0.45)};
+
+  --color-primary-hover: #{$--color-primary-hover};
+  --color-success-hover: #{$--color-success-hover};
+  --color-warning-hover: #{$--color-warning-hover};
+  --color-danger-hover: #{$--color-danger-hover};
+  --color-info-hover: #{$--color-info-hover};
+
+  --color-primary-01: #{rgba($--color-primary, 0.1)};
+  --color-primary-04: #{rgba($--color-primary, 0.4)};
+
+  --color-warning-01: #{rgba($--color-warning, 0.1)};
+  --color-warning-04: #{rgba($--color-warning, 0.4)};
+
+  --color-FFBF00: #{$--color-FFBF00};
+  --color-FFBF00-hover: #{mix($--color-black, $--color-FFBF00, 10%)};
+  --color-FFBF00-01: #{rgba($--color-FFBF00, 0.1)};
+  --color-FFBF00-04: #{rgba($--color-FFBF00, 0.4)};
+
+  --color-success-01: #{rgba($--color-success, 0.1)};
+  --color-success-04: #{rgba($--color-success, 0.4)};
+
+  // Text
+  --color-text-primary: #{$--color-text-primary};
+  --color-text-regular: #{$--color-text-regular};
+  --color-text-secondary: #{$--color-text-secondary};
+  --color-text-placeholder: #{$--color-text-placeholder};
+  // Border
+  --border-color-base: #{$--border-color-base};
+  --border-color-light: #{$--border-color-light};
+  --table-row-hover-background-color: #{$--table-row-hover-background-color};
+  --border-color-lighter: #{$--border-color-lighter};
+  --border-color-extra-light: #{$--border-color-extra-light};
+  // Background
+  --background-color-base: #{$--background-color-base};
+  --button-default-border-color: #{$--button-default-border-color};
+  // Link
+  --link-color: #{$--link-color};
+  --link-hover-color: #{$--link-hover-color};
+  // fontSize
+  --font-family-pingfang: 'Pingfang SC';
+  --font-family-yahei: 'Microsoft YaHe';
+  --font-size-extra-large: #{$--font-size-extra-large};
+  --font-size-large: #{$--font-size-large};
+  --font-size-medium: #{$--font-size-medium};
+  --font-size-base: #{$--font-size-base};
+  --font-size-small: #{$--font-size-small};
+  --font-size-extra-small: #{$--font-size-extra-small};
+  // fontWeight
+  --font-weight-bold: #{$--font-weight-bold};
+  --font-weight-primary: #{$--font-weight-primary};
+  --font-weight-secondary: #{$--font-weight-secondary};
+  // fontLineHeight
+  --font-line-height-primary: #{$--font-line-height-primary};
+  --font-line-height-secondary: #{$--font-line-height-secondary};
+  --font-color-disabled-base: #{$--font-color-disabled-base};
+  // Size
+  --size-base: #{$--size-base};
+  // Icon
+  --icon-color: #{$--icon-color};
+  --icon-color-base: #{$--icon-color-base};
+  // Radius
+  --border-radius-base: #{$--border-radius-base};
+
+  // line-height
+  --line-height-16: 16px;
+  --line-height-18: 18px;
+  --line-height-22: 22px;
+  --line-height-24: 24px;
+  --line-height-28: 28px;
+  --line-height-32: 32px;
+
+  --background-linear-gradient: linear-gradient(
+    to bottom right,
+    #{mix($--color-white, $--color-primary, 8.5%)},
+    #{$--color-primary}
+  );
+  --color-success-linear-gradient: linear-gradient(
+    to bottom right,
+    #{mix($--color-white, $--color-success, 8.5%)},
+    #{$--color-success}
+  );
+  --color-FFBF00-linear-gradient: linear-gradient(
+    to bottom right,
+    #{mix($--color-white, $--color-FFBF00, 8.5%)},
+    #{$--color-FFBF00}
+  );
+  --color-warning-linear-gradient: linear-gradient(
+    to bottom right,
+    #{mix($--color-white, $--color-warning, 8.5%)},
+    #{$--color-warning}
+  );
+
+  --color-F48393: #f48393;
+  --color-F4CC7A: #f4cc7a;
+  --color-63D9AE: #63d9ae;
+  --color-73A0FA: #73a0fa;
+  --color-83D0EF: #83d0ef;
+  --color-BEE56F: #bee56f;
+  --color-EADF72: #eadf72;
+  --color-F1B688: #f1b688;
+  --color-F9C0B5: #f9c0b5;
+  --color-F49583: #f49583;
+  --color-EC5E5E: #ec5e5e;
+  --color-AE89E0: #ae89e0;
+  --color-5F5CD2: #5f5cd2;
+  --color-7585A2: #7585a2;
+}

package/src/assets/css/select.scss

@@ -1,26 +1,26 @@
-.el-select.remote-icon-auto {
-  .el-select__caret {
-    &::before {
-         content: '\E6E1';
-     }
-  }
-  .is-focus {
-    .el-select__caret {
-        transform: rotate(0deg);
-    }
-  }
-}
-.el-select.remote-icon {
-  .el-select__caret {
-    &::before {
-         content: '\E6E1';
-     }
-  }
-  &.remote-icon-expand {
-    .is-focus {
-      .el-select__caret {
-          transform: rotate(0deg);
-      }
-    }
-  }
+.el-select.remote-icon-auto {
+  .el-select__caret {
+    &::before {
+         content: '\E6E1';
+     }
+  }
+  .is-focus {
+    .el-select__caret {
+        transform: rotate(0deg);
+    }
+  }
+}
+.el-select.remote-icon {
+  .el-select__caret {
+    &::before {
+         content: '\E6E1';
+     }
+  }
+  &.remote-icon-expand {
+    .is-focus {
+      .el-select__caret {
+          transform: rotate(0deg);
+      }
+    }
+  }
 }

package/src/assets/css/title-pop.scss

@@ -1,4 +1,23 @@
-.n20-title-pop {
-  min-width: auto;
-  padding: 6px;
-}
+
+.el-popover.n20-title-pop{
+  background-color: #303133;
+  min-width: auto;
+  color: $--color-white;
+  padding: 6px;
+}
+
+.n20-title-pop[x-placement^=left] .popper__arrow::after {
+  border-left-color: #303133;
+}
+
+.n20-title-pop[x-placement^=right] .popper__arrow::after {
+  border-right-color: #303133;
+}
+
+.n20-title-pop[x-placement^=bottom] .popper__arrow::after {
+  border-bottom-color: #303133;
+}
+
+.n20-title-pop[x-placement^=top] .popper__arrow::after {
+  border-top-color: #303133;
+}

package/src/assets/getJsonc.js

@@ -1,50 +1,50 @@
-/* 引入不被打包的配置文件 */
-import stripJsonc from 'strip-json-comments'
-import realUrl from './realUrl'
-/* 前端(内存)缓存 */
-const jsoncs = {}
-
-export default function getJsonc(url, sync) {
-  const _url = realUrl(url)
-  if (sync) {
-    if (jsoncs[url + '?sync']) {
-      return jsoncs[url + '?sync']
-    } else {
-      const oAjax = new XMLHttpRequest()
-      oAjax.open('GET', _url, false)
-      oAjax.send()
-      if (oAjax.readyState === 4 && oAjax.status === 200) {
-        try {
-          const _data = JSON.parse(stripJsonc(oAjax.responseText))
-          jsoncs[url + '?sync'] = _data
-          jsoncs[url] = Promise.resolve(_data)
-        } catch (error) {
-          throw { error: url + ' illegal file', content: oAjax.responseText }
-        }
-      }
-      return jsoncs[url + '?sync']
-    }
-  } else {
-    if (jsoncs[url]) {
-      return jsoncs[url]
-    } else {
-      const oAjax = new XMLHttpRequest()
-      oAjax.open('GET', _url, true)
-      oAjax.send()
-      jsoncs[url] = new Promise((resolve, reject) => {
-        oAjax.onreadystatechange = () => {
-          if (oAjax.readyState === 4 && oAjax.status === 200) {
-            try {
-              const _data = JSON.parse(stripJsonc(oAjax.responseText))
-              jsoncs[url + '?sync'] = _data
-              resolve(_data)
-            } catch (error) {
-              throw { error: url + ' illegal file', content: oAjax.responseText }
-            }
-          }
-        }
-      })
-      return jsoncs[url]
-    }
-  }
-}
+/* 引入不被打包的配置文件 */
+import stripJsonc from 'strip-json-comments'
+import realUrl from './realUrl'
+/* 前端(内存)缓存 */
+const jsoncs = {}
+
+export default function getJsonc(url, sync) {
+  const _url = realUrl(url)
+  if (sync) {
+    if (jsoncs[url + '?sync']) {
+      return jsoncs[url + '?sync']
+    } else {
+      const oAjax = new XMLHttpRequest()
+      oAjax.open('GET', _url, false)
+      oAjax.send()
+      if (oAjax.readyState === 4 && oAjax.status === 200) {
+        try {
+          const _data = JSON.parse(stripJsonc(oAjax.responseText))
+          jsoncs[url + '?sync'] = _data
+          jsoncs[url] = Promise.resolve(_data)
+        } catch (error) {
+          throw { error: url + ' illegal file', content: oAjax.responseText }
+        }
+      }
+      return jsoncs[url + '?sync']
+    }
+  } else {
+    if (jsoncs[url]) {
+      return jsoncs[url]
+    } else {
+      const oAjax = new XMLHttpRequest()
+      oAjax.open('GET', _url, true)
+      oAjax.send()
+      jsoncs[url] = new Promise((resolve, reject) => {
+        oAjax.onreadystatechange = () => {
+          if (oAjax.readyState === 4 && oAjax.status === 200) {
+            try {
+              const _data = JSON.parse(stripJsonc(oAjax.responseText))
+              jsoncs[url + '?sync'] = _data
+              resolve(_data)
+            } catch (error) {
+              throw { error: url + ' illegal file', content: oAjax.responseText }
+            }
+          }
+        }
+      })
+      return jsoncs[url]
+    }
+  }
+}

package/src/assets/realUrl.js

@@ -1,12 +1,12 @@
-/* 前缀,针对乾坤做了处理 */
-const prefix = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || process.env.BASE_URL || '/'
-
-export default function realUrl(url) {
-  if (/^http(s)?:|\/\//.test(url)) {
-    return url
-  } else if (/^\//.test(url)) {
-    return prefix + url.replace(/^\//, '')
-  } else {
-    return url
-  }
-}
+/* 前缀,针对乾坤做了处理 */
+const prefix = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || process.env.BASE_URL || '/'
+
+export default function realUrl(url) {
+  if (/^http(s)?:|\/\//.test(url)) {
+    return url
+  } else if (/^\//.test(url)) {
+    return prefix + url.replace(/^\//, '')
+  } else {
+    return url
+  }
+}

package/src/assets/svg/404.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M121.718 73.272v9.953c3.957-7.584 6.199-16.05 6.199-24.995C127.917 26.079 99.273 0 63.958 0 28.644 0 0 26.079 0 58.23c0 .403.028.806.028 1.21l22.97-25.953h13.34l-19.76 27.187h6.42V53.77l13.728-19.477v49.361H22.998V73.272H2.158c5.951 20.284 23.608 36.208 45.998 41.399-1.44 3.3-5.618 11.263-12.565 12.674-8.607 1.764 23.358.428 46.163-13.178 17.519-4.611 31.938-15.849 39.77-30.513h-13.506V73.272H85.02V59.464l22.998-25.977h13.008l-19.429 27.187h6.421v-7.433l13.727-19.402v39.433h-.027zm-78.24 2.822a10.516 10.516 0 0 1-.996-4.535V44.548c0-1.613.332-3.124.996-4.535a11.66 11.66 0 0 1 2.713-3.68c1.134-1.032 2.49-1.864 4.04-2.468 1.55-.605 3.21-.908 4.982-.908h11.292c1.77 0 3.431.303 4.981.908 1.522.604 2.85 1.41 3.986 2.418l-12.26 16.303v-2.898a1.96 1.96 0 0 0-.665-1.512c-.443-.403-.996-.604-1.66-.604-.665 0-1.218.201-1.661.604a1.96 1.96 0 0 0-.664 1.512v9.071L44.364 77.606a10.556 10.556 0 0 1-.886-1.512zm35.73-4.535c0 1.613-.332 3.124-.997 4.535a11.66 11.66 0 0 1-2.712 3.68c-1.134 1.032-2.49 1.864-4.04 2.469-1.55.604-3.21.907-4.982.907H55.185c-1.77 0-3.431-.303-4.981-.907-1.55-.605-2.906-1.437-4.041-2.47a12.49 12.49 0 0 1-1.384-1.512l13.727-18.217v6.375c0 .605.222 1.109.665 1.512.442.403.996.604 1.66.604.664 0 1.218-.201 1.66-.604a1.96 1.96 0 0 0 .665-1.512V53.87L75.97 36.838c.913.932 1.66 1.99 2.214 3.175.664 1.41.996 2.922.996 4.535v27.011h.028z"/></svg>

package/src/assets/svg/addFile.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
+    <title>-mockplus-</title>
+    <desc>Created with Sketch.</desc>
+    <g id="九恒星新一代产品规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="附件模版" transform="translate(-960.000000, -236.000000)">
+            <g id="-mockplus-" transform="translate(94.000000, 218.000000)">
+                <g id="附件/整体附件">
+                    <g id="-mockplus-">
+                        <g transform="translate(856.000000, 13.000000)">
+                            <g id="按钮/小/新增-带图标">
+                                <g id="按钮/小/主按钮-带图标">
+                                    <g id="-mockplus-" transform="translate(10.000000, 5.000000)">
+                                        <g id="icon/新增">
+                                            <g id="新增">
+                                                <g>
+                                                    <rect id="矩形" x="0" y="0" width="16" height="16"></rect>
+                                                    <path d="M7.99999938,1 L7.99999938,1 C11.8660084,1 15.000016,4.13400755 15.000016,8 C15.000016,11.8660087 11.8660084,15.0000163 7.99999938,15.0000163 L7.99999938,15.0000163 C4.13400693,15.0000163 0.999999377,11.8660087 0.999999377,8 C0.999999377,4.13400755 4.13400693,1 7.99999938,1 L7.99999938,1 Z M8.00000815,2.07700184 L8.00000789,2.07700184 C4.72881658,2.07700184 2.07700295,4.72882914 2.07700295,8.00000678 C2.07700295,11.2711981 4.72883025,13.9230117 8.00000789,13.9230117 L8.00000806,13.9230117 C11.2711994,13.9230117 13.923013,11.2711844 13.923013,8.00000678 C13.923013,4.72881547 11.2711857,2.07700184 8.00000806,2.07700184 L8.00000815,2.07700184 Z M8.00300815,5.11700147 L8.00300815,5.11700147 C8.24450023,5.11692097 8.45154051,5.28945323 8.49500892,5.52700234 L8.50300893,5.61700248 L8.50200893,7.48199879 L10.5180113,7.48199879 L10.5180113,7.48199879 C10.7941534,7.48149048 11.018423,7.70493538 11.0189324,7.9810775 C11.0193773,8.22320669 10.8462679,8.4308622 10.608012,8.47399975 L10.5180118,8.48199976 L8.50200946,8.48199976 L8.50200946,10.6160042 L8.50200948,10.6159927 C8.49961262,10.8921342 8.27382015,11.1140399 7.99768761,11.1116625 C7.75956428,11.1095763 7.55594198,10.93986 7.51100794,10.7060064 L7.50300793,10.6160063 L7.50200792,8.48200185 L5.51801148,8.48200185 L5.51801149,8.48200185 C5.24186938,8.48251017 5.01759978,8.25906526 5.01709033,7.98292315 C5.01664548,7.74079396 5.18975486,7.53313844 5.4280108,7.49000089 L5.51801095,7.48200088 L7.5020074,7.48200088 L7.5020074,5.61599273 L7.5020074,5.61599273 C7.50200736,5.33985081 7.72586547,5.11599273 8.00200759,5.11599273 L8.00300815,5.11700147 Z" id="形状" fill="#FFFFFF" fill-rule="nonzero"></path>
+                                                </g>
+                                            </g>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/svg/bug.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M127.88 73.143c0 1.412-.506 2.635-1.518 3.669-1.011 1.033-2.209 1.55-3.592 1.55h-17.887c0 9.296-1.783 17.178-5.35 23.645l16.609 17.044c1.011 1.034 1.517 2.257 1.517 3.67 0 1.412-.506 2.635-1.517 3.668-.958 1.033-2.155 1.55-3.593 1.55-1.438 0-2.635-.517-3.593-1.55l-15.811-16.063a15.49 15.49 0 0 1-1.196 1.06c-.532.434-1.65 1.208-3.353 2.322a50.104 50.104 0 0 1-5.192 2.974c-1.758.87-3.94 1.658-6.546 2.364-2.607.706-5.189 1.06-7.748 1.06V47.044H58.89v73.062c-2.716 0-5.417-.367-8.106-1.102-2.688-.734-5.003-1.631-6.945-2.692a66.769 66.769 0 0 1-5.268-3.179c-1.571-1.057-2.73-1.94-3.476-2.65L33.9 109.34l-14.611 16.877c-1.066 1.14-2.344 1.711-3.833 1.711-1.277 0-2.422-.434-3.434-1.304-1.012-.978-1.557-2.187-1.635-3.627-.079-1.44.333-2.705 1.236-3.794l16.129-18.51c-3.087-6.197-4.63-13.644-4.63-22.342H5.235c-1.383 0-2.58-.517-3.592-1.55S.125 74.545.125 73.132c0-1.412.506-2.635 1.518-3.668 1.012-1.034 2.21-1.55 3.592-1.55h17.887V43.939L9.308 29.833c-1.012-1.033-1.517-2.256-1.517-3.669 0-1.412.505-2.635 1.517-3.668 1.012-1.034 2.21-1.55 3.593-1.55s2.58.516 3.593 1.55l13.813 14.106h67.396l13.814-14.106c1.012-1.034 2.21-1.55 3.592-1.55 1.384 0 2.581.516 3.593 1.55 1.012 1.033 1.518 2.256 1.518 3.668 0 1.413-.506 2.636-1.518 3.67l-13.814 14.105v23.975h17.887c1.383 0 2.58.516 3.593 1.55 1.011 1.033 1.517 2.256 1.517 3.668l-.005.01zM89.552 26.175H38.448c0-7.23 2.489-13.386 7.466-18.469C50.892 2.623 56.92.082 64 .082c7.08 0 13.108 2.541 18.086 7.624 4.977 5.083 7.466 11.24 7.466 18.469z"/></svg>

package/src/assets/svg/chart.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 54.857h36.571V128H0V54.857zM91.429 27.43H128V128H91.429V27.429zM45.714 0h36.572v128H45.714V0z"/></svg>