npm - haiwei-ui - Versions diffs - 1.0.3 → 1.0.4 - Mend

haiwei-ui 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (109) hide show

package/README.md +10 -0
package/package.json +1 -1
package/packages/components/box/index.vue +116 -125
package/packages/components/box-col/index.vue +30 -33
package/packages/components/box-row/index.vue +17 -17
package/packages/components/box-small/index.vue +38 -38
package/packages/components/button/index.vue +29 -42
package/packages/components/button-copy/index.vue +46 -62
package/packages/components/button-delete/index.vue +64 -77
package/packages/components/button-delete-batch/index.vue +82 -95
package/packages/components/button-has/index.vue +29 -42
package/packages/components/checkbox-group/index.vue +85 -85
package/packages/components/color-picker/index.vue +41 -50
package/packages/components/container/index.vue +8 -8
package/packages/components/date-range-picker/index.vue +92 -103
package/packages/components/details/index.vue +72 -79
package/packages/components/dialog/index.vue +281 -294
package/packages/components/drag-sort/index.vue +36 -36
package/packages/components/drag-sort-dialog/index.vue +58 -58
package/packages/components/drawer/index.vue +157 -166
package/packages/components/enums/sex/index.vue +1 -1
package/packages/components/flex/index.vue +33 -33
package/packages/components/form/index.vue +123 -138
package/packages/components/form-dialog/index.vue +184 -217
package/packages/components/form-page/index.vue +134 -151
package/packages/components/icon/index.vue +6 -6
package/packages/components/icon-picker/index.vue +30 -30
package/packages/components/icon-picker/panel.vue +58 -58
package/packages/components/label/index.vue +22 -30
package/packages/components/list/components/export/index.vue +101 -99
package/packages/components/list/components/footer/index.vue +42 -51
package/packages/components/list/components/header/index.vue +34 -34
package/packages/components/list/components/querybar/index.vue +144 -144
package/packages/components/list/components/select-column/index.vue +30 -30
package/packages/components/list/components/table/index.vue +169 -188
package/packages/components/list/index.vue +337 -391
package/packages/components/list-agile/index.vue +145 -145
package/packages/components/list-dialog/index.vue +70 -84
package/packages/components/listbox/index.vue +48 -48
package/packages/components/login-default/index.vue +107 -107
package/packages/components/login-neon/index.vue +104 -104
package/packages/components/map/index.vue +229 -229
package/packages/components/map-coord-picking/index.vue +220 -219
package/packages/components/map-search/index.vue +75 -72
package/packages/components/scrollbar/index.vue +11 -11
package/packages/components/select-whether/index.vue +30 -30
package/packages/components/split/index.vue +141 -141
package/packages/components/split/trigger.vue +15 -15
package/packages/components/tabnav/index.vue +125 -89
package/packages/components/tabs/index.vue +31 -31
package/packages/components/toolbar/components/fullscreen/index.vue +10 -10
package/packages/components/toolbar/components/logout/index.vue +13 -13
package/packages/components/toolbar/components/skin-toggle/form.vue +59 -59
package/packages/components/toolbar/components/skin-toggle/index.vue +12 -12
package/packages/components/toolbar/components/userInfo/index.vue +18 -18
package/packages/components/toolbar/index.vue +12 -12
package/packages/components/tree-select/mixins.vue +261 -270
package/packages/components/txt/index.vue +17 -17
package/packages/components/update-password/index.vue +45 -57
package/packages/layout.vue +18 -18
package/packages/mixins/components/checkbox.vue +71 -82
package/packages/mixins/components/radio.vue +69 -69
package/packages/page/403/index.vue +32 -28
package/packages/page/404/index.vue +32 -28
package/packages/page/default/index.vue +17 -13
package/packages/page/iframe/index.vue +6 -6
package/packages/page/login/index.vue +9 -9
package/packages/page/userInfo/index.vue +5 -5
package/packages/router/index.js +1 -9
package/packages/skins/pretty/components/header/components/breadcrumb/index.vue +29 -29
package/packages/skins/pretty/components/header/components/theme/index.vue +22 -21
package/packages/skins/pretty/components/header/index.vue +12 -12
package/packages/skins/pretty/components/main/index.vue +27 -27
package/packages/skins/pretty/components/menus/index.vue +28 -28
package/packages/skins/pretty/components/menus/item.vue +23 -23
package/packages/skins/pretty/components/sidebar/index.vue +7 -7
package/packages/skins/pretty/index.vue +6 -6
package/packages/skins/pretty/styles/themes/blue-light/_index.scss +2 -2
package/packages/skins/pretty/styles/themes/default/_index.scss +1 -1
package/packages/skins/pretty/styles/themes/green/_index.scss +2 -2
package/packages/skins/pretty/styles/themes/green-light/_index.scss +2 -2
package/packages/styles/_mixins.scss +24 -25
package/packages/styles/animation/_index.scss +22 -23
package/packages/styles/animation/breadcrumb.scss +6 -6
package/packages/styles/animation/fade.scss +11 -11
package/packages/styles/animation/move.scss +98 -98
package/packages/styles/components/box-small/_index.scss +58 -58
package/packages/styles/components/button/_index.scss +7 -7
package/packages/styles/components/container/_index.scss +26 -26
package/packages/styles/components/date-range-picker/_index.scss +4 -4
package/packages/styles/components/details/_index.scss +66 -67
package/packages/styles/components/details-dialog/_index.scss +13 -13
package/packages/styles/components/drag-sort/_index.scss +20 -20
package/packages/styles/components/drag-sort-dialog/_index.scss +7 -7
package/packages/styles/components/flex/_index.scss +56 -56
package/packages/styles/components/form-dialog/_index.scss +11 -11
package/packages/styles/components/icon/_index.scss +6 -6
package/packages/styles/components/label/_index.scss +245 -245
package/packages/styles/components/listbox/_index.scss +47 -47
package/packages/styles/components/split/_index.scss +102 -102
package/packages/styles/components/toolbar/_index.scss +98 -98
package/packages/styles/components/txt/_index.scss +13 -13
package/packages/styles/components/upload-dialog/_index.scss +44 -44
package/packages/styles/components/upload-multiple/_index.scss +19 -19
package/packages/styles/components/upload-single/_index.scss +16 -16
package/packages/utils/resize-event.js +3 -3
package/packages/vuter/attributes.json +30 -40
package/packages/vuter/tags.json +11 -27
package/public/lib/font/iconfont.js +47 -1

package/packages/styles/components/label/_index.scss CHANGED Viewed

@@ -1,289 +1,289 @@
 #{$prefix}label {
-    display: inline-block;
-    text-align: center;
-    white-space: nowrap;
-    color: #fff;
+  display: inline-block;
+  text-align: center;
+  white-space: nowrap;
+  color: #fff;
+  margin-right: 5px;
+  padding: 2px 10px;
+  font-size: 17px;
+  @include vertical-center(32px);
+  &.arrowed,
+  &.arrowed-in {
+    position: relative;
+    margin-left: 10px;
+    &::before {
+      content: '';
+      display: inline-block;
+      position: absolute;
+      top: 0;
+      border: 1px solid transparent;
+      border-width: 18px 8px;
+    }
+  }
+  &.arrowed {
+    padding-left: 8px;
+    &::before {
+      left: -16px;
+    }
+  }
+  &.arrowed-in {
+    padding-left: 8px;
+    &::before {
+      left: -9px;
+    }
+  }
+  &.arrowed-right,
+  &.arrowed-right-in {
+    position: relative;
+    margin-right: 12px;
+    &::after {
+      content: '';
+      display: inline-block;
+      position: absolute;
+      top: 0;
+      border: 1px solid transparent;
+      border-width: 18px 8px;
+    }
+  }
+  &.arrowed-right {
+    padding-right: 5px;
+    &::after {
+      right: -16px;
+    }
+  }
+  &.arrowed-right-in {
+    padding-right: 5px;
+    &::after {
+      right: -9px;
+    }
+  }
+  @mixin label-type($color) {
+    background: $color;
+    &.arrowed {
+      &::before {
+        border-right-color: $color;
+      }
+    }
+    &.arrowed-in {
+      &::before {
+        border-color: $color $color $color transparent;
+      }
+    }
+    &.arrowed-right {
+      &::after {
+        border-left-color: $color;
+      }
+    }
+    &.arrowed-right-in {
+      &::after {
+        border-color: $color transparent $color $color;
+      }
+    }
+  }
+  @include label-type($color-info);
+  &-success {
+    @include label-type($color-success);
+  }
+  &-primary {
+    @include label-type($color-primary);
+  }
+  &-warning {
+    @include label-type($color-warning);
+  }
+  &-danger {
+    @include label-type($color-danger);
+  }
+  &.medium {
     margin-right: 5px;
     padding: 2px 10px;
-    font-size: 17px;
-    @include vertical-center(32px);
+    font-size: 16px;
+    @include vertical-center(28px);
     &.arrowed,
     &.arrowed-in {
-        position: relative;
-        margin-left: 10px;
-        &::before {
-            content: "";
-            display: inline-block;
-            position: absolute;
-            top: 0;
-            border: 1px solid transparent;
-            border-width: 18px 8px;
-        }
+      margin-left: 10px;
+      &::before {
+        border-width: 16px 8px;
+      }
     }
     &.arrowed {
-        padding-left: 8px;
+      padding-left: 8px;
-        &::before {
-            left: -16px;
-        }
+      &::before {
+        left: -16px;
+      }
     }
     &.arrowed-in {
-        padding-left: 8px;
+      padding-left: 8px;
-        &::before {
-            left: -9px;
-        }
+      &::before {
+        left: -9px;
+      }
     }
     &.arrowed-right,
     &.arrowed-right-in {
-        position: relative;
-        margin-right: 12px;
-        &::after {
-            content: "";
-            display: inline-block;
-            position: absolute;
-            top: 0;
-            border: 1px solid transparent;
-            border-width: 18px 8px;
-        }
+      margin-right: 12px;
+      &::after {
+        border-width: 16px 8px;
+      }
     }
     &.arrowed-right {
-        padding-right: 5px;
+      padding-right: 5px;
-        &::after {
-            right: -16px;
-        }
+      &::after {
+        right: -16px;
+      }
     }
     &.arrowed-right-in {
-        padding-right: 5px;
+      padding-right: 5px;
-        &::after {
-            right: -9px;
-        }
+      &::after {
+        right: -9px;
+      }
     }
+  }
+  &.small {
+    margin-right: 5px;
+    padding: 2px 10px;
+    font-size: 14px;
+    @include vertical-center(24px);
-    @mixin label-type($color) {
-        background: $color;
-        &.arrowed {
-            &::before {
-                border-right-color: $color;
-            }
-        }
-        &.arrowed-in {
-            &::before {
-                border-color: $color $color $color transparent;
-            }
-        }
-        &.arrowed-right {
-            &::after {
-                border-left-color: $color;
-            }
-        }
-        &.arrowed-right-in {
-            &::after {
-                border-color: $color transparent $color $color;
-            }
-        }
+    &.arrowed,
+    &.arrowed-in {
+      margin-left: 10px;
+      &::before {
+        border-width: 14px 6px;
+      }
     }
-    @include label-type($color-info);
+    &.arrowed {
+      padding-left: 8px;
-    &-success {
-        @include label-type($color-success);
+      &::before {
+        left: -12px;
+      }
     }
-    &-primary {
-        @include label-type($color-primary);
+    &.arrowed-in {
+      padding-left: 5px;
+      &::before {
+        left: -9px;
+      }
     }
-    &-warning {
-        @include label-type($color-warning);
+    &.arrowed-right,
+    &.arrowed-right-in {
+      margin-right: 12px;
+      &::after {
+        border-width: 14px 6px;
+      }
     }
-    &-danger {
-        @include label-type($color-danger);
+    &.arrowed-right {
+      padding-right: 5px;
+      &::after {
+        right: -12px;
+      }
     }
-    &.medium {
-        margin-right: 5px;
-        padding: 2px 10px;
-        font-size: 16px;
-        @include vertical-center(28px);
-        &.arrowed,
-        &.arrowed-in {
-            margin-left: 10px;
-            &::before {
-                border-width: 16px 8px;
-            }
-        }
-        &.arrowed {
-            padding-left: 8px;
-            &::before {
-                left: -16px;
-            }
-        }
-        &.arrowed-in {
-            padding-left: 8px;
-            &::before {
-                left: -9px;
-            }
-        }
-        &.arrowed-right,
-        &.arrowed-right-in {
-            margin-right: 12px;
-            &::after {
-                border-width: 16px 8px;
-            }
-        }
-        &.arrowed-right {
-            padding-right: 5px;
-            &::after {
-                right: -16px;
-            }
-        }
-        &.arrowed-right-in {
-            padding-right: 5px;
-            &::after {
-                right: -9px;
-            }
-        }
+    &.arrowed-right-in {
+      padding-right: 5px;
+      &::after {
+        right: -9px;
+      }
     }
+  }
+  &.mini {
+    margin-right: 5px;
+    padding: 2px 7px;
+    font-size: 12px;
+    @include vertical-center(20px);
-    &.small {
-        margin-right: 5px;
-        padding: 2px 10px;
-        font-size: 14px;
-        @include vertical-center(24px);
-        &.arrowed,
-        &.arrowed-in {
-            margin-left: 10px;
-            &::before {
-                border-width: 14px 6px;
-            }
-        }
-        &.arrowed {
-            padding-left: 8px;
-            &::before {
-                left: -12px;
-            }
-        }
-        &.arrowed-in {
-            padding-left: 5px;
-            &::before {
-                left: -9px;
-            }
-        }
-        &.arrowed-right,
-        &.arrowed-right-in {
-            margin-right: 12px;
-            &::after {
-                border-width: 14px 6px;
-            }
-        }
-        &.arrowed-right {
-            padding-right: 5px;
-            &::after {
-                right: -12px;
-            }
-        }
-        &.arrowed-right-in {
-            padding-right: 5px;
-            &::after {
-                right: -9px;
-            }
-        }
+    &.arrowed,
+    &.arrowed-in {
+      margin-left: 10px;
+      &::before {
+        border-width: 12px 5px;
+      }
     }
-    &.mini {
-        margin-right: 5px;
-        padding: 2px 7px;
-        font-size: 12px;
-        @include vertical-center(20px);
-        &.arrowed,
-        &.arrowed-in {
-            margin-left: 10px;
-            &::before {
-                border-width: 12px 5px;
-            }
-        }
-        &.arrowed {
-            padding-left: 3px;
-            &::before {
-                left: -10px
-            }
-        }
-        &.arrowed-in {
-            padding-left: 3px;
-            &::before {
-                left: -9px;
-            }
-        }
-        &.arrowed-right,
-        &.arrowed-right-in {
-            margin-right: 12px;
-            &::after {
-                border-width: 12px 5px;
-            }
-        }
-        &.arrowed-right {
-            padding-right: 5px;
-            &::after {
-                right: -10px;
-            }
-        }
-        &.arrowed-right-in {
-            padding-right: 5px;
-            &::after {
-                right: -9px;
-            }
-        }
+    &.arrowed {
+      padding-left: 3px;
+      &::before {
+        left: -10px;
+      }
+    }
+    &.arrowed-in {
+      padding-left: 3px;
+      &::before {
+        left: -9px;
+      }
+    }
+    &.arrowed-right,
+    &.arrowed-right-in {
+      margin-right: 12px;
+      &::after {
+        border-width: 12px 5px;
+      }
+    }
+    &.arrowed-right {
+      padding-right: 5px;
+      &::after {
+        right: -10px;
+      }
+    }
+    &.arrowed-right-in {
+      padding-right: 5px;
+      &::after {
+        right: -9px;
+      }
     }
-}
+  }
+}

package/packages/styles/components/listbox/_index.scss CHANGED Viewed

@@ -1,57 +1,57 @@
 //列表
 #{$prefix}listbox {
-    #{$prefix}box-body {
-        padding: 0 !important;
-    }
-    .el-scrollbar__view {
-        padding: 0 !important;
-    }
+  #{$prefix}box-body {
+    padding: 0 !important;
+  }
-    &-count {
-        position: absolute;
-        right: 5px;
-        color: $text-color3;
-    }
+  .el-scrollbar__view {
+    padding: 0 !important;
+  }
-    &-item {
-        position: relative;
-        padding: 0 10px;
-        box-sizing: border-box;
-        @include vertical-center(40px);
-        border-bottom: 1px dashed $border-color4;
-        font-size: 14px;
-        cursor: pointer;
-        user-select: none;
-        border-left: 2px solid $color-primary;
-        text-align: right;
+  &-count {
+    position: absolute;
+    right: 5px;
+    color: $text-color3;
+  }
-        &-text {
-            display: inline-block;
-            padding-right: 20px;
-            text-align: left;
-            width: 100%;
-            height: 100%;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            box-sizing: border-box;
-        }
+  &-item {
+    position: relative;
+    padding: 0 10px;
+    box-sizing: border-box;
+    @include vertical-center(40px);
+    border-bottom: 1px dashed $border-color4;
+    font-size: 14px;
+    cursor: pointer;
+    user-select: none;
+    border-left: 2px solid $color-primary;
+    text-align: right;
-        &:hover {
-            background-color: rgba(200, 200, 200, 0.2);
-        }
+    &-text {
+      display: inline-block;
+      padding-right: 20px;
+      text-align: left;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      box-sizing: border-box;
+    }
-        #{$prefix}button {
-            position: absolute;
-            right: 5px;
-            top: 6px;
-            padding: 6px !important;
-        }
+    &:hover {
+      background-color: rgba(200, 200, 200, 0.2);
     }
-    .no-data {
-        text-align: center;
-        padding: 30px 0;
+    #{$prefix}button {
+      position: absolute;
+      right: 5px;
+      top: 6px;
+      padding: 6px !important;
     }
-}
+  }
+  .no-data {
+    text-align: center;
+    padding: 30px 0;
+  }
+}