@lingxiteam/assets 1.0.10-alpha.2 → 1.0.10-alpha.4

package/README.md

@@ -1,3 +1,3 @@
-## 主题
-
+## 主题
+
 通过 `document.documentElement.setAttribute('data-prefers-color', 'dark');` 开启暗黑风格

package/es/error/errorCatch/index.js

@@ -1,5 +1,6 @@
 // TODO
 import ErrorMsg from '../errorDisplay/Web/ErrorMsg';
+import { window } from '../../utils/global';
 var errorDisplayComp = ErrorMsg;
 var info = {};
 // eslint-disable-next-line

package/es/error/errorDisplay/Mobile/Drawer/Drawer.less

@@ -1,201 +1,201 @@
-@import url('../../animation.less');
-@import url('../../variables.less');
-
-.lxm-drawer {
-  &-wraper {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    z-index: 9999;
-    overflow: hidden;
-  }
-
-  &-close-move &-container {
-    animation: lxmDrawerClose 0.3s;
-    animation-fill-mode: forwards;
-  }
-
-  &-container {
-    position: relative;
-    height: 100%;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    background-color: #fff;
-    animation: lxmDrawerOpen 0.3s;
-  }
-
-  &-header {
-    display: flex;
-    align-items: center;
-    height: 44 * @hd;
-    background-color: #f6f8fa;
-
-    &-close {
-      width: 24 * @hd;
-      height: 24 * @hd;
-      display: inline-block;
-      vertical-align: middle;
-      cursor: pointer;
-    }
-
-    &-extend {
-      width: 80 * @hd;
-      padding: 0 20* @hd;
-    }
-
-    &-title {
-      flex: 1;
-      text-align: center;
-      font-size: 18* @hd;
-      font-weight: 500;
-      color: #1c242e;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-  }
-
-  &-tabs {
-    padding: 8* @hd 20* @hd;
-    background-color: #f6f8fa;
-
-    &-row {
-      background: #f0f0f0;
-      border-radius: 8* @hd;
-      padding: 4* @hd;
-      display: flex;
-      align-items: center;
-    }
-
-    &-row &-btn {
-      color: #1c242e;
-      text-align: center;
-      padding: 4* @hd;
-      font-size: 14* @hd;
-      flex: 1;
-      border-radius: 8* @hd;
-      cursor: pointer;
-    }
-
-    &-row &-btn.active {
-      background-color: #fff;
-      font-weight: 500;
-      box-shadow: 0 1* @hd 6* @hd -4* @hd rgba(28, 36, 46, 0.15);
-    }
-  }
-
-  &-main {
-    border-top: 1px solid #f0f0f0;
-    flex: 1;
-    background-color: #fff;
-    overflow-y: auto;
-  }
-
-  &-content {
-    padding: 20* @hd;
-
-    &-head {
-      margin-bottom: 20* @hd;
-
-      &-title {
-        font-size: 21* @hd;
-        font-weight: 500;
-        color: #1c242e;
-      }
-
-      &-author {
-        font-size: 13* @hd;
-        color: rgba(28, 36, 46, 0.45);;
-      }
-    }
-
-    &-body {
-      font-size: 15* @hd;
-      color: rgba(28, 36, 46, 0.75);
-
-      // 内置文章样式
-      dt {
-        font-size: 17* @hd;
-        font-weight: 500;
-        margin-top: 30* @hd;
-      }
-      dd {
-        padding: 8* @hd 0;
-        margin: 0;
-        font-size: 15* @hd;
-      }
-      ol, ul {
-        padding: 0;
-        margin: 0;
-      }
-      ol, ul {
-        list-style: inside inside;
-      }
-      li, p {
-        line-height: 24* @hd;
-        letter-spacing: 1px;
-        margin: 4* @hd 0;
-      }
-    }
-  }
-
-  &-list {
-    padding: 0 20* @hd;
-
-    &-item {
-      padding: 8* @hd 0;
-      border-bottom: 1px solid #f0f0f0;
-
-      &.purple &-dt {
-        &-title {
-          color: #9747ff;
-        }
-      }
-
-      &.blue &-dt {
-        &-title {
-          color: #47e;
-        }
-      }
-
-      &.red &-dt {
-        &-title {
-          color: #fa7570;
-        }
-      }
-
-      &-dt {
-        display: flex;
-
-        &-title {
-          flex: 1;
-          font-size: 14* @hd;
-          font-weight: 500;
-        }
-
-        &-extra {
-          font-size: 12* @hd;
-          color: rgba(28, 36, 46, 0.45);
-        }
-
-        &-title + &-extra {
-          margin-left: 8* @hd;
-        }
-      }
-
-      &-dd {
-        font-size: 12* @hd;
-        color: rgba(28, 36, 46, 0.75);
-      }
-    }
-  }
-
-  &-empty {
-    padding: 20* @hd;
-    text-align: center;
-    color: rgba(28, 36, 46, 0.45);
-  }
-}
+@import url('../../animation.less');
+@import url('../../variables.less');
+
+.lxm-drawer {
+  &-wraper {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    z-index: 9999;
+    overflow: hidden;
+  }
+
+  &-close-move &-container {
+    animation: lxmDrawerClose 0.3s;
+    animation-fill-mode: forwards;
+  }
+
+  &-container {
+    position: relative;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    background-color: #fff;
+    animation: lxmDrawerOpen 0.3s;
+  }
+
+  &-header {
+    display: flex;
+    align-items: center;
+    height: 44 * @hd;
+    background-color: #f6f8fa;
+
+    &-close {
+      width: 24 * @hd;
+      height: 24 * @hd;
+      display: inline-block;
+      vertical-align: middle;
+      cursor: pointer;
+    }
+
+    &-extend {
+      width: 80 * @hd;
+      padding: 0 20* @hd;
+    }
+
+    &-title {
+      flex: 1;
+      text-align: center;
+      font-size: 18* @hd;
+      font-weight: 500;
+      color: #1c242e;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  }
+
+  &-tabs {
+    padding: 8* @hd 20* @hd;
+    background-color: #f6f8fa;
+
+    &-row {
+      background: #f0f0f0;
+      border-radius: 8* @hd;
+      padding: 4* @hd;
+      display: flex;
+      align-items: center;
+    }
+
+    &-row &-btn {
+      color: #1c242e;
+      text-align: center;
+      padding: 4* @hd;
+      font-size: 14* @hd;
+      flex: 1;
+      border-radius: 8* @hd;
+      cursor: pointer;
+    }
+
+    &-row &-btn.active {
+      background-color: #fff;
+      font-weight: 500;
+      box-shadow: 0 1* @hd 6* @hd -4* @hd rgba(28, 36, 46, 0.15);
+    }
+  }
+
+  &-main {
+    border-top: 1px solid #f0f0f0;
+    flex: 1;
+    background-color: #fff;
+    overflow-y: auto;
+  }
+
+  &-content {
+    padding: 20* @hd;
+
+    &-head {
+      margin-bottom: 20* @hd;
+
+      &-title {
+        font-size: 21* @hd;
+        font-weight: 500;
+        color: #1c242e;
+      }
+
+      &-author {
+        font-size: 13* @hd;
+        color: rgba(28, 36, 46, 0.45);;
+      }
+    }
+
+    &-body {
+      font-size: 15* @hd;
+      color: rgba(28, 36, 46, 0.75);
+
+      // 内置文章样式
+      dt {
+        font-size: 17* @hd;
+        font-weight: 500;
+        margin-top: 30* @hd;
+      }
+      dd {
+        padding: 8* @hd 0;
+        margin: 0;
+        font-size: 15* @hd;
+      }
+      ol, ul {
+        padding: 0;
+        margin: 0;
+      }
+      ol, ul {
+        list-style: inside inside;
+      }
+      li, p {
+        line-height: 24* @hd;
+        letter-spacing: 1px;
+        margin: 4* @hd 0;
+      }
+    }
+  }
+
+  &-list {
+    padding: 0 20* @hd;
+
+    &-item {
+      padding: 8* @hd 0;
+      border-bottom: 1px solid #f0f0f0;
+
+      &.purple &-dt {
+        &-title {
+          color: #9747ff;
+        }
+      }
+
+      &.blue &-dt {
+        &-title {
+          color: #47e;
+        }
+      }
+
+      &.red &-dt {
+        &-title {
+          color: #fa7570;
+        }
+      }
+
+      &-dt {
+        display: flex;
+
+        &-title {
+          flex: 1;
+          font-size: 14* @hd;
+          font-weight: 500;
+        }
+
+        &-extra {
+          font-size: 12* @hd;
+          color: rgba(28, 36, 46, 0.45);
+        }
+
+        &-title + &-extra {
+          margin-left: 8* @hd;
+        }
+      }
+
+      &-dd {
+        font-size: 12* @hd;
+        color: rgba(28, 36, 46, 0.75);
+      }
+    }
+  }
+
+  &-empty {
+    padding: 20* @hd;
+    text-align: center;
+    color: rgba(28, 36, 46, 0.45);
+  }
+}