haiwei-ui 1.0.2 → 1.0.4

package/packages/styles/components/split/_index.scss

@@ -1,119 +1,119 @@
 #{$prefix}split-wrapper {
-    position: relative;
-    width: 100%;
-    height: 100%;
+  position: relative;
+  width: 100%;
+  height: 100%;
+
+  #{$prefix}split-pane {
+    position: absolute;
+
+    &.left-pane,
+    &.right-pane {
+      top: 0;
+      bottom: 0;
+      box-sizing: border-box;
+    }
+
+    &.left-pane {
+      left: 0;
+    }
+
+    &.right-pane {
+      padding-left: 6px;
+      right: 0;
+    }
+
+    &.top-pane,
+    &.bottom-pane {
+      left: 0;
+      right: 0;
+      box-sizing: border-box;
+    }
 
-    #{$prefix}split-pane {
-        position: absolute;
-
-        &.left-pane,
-        &.right-pane {
-            top: 0;
-            bottom: 0;
-            box-sizing: border-box;
-        }
-
-        &.left-pane {
-            left: 0;
-        }
-
-        &.right-pane {
-            padding-left: 6px;
-            right: 0;
-        }
-
-        &.top-pane,
-        &.bottom-pane {
-            left: 0;
-            right: 0;
-            box-sizing: border-box;
-        }
-
-        &.top-pane {
-            top: 0;
-        }
-
-        &.bottom-pane {
-            padding-top: 6px;
-            bottom: 0;
-        }
+    &.top-pane {
+      top: 0;
     }
 
+    &.bottom-pane {
+      padding-top: 6px;
+      bottom: 0;
+    }
+  }
+
+  #{$prefix}split-trigger-con {
+    position: absolute;
+    transform: translate(-50%, -50%);
+    z-index: 10;
+  }
+
+  #{$prefix}split-horizontal {
     #{$prefix}split-trigger-con {
-        position: absolute;
-        transform: translate(-50%, -50%);
-        z-index: 10;
+      top: 50%;
+      height: 100%;
+      width: 0;
     }
+  }
 
-    #{$prefix}split-horizontal {
-        #{$prefix}split-trigger-con {
-            top: 50%;
-            height: 100%;
-            width: 0;
-        }
+  #{$prefix}split-vertical {
+    #{$prefix}split-trigger-con {
+      left: 50%;
+      height: 0;
+      width: 100%;
     }
+  }
 
-    #{$prefix}split-vertical {
-        #{$prefix}split-trigger-con {
-            left: 50%;
-            height: 0;
-            width: 100%;
-        }
+  #{$prefix}split-trigger {
+    border: 1px solid;
+    box-sizing: border-box;
+
+    #{$prefix}split-trigger-bar-con {
+      position: absolute;
+      overflow: hidden;
     }
+  }
 
-    #{$prefix}split-trigger {
-        border: 1px solid;
-        box-sizing: border-box;
+  #{$prefix}split-trigger-vertical {
+    width: 6px;
+    height: 100%;
+    border-top: none;
+    border-bottom: none;
+    cursor: col-resize;
+
+    #{$prefix}split-trigger-bar-con {
+      left: 1px;
+      top: 50%;
+      height: 32px;
+      transform: translateY(-50%);
+    }
 
-        #{$prefix}split-trigger-bar-con {
-            position: absolute;
-            overflow: hidden;
-        }
+    #{$prefix}split-trigger-bar {
+      width: 4px;
+      height: 1px;
+      background: rgba(23, 35, 61, 0.25);
+      float: left;
+      margin-top: 3px;
     }
+  }
 
-    #{$prefix}split-trigger-vertical {
-        width: 6px;
-        height: 100%;
-        border-top: none;
-        border-bottom: none;
-        cursor: col-resize;
-
-        #{$prefix}split-trigger-bar-con {
-            left: 1px;
-            top: 50%;
-            height: 32px;
-            transform: translateY(-50%);
-        }
-
-        #{$prefix}split-trigger-bar {
-            width: 4px;
-            height: 1px;
-            background: rgba(23, 35, 61, 0.25);
-            float: left;
-            margin-top: 3px;
-        }
+  #{$prefix}split-trigger-horizontal {
+    height: 6px;
+    width: 100%;
+    border-left: none;
+    border-right: none;
+    cursor: row-resize;
+
+    #{$prefix}split-trigger-bar-con {
+      left: 50%;
+      top: 1px;
+      width: 32px;
+      transform: translate(-50%);
     }
 
-    #{$prefix}split-trigger-horizontal {
-        height: 6px;
-        width: 100%;
-        border-left: none;
-        border-right: none;
-        cursor: row-resize;
-
-        #{$prefix}split-trigger-bar-con {
-            left: 50%;
-            top: 1px;
-            width: 32px;
-            transform: translate(-50%);
-        }
-
-        #{$prefix}split-trigger-bar {
-            height: 4px;
-            width: 1px;
-            background: rgba(23, 35, 61, 0.25);
-            float: left;
-            margin-right: 3px;
-        }
+    #{$prefix}split-trigger-bar {
+      height: 4px;
+      width: 1px;
+      background: rgba(23, 35, 61, 0.25);
+      float: left;
+      margin-right: 3px;
     }
-}
+  }
+}

package/packages/styles/components/toolbar/_index.scss

@@ -1,120 +1,120 @@
 #{$prefix}toolbar {
-    height: 50px;
-    overflow: hidden;
+  height: 50px;
+  overflow: hidden;
 
-    &-item {
-        position: relative;
-        display: inline-block;
-        height: 100%;
-        @include toolbar-hover-border();
+  &-item {
+    position: relative;
+    display: inline-block;
+    height: 100%;
+    @include toolbar-hover-border();
 
-        .el-dropdown {
-            height: 100%;
-        }
+    .el-dropdown {
+      height: 100%;
     }
+  }
 
-    &-button {
-        margin-left: 0 !important;
-        height: 100%;
-        width: 40px;
-        font-size: 18px;
-        color: #fff !important;
+  &-button {
+    margin-left: 0 !important;
+    height: 100%;
+    width: 40px;
+    font-size: 18px;
+    color: #fff !important;
 
-        #{$prefix}icon {
-            padding-right: 0;
-            font-size: 25px;
-            transform: scale(1) !important;
-        }
+    #{$prefix}icon {
+      padding-right: 0;
+      font-size: 25px;
+      transform: scale(1) !important;
     }
+  }
 
-    #{$prefix}skin-toggle {
-        .skin-list {
-            &-item {
-                position: relative;
-                display: inline-block;
-                margin: 0 5px;
-                width: 300px;
-                cursor: pointer;
+  #{$prefix}skin-toggle {
+    .skin-list {
+      &-item {
+        position: relative;
+        display: inline-block;
+        margin: 0 5px;
+        width: 300px;
+        cursor: pointer;
 
-                .img {
-                    position: relative;
-                    height: 150px;
-                    overflow: hidden;
-                    transition: all 0.2s ease-in;
+        .img {
+          position: relative;
+          height: 150px;
+          overflow: hidden;
+          transition: all 0.2s ease-in;
 
-                    img {
-                        width: 100%;
-                        height: 100%;
-                    }
+          img {
+            width: 100%;
+            height: 100%;
+          }
 
-                    &::after {
-                        content: '';
-                        position: absolute;
-                        left: 0;
-                        top: 0;
-                        width: 100%;
-                        height: 100%;
-                        background-color: rgba(51, 51, 51, 0.5);
-                    }
+          &::after {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(51, 51, 51, 0.5);
+          }
 
-                    &:hover {
-                        &::after {
-                            display: none;
-                        }
-                    }
-                }
+          &:hover {
+            &::after {
+              display: none;
+            }
+          }
+        }
 
-                .text {
-                    height: 30px;
-                    line-height: 30px;
-                    text-align: center;
-                }
+        .text {
+          height: 30px;
+          line-height: 30px;
+          text-align: center;
+        }
 
-                &.active {
-                    .img {
-                        border: 1px solid #03a9f4;
-                        box-shadow: 0 0 9px #03a9f4;
+        &.active {
+          .img {
+            border: 1px solid #03a9f4;
+            box-shadow: 0 0 9px #03a9f4;
 
-                        &::after {
-                            display: none;
-                        }
+            &::after {
+              display: none;
+            }
 
-                        &::before {
-                            content: '';
-                            position: absolute;
-                            bottom: -45px;
-                            right: -4px;
-                            width: 0;
-                            height: 0;
-                            border: 40px solid;
-                            border-left-color: transparent;
-                            border-right-color: #03a9f4;
-                            border-bottom-color: transparent;
-                            border-top-color: transparent;
-                        }
-                    }
-                }
+            &::before {
+              content: '';
+              position: absolute;
+              bottom: -45px;
+              right: -4px;
+              width: 0;
+              height: 0;
+              border: 40px solid;
+              border-left-color: transparent;
+              border-right-color: #03a9f4;
+              border-bottom-color: transparent;
+              border-top-color: transparent;
             }
+          }
         }
+      }
+    }
 
-        .theme-list {
-            &-item {
-                margin: 0 5px;
-                position: relative;
-                display: inline-block;
-                width: 40px;
-                height: 40px;
-                border-radius: 20px;
-                cursor: pointer;
-                box-sizing: border-box;
-                transition: all 0.25s ease-in;
+    .theme-list {
+      &-item {
+        margin: 0 5px;
+        position: relative;
+        display: inline-block;
+        width: 40px;
+        height: 40px;
+        border-radius: 20px;
+        cursor: pointer;
+        box-sizing: border-box;
+        transition: all 0.25s ease-in;
 
-                &:hover,
-                &.active {
-                    box-shadow: 0 0 9px #03a9f4;
-                    transform: scale(1.1);
-                }
-            }
+        &:hover,
+        &.active {
+          box-shadow: 0 0 9px #03a9f4;
+          transform: scale(1.1);
         }
+      }
     }
-}
+  }
+}

package/packages/styles/components/txt/_index.scss

@@ -1,17 +1,17 @@
 #{$prefix}txt {
-    padding: 2px 0;
-    position: relative;
-    line-height: 20px;
-    box-sizing: border-box;
+  padding: 2px 0;
+  position: relative;
+  line-height: 20px;
+  box-sizing: border-box;
 
-    &-icon {
-        padding-left: 21px;
+  &-icon {
+    padding-left: 21px;
 
-        #{$prefix}icon {
-            position: absolute;
-            top: 0;
-            left: 0;
-            font-size: 20px;
-        }
+    #{$prefix}icon {
+      position: absolute;
+      top: 0;
+      left: 0;
+      font-size: 20px;
     }
-}
+  }
+}

package/packages/styles/components/upload-dialog/_index.scss

@@ -1,54 +1,54 @@
 #{$prefix}upload-dialog {
-    box-shadow: none;
-
-    #{$prefix}dialog-main {
-        padding: 0 !important;
-        @include flex-column();
-
-        .el-upload {
-            width: 100%;
-
-            .el-upload-dragger {
-                padding-bottom: 10px;
-                width: 100%;
-                height: auto;
-                border: 0;
-
-                .el-icon-upload {
-                    margin-top: 15px;
-                }
-
-                .el-upload__text {
-                    height: 32px;
-                    line-height: 32px;
-                }
-            }
-        }
-    }
+  box-shadow: none;
 
-    &-top {
-        flex-shrink: 0;
-    }
+  #{$prefix}dialog-main {
+    padding: 0 !important;
+    @include flex-column();
 
-    &-bottom {
-        flex-grow: 1;
-    }
+    .el-upload {
+      width: 100%;
 
-    &-tip {
-        color: $color-warning;
+      .el-upload-dragger {
+        padding-bottom: 10px;
+        width: 100%;
+        height: auto;
+        border: 0;
 
-        >i {
-            margin-right: 5px;
+        .el-icon-upload {
+          margin-top: 15px;
         }
-    }
 
-    .status-success {
-        color: $color-success;
-        font-size: 16px;
+        .el-upload__text {
+          height: 32px;
+          line-height: 32px;
+        }
+      }
     }
+  }
+
+  &-top {
+    flex-shrink: 0;
+  }
+
+  &-bottom {
+    flex-grow: 1;
+  }
+
+  &-tip {
+    color: $color-warning;
 
-    .status-error {
-        color: $color-danger;
-        font-size: 16px;
+    > i {
+      margin-right: 5px;
     }
-}
+  }
+
+  .status-success {
+    color: $color-success;
+    font-size: 16px;
+  }
+
+  .status-error {
+    color: $color-danger;
+    font-size: 16px;
+  }
+}

package/packages/styles/components/upload-multiple/_index.scss

@@ -1,29 +1,29 @@
 #{$prefix}upload-multiple {
-    box-shadow: none;
+  box-shadow: none;
 
-    #{$prefix}box-content {
-        padding: 0 !important;
+  #{$prefix}box-content {
+    padding: 0 !important;
 
-        .el-upload {
-            width: 100%;
+    .el-upload {
+      width: 100%;
 
-            .el-upload-dragger {
-                width: 100%;
-                height: auto;
-                border: none;
+      .el-upload-dragger {
+        width: 100%;
+        height: auto;
+        border: none;
 
-                .el-icon-upload {
-                    margin-top: 15px;
-                }
-            }
+        .el-icon-upload {
+          margin-top: 15px;
         }
+      }
     }
+  }
 
-    &-tip {
-        color: $color-warning;
+  &-tip {
+    color: $color-warning;
 
-        >i {
-            margin-right: 5px;
-        }
+    > i {
+      margin-right: 5px;
     }
-}
+  }
+}

package/packages/styles/components/upload-single/_index.scss

@@ -1,23 +1,23 @@
 #{$prefix}upload-single {
-    width: 100%;
-    @include flex-row();
+  width: 100%;
+  @include flex-row();
 
-    >.input {
-        padding-right: 5px;
-        flex-grow: 1;
-    }
+  > .input {
+    padding-right: 5px;
+    flex-grow: 1;
+  }
 
-    >.button {
-        flex-shrink: 0;
-    }
+  > .button {
+    flex-shrink: 0;
+  }
 }
 
 .is-error {
-    #{$prefix}upload-single {
-        >.input {
-            .el-input__inner {
-                border-color: #F56C6C;
-            }
-        }
+  #{$prefix}upload-single {
+    > .input {
+      .el-input__inner {
+        border-color: #f56c6c;
+      }
     }
-}
+  }
+}

package/packages/utils/resize-event.js

@@ -3,7 +3,7 @@ import ResizeObserver from 'resize-observer-polyfill'
 const isServer = typeof window === 'undefined'
 
 /* istanbul ignore next */
-const resizeHandler = function (entries) {
+const resizeHandler = function(entries) {
   for (let entry of entries) {
     const listeners = entry.target.__resizeListeners__ || []
     if (listeners.length) {
@@ -15,7 +15,7 @@ const resizeHandler = function (entries) {
 }
 
 /* istanbul ignore next */
-const addResizeListener = function (element, fn) {
+const addResizeListener = function(element, fn) {
   if (isServer) return
   if (!element.__resizeListeners__) {
     element.__resizeListeners__ = []
@@ -26,7 +26,7 @@ const addResizeListener = function (element, fn) {
 }
 
 /* istanbul ignore next */
-const removeResizeListener = function (element, fn) {
+const removeResizeListener = function(element, fn) {
   if (!element || !element.__resizeListeners__) return
   element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1)
   if (!element.__resizeListeners__.length) {