vsyswin-ui 0.3.1 → 0.3.21

package/packages/styles/common.scss

@@ -4,62 +4,96 @@
 // 颜色即当前元素color
 // 例：.border-1 { border: 1px solid currentColor }
 @for $i from 1 through 5 {
-    .border-#{$i} { border: $i+px solid currentColor; }
-    .border-top-#{$i} { border-top: $i+px solid currentColor; }
-    .border-bottom-#{$i} { border-bottom: $i+px solid currentColor; }
-    .border-left-#{$i} { border-left: $i+px solid currentColor; }
-    .border-right-#{$i} { border-right: $i+px solid currentColor; }
+  .border-#{$i} {
+    border: $i + px solid currentColor;
+  }
+  .border-top-#{$i} {
+    border-top: $i + px solid currentColor;
+  }
+  .border-bottom-#{$i} {
+    border-bottom: $i + px solid currentColor;
+  }
+  .border-left-#{$i} {
+    border-left: $i + px solid currentColor;
+  }
+  .border-right-#{$i} {
+    border-right: $i + px solid currentColor;
+  }
 }
 // 基础阴影
 .box-shadow {
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
 // 基础内外边距margin/padding
 // 例：.margin-10 { margin: 10px }
 $pixel: 10, 15, 20, 25, 30;
 @each $i in $pixel {
-    .margin-#{$i} { margin: $i+px; }
-    .margin-top-#{$i} { margin-top: $i+px; }
-    .margin-bottom-#{$i} { margin-bottom: $i+px; }
-    .margin-left-#{$i} { margin-left: $i+px; }
-    .margin-right-#{$i} { margin-right: $i+px; }
-    
-    .padding-#{$i} { padding: $i+px; }
-    .padding-top-#{$i} { padding-top: $i+px; }
-    .padding-bottom-#{$i} { padding-bottom: $i+px; }
-    .padding-left-#{$i} { padding-left: $i+px; }
-    .padding-right-#{$i} { padding-right: $i+px; }
+  .margin-#{$i} {
+    margin: $i + px;
+  }
+  .margin-top-#{$i} {
+    margin-top: $i + px;
+  }
+  .margin-bottom-#{$i} {
+    margin-bottom: $i + px;
+  }
+  .margin-left-#{$i} {
+    margin-left: $i + px;
+  }
+  .margin-right-#{$i} {
+    margin-right: $i + px;
+  }
+
+  .padding-#{$i} {
+    padding: $i + px;
+  }
+  .padding-top-#{$i} {
+    padding-top: $i + px;
+  }
+  .padding-bottom-#{$i} {
+    padding-bottom: $i + px;
+  }
+  .padding-left-#{$i} {
+    padding-left: $i + px;
+  }
+  .padding-right-#{$i} {
+    padding-right: $i + px;
+  }
 }
 // 基础font-size, 12-40
 // 例：.fz-12 { font-size: 12 }
 @for $i from 12 through 40 {
-    .fz-#{$i} { font-size: $i+px; }
+  .fz-#{$i} {
+    font-size: $i + px;
+  }
 }
 // 文字对齐
 // 例：.text-left { text-align: left }
 $alien: left, center, right;
 @each $i in $alien {
-    .text-#{$i} { text-align: $i;}
+  .text-#{$i} {
+    text-align: $i;
+  }
 }
 // 单行文字垂直居中
 // 省去设置line-height的烦恼
 // 例 <div class="vertical-center">单行文字垂直居中</div>
 .vertical-center,
 .syswin-button {
-    &:before {
-        content:'';
-        display: inline-block;
-        vertical-align: middle;
-        height: 100%;
-    }
+  &:before {
+    content: '';
+    display: inline-block;
+    vertical-align: middle;
+    height: 100%;
+  }
 }
 // 文本溢出显示省略号
 .vertical-center,
 .text-overflow {
-    display: block;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 // 按钮样式
 // 默认按钮 <button class="syswin-button">取消</button>
@@ -68,176 +102,179 @@ $alien: left, center, right;
 // 朴素按钮（类似资产租赁合同管理添加附件的按钮样式） <button class="syswin-button is-plain">朴素按钮</button>
 // 禁用效果 增加disabled 如 <button class="syswin-button primary disabled">确定</button>
 .syswin-button {
-    display: inline-block;
-    line-height: 1;
-    white-space: nowrap;
-    cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  background: #fff;
+  border: 1px solid #dcdfe6;
+  color: #606266;
+  text-align: center;
+  box-sizing: border-box;
+  outline: none;
+  margin: 0;
+  transition: 0.1s;
+  font-weight: 500;
+  user-select: none;
+  padding: 9px 15px;
+  font-size: 12px;
+  border-radius: 2px;
+  & + .syswin-button {
+    margin-left: 10px;
+  }
+  &:hover {
+    color: $primary-color;
+    border-color: #b3d7ff;
+    background-color: $light-color;
+  }
+  &.disabled {
+    cursor: not-allowed;
+    color: $disable-text-color;
     background: #fff;
-    border: 1px solid #dcdfe6;
-    color: #606266;
-    text-align: center;
-    box-sizing: border-box;
-    outline: none;
-    margin: 0;
-    transition: .1s;
-    font-weight: 500;
-    user-select: none;
-    padding: 9px 15px;
-    font-size: 12px;
-    border-radius: 2px;
-    & + .syswin-button {
-        margin-left: 10px;
+    border-color: $disable-border-color;
+  }
+  &.primary {
+    color: #fff;
+    background: $primary-color;
+    border-color: $primary-color;
+    &:hover,
+    &:focus {
+      background: $primary-hover-color;
+      border-color: $primary-hover-color;
     }
+    &.disabled {
+      background: $primary-disabled-color;
+      border-color: $primary-disabled-color;
+    }
+  }
+  &.success {
+    color: #fff;
+    background: $success-color;
+    border-color: $success-color;
+  }
+  &.warning {
+    color: #fff;
+    background: $warning-color;
+    border-color: $warning-color;
+  }
+  &.danger {
+    color: #fff;
+    background: $danger-color;
+    border-color: $danger-color;
+  }
+  &.is-plain {
+    color: $primary-color;
+    background: #fff;
+    border-color: $primary-color;
+    height: 20px;
+    padding: 0 10px;
+    min-width: 60px;
     &:hover {
-        color: $primary-color;
-        border-color: #b3d7ff;
-        background-color: $light-color;
+      color: #fff;
+      background: $primary-color;
+      border-color: $primary-color;
     }
     &.disabled {
-        cursor: not-allowed;
-        color: $disable-text-color;
-        background: #fff;
-        border-color: $disable-border-color;
-    }
-    &.primary {
-        color: #fff;
-        background: $primary-color;
-        border-color: $primary-color;
-        &:hover, &:focus {
-            background: $primary-hover-color;
-            border-color: $primary-hover-color;
-        }
-        &.disabled {
-            background: $primary-disabled-color;
-            border-color: $primary-disabled-color;
-        }
-    }
-    &.success {
-        color: #fff;
-        background: $success-color;
-        border-color: $success-color;
-    }
-    &.warning {
-        color: #fff;
-        background: $warning-color;
-        border-color: $warning-color;
-    }
-    &.danger {
-        color: #fff;
-        background: $danger-color;
-        border-color: $danger-color;
-    }
-    &.is-plain {
-        color: $primary-color;
-        background: #fff;
-        border-color: $primary-color;
-        height: 20px;
-        padding: 0 10px;
-        min-width: 60px;
-        &:hover {
-            color: #fff;
-            background: $primary-color;
-            border-color: $primary-color;
-        }
-        &.disabled {
-            cursor: not-allowed;
-            color: $disable-text-color;
-            background: #fff;
-            border-color: $disable-border-color;
-        }
-    }
-    &.is-text {
-        font-size: 14px;
-        border-color: transparent;
-        color: $primary-color;
-        background: transparent;
-        padding: 0;
-        &.disabled {
-            color: $disable-text-color;
-        }
+      cursor: not-allowed;
+      color: $disable-text-color;
+      background: #fff;
+      border-color: $disable-border-color;
+    }
+  }
+  &.is-text {
+    font-size: 14px;
+    border-color: transparent;
+    color: $primary-color;
+    background: transparent;
+    padding: 0;
+    &.disabled {
+      color: $disable-text-color;
     }
+  }
 }
 // 页面容器
 .syswin-page {
-    padding: 0 24px 20px;
-    background-color: $page-bg;
-    box-sizing: border-box;
-    & > .syswin-container {
-        padding: 0 20px;
-        background-color: #fff;
-    }
+  padding: 24px;
+  background-color: $page-bg;
+  box-sizing: border-box;  
 }
 // 页面头部
 .syswin-top {
-    height: 44px;
-    display: flex;
-    align-items: center;
-    padding: 0 20px;
-    background-color: $page-bg;
-    justify-content: space-between;
-    & > .title,
-    & > .name {
-        font-size: 14px;
-        color: #000;
-        font-weight: 700;
-    }
+  height: 44px;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+  background-color: $page-bg;
+  justify-content: space-between;
+  & > .title,
+  & > .name {
+    font-size: 14px;
+    color: #000;
+    font-weight: 700;
+  }
 }
 // 布局容器
 .syswin-page,
 .syswin-container {
-    display: flex;
-    flex: 1;
-    height: 100%;
-    overflow: hidden;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+  box-sizing: border-box;
+  // 横向布局
+  &.horizontal {
+    flex-direction: row;
+  }
+  // 纵向布局
+  &.vertical {
+    flex-direction: column;
+  }
+  // 侧边栏
+  .syswin-aside {
+    width: 260px;
     position: relative;
-    box-sizing: border-box;
-    // 横向布局
-    &.horizontal {
-        flex-direction: row;
-    }
-    // 纵向布局
-    &.vertical {
-        flex-direction: column;
-    }
-    // 侧边栏
-    .syswin-aside {
-        width: 260px;
-        position: relative;
-        &.hidden {
-            width: 0;
-        }
-    }
-    // 侧边栏展开收起按钮
-    .syswin-aside__expand {
-        position: absolute;
-        width: 21px;
-        height: 54px;
-        right: 0;
-        top: 50%;
-        cursor: pointer;
-        transform: translateY(-50%);
-        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA2CAYAAAAoL9IOAAACCElEQVRYhe3YQWsTQRjG8f9kk1ysSTw0N9uKiogWEU8W/BZiP0BvXqQohUAxUAhUStVD6kEvHjxU24PfRMSjYrOJYJvQltII3WZ3x0NNOk1nd5PduQh5IIdsyJPf5p0ZQkRz9wCDGQeqaYOFD4E1oJgyUDYOfAQ2gCJAUmlPp16MKz2nUxNHqtWpGUYaqlMzqDRSpyZKOrBOTZh0KJ0anTSWTk2/NLZOTVeaWKcmjSGdGtHcPZCmyroxcaCMSkelSrQHytzjeWp2nVRKRBb4vuTG9Wu8ef2id027+H9v7+C6LlKzLYSAI8fh8LANgGVZFPI5Jicuh0svFfJ0Oi6iTyqlBAljYxcQIvgutKVPFhb5/uNn4Jvu3b3DSqUMwPsP69iNX5RLz8JLXy0v4Xl+YKmVtrDrDcqVFex6g+lbN6Ol2WyWTscNLM1k0giRIpvJAOD7ZwHa0lK5wpev3wj62h7M3Od56Slvq6usb35mq1Y/87p2+s7xMc6Rox2GlJJc7mLgXQRK9/b28TzvZNp9EUKw02rRbv/pPS/kc0xNToSXLi4ts1WzQzVqrl6Z4t3ay9MPHp38o9L/pHQWaJku/QTc5uTHmbFSgCbw6N+jaaq0mw1gmoRq3aASq8OmH1sdtaRiqQddp0Oph1n8A6vj7KhIddxtGqpOuve1ahMHyjm1MPzHTBGo/gVyOKbfrsOPTQAAAABJRU5ErkJggg==');
-        &.is-collapse {
-            transform: rotateY(180deg) translate(-100%, -50%);
-        }
-    }
-    // 页面头部
-    .syswin-header {
-        flex-shrink: 0;
-        padding: 16px 0;
-    }
-    // 页面底部
-    .syswin-footer {
-        flex-shrink: 0;
-        padding: 10px 0;
-    }
-    // 页面主体
-    .syswin-main {
-        width: 100%;
-        flex-basis: auto;
-        flex: 1;
-        overflow: auto;
-    }
+    margin-right: 16px;
+    transition: all 0.5s;
+    &.hidden {
+      width: 0;
+      margin-right: 0;
+    }
+  }
+  // 侧边栏展开收起按钮
+  .syswin-aside__expand {
+    position: absolute;
+    width: 28px;
+    height: 79px;
+    right: -16px;
+    top: 50%;
+    cursor: pointer;
+    transition: all 0.5s;
+    transition-delay: 0.2s;
+    transform: translateY(-50%);
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAABPCAYAAAD4F6XNAAAACXBIWXMAAA7EAAAOxAGVKw4bAAA4GmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDIyLTEyLTAzVDA5OjA2OjEzKzA4OjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMjMtMTAtMTFUMTI6NTg6MjYrMDg6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDIzLTEwLTExVDEyOjU4OjI2KzA4OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOmQ0OGRkNjhiLWNjODgtNzQ0NC04OTRhLTgxZDdjMTQ2Yzg3ZjwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDpkNDhkZDY4Yi1jYzg4LTc0NDQtODk0YS04MWQ3YzE0NmM4N2Y8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDpkNDhkZDY4Yi1jYzg4LTc0NDQtODk0YS04MWQ3YzE0NmM4N2Y8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jcmVhdGVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6ZDQ4ZGQ2OGItY2M4OC03NDQ0LTg5NGEtODFkN2MxNDZjODdmPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDIyLTEyLTAzVDA5OjA2OjEzKzA4OjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjk2MDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+OTYwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4yODwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj43OTwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAg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');
+    &.is-collapse {
+      left: -32px;
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAABPCAYAAAD4F6XNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNDhkZDY4Yi1jYzg4LTc0NDQtODk0YS04MWQ3YzE0NmM4N2YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc1M0VCNEM2N0Y0MTFFRTk4M0Q5MzQ4RjUyMkFGNUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc1M0VCNEI2N0Y0MTFFRTk4M0Q5MzQ4RjUyMkFGNUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ0OGRkNjhiLWNjODgtNzQ0NC04OTRhLTgxZDdjMTQ2Yzg3ZiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpkNDhkZDY4Yi1jYzg4LTc0NDQtODk0YS04MWQ3YzE0NmM4N2YiLz4gPC9y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');
+    }
+  }
+  // 页面头部
+  .syswin-header {
+    flex-shrink: 0;
+    padding: 16px 0;
+  }
+  // 页面底部
+  .syswin-footer {
+    flex-shrink: 0;
+    padding: 10px 0;
+  }
+  // 页面主体
+  .syswin-main {
+    width: 100%;
+    flex-basis: auto;
+    flex: 1;
+    overflow: auto;
+  }
 }
 // 表单样式（使用el-form添加 class=syswin-form）
 // .col-i 表单分 i 列, i值支持 1-5
@@ -249,37 +286,37 @@ $alien: left, center, right;
 //  <el-form-item class="col-2"></el-form-item>
 // </el-form>
 .syswin-form {
-    @for $i from 1 through 5 {
-        &.col-#{$i} {
-            & > .el-form-item {
-                float: left;
-                width: calc(100/#{$i}*1%);
-                margin-right: 0;
-                padding-right: 15px;
-                box-sizing: border-box;
-            }
-        }
-        & > .el-form-item.col-#{$i} {
-            width: calc(100/#{$i}*1%)!important;
-        }
-    }
-    &:after {
-        content: '.';
-        display: block;
-        height: 0;
-        clear: both;
-        visibility: hidden;
-    }
-    .el-form-item__content {
-        display: flex;
+  @for $i from 1 through 5 {
+    &.col-#{$i} {
+      & > .el-form-item {
+        float: left;
+        width: calc(100 /#{$i}* 1%);
+        margin-right: 0;
+        padding-right: 15px;
+        box-sizing: border-box;
+      }
     }
-    .el-select,
-    .el-textarea,
-    .el-cascader,
-    .el-input {
-        flex: 1;
-        width: 100%;
+    & > .el-form-item.col-#{$i} {
+      width: calc(100 /#{$i}* 1%) !important;
     }
+  }
+  &:after {
+    content: '.';
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+  }
+  .el-form-item__content {
+    display: flex;
+  }
+  .el-select,
+  .el-textarea,
+  .el-cascader,
+  .el-input {
+    flex: 1;
+    width: 100%;
+  }
 }
 
 // 滑块（使用el-switch 添加 class=syswin-switch）
@@ -287,50 +324,51 @@ $alien: left, center, right;
 // active-label，switch 关闭时的文字描述
 // inactive-label，switch 关闭时的文字描述
 // 例：<el-switch v-model="value" active-label="启用" inactive-label="禁用" class="syswin-switch"></el-switch>
-.syswin-switch {
-    position: relative;
-    height: 26px;
-    line-height: 26px;
-    &::before {
-        content: attr(inactive-label);
-        color: #b3b5b9;
-        position: absolute;
-        left: 26px;
-        z-index: 2;
-    }
-    .el-switch__core {
-        box-sizing: border-box;
-        width: 64px!important;
-        height: 26px;
-        line-height: 26px;
-        border-radius: 13px;
-        background: #f7faff;
-    }
-    .el-switch__core::before {
-        display: none;
-    }
-    .el-switch__core::after {
-        height: 20px;
-        width: 20px;
-        background: #e0e5ed;
-        left: 2px;
-        top: 2px;
-    }
-    &.is-checked::before {
-        content: attr(active-label);
-        color: $active-color;
-        left: 8px;
-    }
-    &.is-checked {
-        .el-switch__core {
-            background-color: #fff !important;
-            &::after {
-                margin-left: -22px !important;
-                background: #4a8df0 !important;
-            }
-        }
-    } 
-}
+// .syswin-switch {
+//   position: relative;
+//   height: 26px;
+//   line-height: 26px;
+//   &::before {
+//     content: attr(inactive-label);
+//     color: #b3b5b9;
+//     position: absolute;
+//     left: 26px;
+//     z-index: 2;
+//   }
+//   .el-switch__core {
+//     box-sizing: border-box;
+//     width: 64px !important;
+//     height: 26px;
+//     line-height: 26px;
+//     border-radius: 13px;
+//     background: #BBDBFF;
+//     border-color: #BBDBFF;
+//   }
+//   .el-switch__core::before {
+//     display: none;
+//   }
+//   .el-switch__core::after {
+//     height: 20px;
+//     width: 20px;
+//     background: #e0e5ed;
+//     left: 2px;
+//     top: 2px;
+//   }
+//   &.is-checked::before {
+//     content: attr(active-label);
+//     color: $active-color;
+//     left: 8px;
+//   }
+//   &.is-checked {
+//     .el-switch__core {
+//       background-color: #fff !important;
+//       &::after {
+//         margin-left: -22px !important;
+//         background: #4a8df0 !important;
+//       }
+//     }
+//   }
+// }
 // dialog 弹出框 （使用el-dialog 添加 class=syswin-dialog）
 // 底部操作按钮放slot="footer" 插槽中
 // 例：
@@ -342,88 +380,88 @@ $alien: left, center, right;
 // </div>
 // </el-dialog>
 .syswin-dialog {
+  display: flex;
+  align-items: center;
+  .el-dialog {
+    max-height: 90%;
+    margin-top: 0 !important;
+    margin-bottom: 0;
+    flex-direction: column;
     display: flex;
-    align-items: center;
+    //统一控制dialog弹窗样式
+    .el-dialog__header {
+      padding: 0;
+      border-bottom: 1px solid $borderColor;
+      .el-dialog__title {
+        font-size: 14px;
+        line-height: 42px;
+        height: 42px;
+        display: block;
+        padding: 0 24px;
+        font-weight: 700;
+      }
+      .el-dialog__headerbtn {
+        top: 12px;
+        right: 17px;
+      }
+    }
+    .el-dialog__body {
+      padding: 20px 12px;
+      overflow: auto;
+    }
+    .el-dialog__footer {
+      border-top: 1px solid $borderColor;
+      padding: 15px 20px;
+      text-align: center;
+    }
+  }
+  // 全屏弹窗，支持设置el-dialog的fullscreen属性或者直接设置class="syswin-dialog fullscreen"
+  &.fullscreen {
     .el-dialog {
-        max-height: 90%;
-        margin-top: 0 !important;
-        margin-bottom: 0;
-        flex-direction: column;
-        display: flex;
-        //统一控制dialog弹窗样式
-        .el-dialog__header {
-            padding: 0;
-            border-bottom: 1px solid $borderColor;
-            .el-dialog__title {
-                font-size: 14px;
-                line-height: 42px;
-                height: 42px;
-                display: block;
-                padding: 0 24px;
-                font-weight: 700;
-            }
-            .el-dialog__headerbtn {
-                top: 12px;
-                right: 17px;
-            }
-        }
-        .el-dialog__body {
-            padding: 20px 12px;
-            overflow: auto;
-        }
-        .el-dialog__footer {
-            border-top: 1px solid $borderColor;
-            padding: 15px 20px;
-            text-align: center;
-        }
+      width: 100%;
+      height: 100%;
     }
-    // 全屏弹窗，支持设置el-dialog的fullscreen属性或者直接设置class="syswin-dialog fullscreen"
-    &.fullscreen {
-        .el-dialog {
-            width: 100%;
-            height: 100%;
-        }
+  }
+  &.fullscreen .el-dialog,
+  .is-fullscreen {
+    max-height: 100%;
+    .el-dialog__body {
+      height: 100%;
+      padding: 0;
+      overflow: hidden;
     }
-    &.fullscreen .el-dialog,
-    .is-fullscreen {
-        max-height: 100%;
-        .el-dialog__body {
-            height: 100%;
-            padding: 0;
-            overflow: hidden;
-        }
+  }
+  // 禁止弹窗body滚动
+  &.no-scroll {
+    .el-dialog {
+      height: 90%;
     }
-    // 禁止弹窗body滚动
-    &.no-scroll {
-        .el-dialog {
-            height: 90%
-        }
-        .el-dialog__body {
-            display: flex;
-            flex: 1;
-            flex-direction: column;
-            overflow: hidden;
-        }
+    .el-dialog__body {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      overflow: hidden;
     }
-    &.is-inner {
-        .el-dialog__title {
-            text-align: center;
-        }
+  }
+  &.is-inner {
+    .el-dialog__title {
+      text-align: center;
     }
+  }
 }
 
 /*
   BaseDialog组件使用到的样式，使底部按钮居中
 */
 .syswin-dialog-center-footer {
-    .el-dialog__body {
-        padding: 10px;
-        box-sizing: border-box;
-    }
-    .el-dialog__footer,
-    .my-footer {
-        text-align: center;
-    }
+  .el-dialog__body {
+    padding: 10px;
+    box-sizing: border-box;
+  }
+  .el-dialog__footer,
+  .my-footer {
+    text-align: center;
+  }
 }
 
 //  侧滑窗（使用el-drawer, direction=rtl 添加 class=syswin-drawer）
@@ -434,108 +472,283 @@ $alien: left, center, right;
 // </el-drawer>
 // 4种尺寸 mini 400px  small 50%宽度 large 80%宽度 fullscreen全屏
 .syswin-drawer {
-    &.mini {
-        .el-drawer {
-            width: 400px;
-        }
-    }
-    &.small {
-        .el-drawer {
-            width: 50%;
-        }
-    }
-    &.large {
-        .el-drawer {
-            width: 80%;
-        }
-    }
-    // 全屏侧滑窗
-    &.fullscreen {
-        .el-drawer {
-            width: 100%;
-        }
-    }
+  &.mini {
     .el-drawer {
-        top: 0;
-        bottom: 0;
-        height: auto;
+      width: 400px;
     }
-    .el-drawer__header {
-        font-size: 14px;
-        line-height: 42px;
-        height: 42px;
-        color:#333;
-        padding: 0 24px;
-        font-weight: 700;
-        margin-bottom: 0;
-        border-bottom: 1px solid $borderColor;
-        .el-drawer__close-btn {
-            padding: 0;
-        }
-    }
-    .el-drawer__body {
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-    }
-    // 侧滑窗主体内容
-    .drawer-main {
-        flex: 1;
+  }
+  &.small {
+    .el-drawer {
+      width: 50%;
     }
-    // 侧滑窗底部
-    .drawer-footer {
-        text-align: center;
-        padding: 15px 20px;
-        border-top: 1px solid $borderColor;
+  }
+  &.large {
+    .el-drawer {
+      width: 80%;
     }
+  }
+  // 全屏侧滑窗
+  &.fullscreen {
+    .el-drawer {
+      width: 100%;
+    }
+  }
+  .el-drawer {
+    top: 0;
+    bottom: 0;
+    height: auto;
+  }
+  .el-drawer__header {
+    font-size: 14px;
+    line-height: 42px;
+    height: 42px;
+    color: #333;
+    padding: 0 24px;
+    font-weight: 700;
+    margin-bottom: 0;
+    border-bottom: 1px solid $borderColor;
+    .el-drawer__close-btn {
+      padding: 0;
+    }
+  }
+  .el-drawer__body {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+  // 侧滑窗主体内容
+  .drawer-main {
+    flex: 1;
+  }
+  // 侧滑窗底部
+  .drawer-footer {
+    text-align: center;
+    padding: 15px 20px;
+    border-top: 1px solid $borderColor;
+  }
 }
-.syswin-top-tabs {
-    display:inline-block;
-    .el-tabs__item {
-        color: #131414;
-        font-weight: 400 !important;
-        font-size: 16px;
-        padding: 0 16px !important;
-        font-family: PingFang SC-Regular, PingFang SC;
-        &:hover {
-            color: $primary-color;
-        }
-    }
-    .el-tabs__nav-wrap::after{
-        height: 0!important;
-    }
-    .el-tabs__item:nth-child(2) {
-        padding-left: 0px !important;
-    }
-    .el-tabs__item::after {
-        content: '';
-        display: inline-block;
-        width: 1px;
-        height: 20px;
-        background-color: #D8DDE5;
-        position: relative;
-        left: 16px;
-        top: 4px;
-    }
-    .el-tabs__item:last-child::after {
-        content: '';
-        display: none;
-    }
-    .is-active {
-        color: $primary-color;
-        font-weight: 600 !important;
+// .el-popper {}
+// .syswin-top-tabs {
+//   display: inline-block;
+  .el-tabs__item {
+    font-weight: 400;
+    color: #888;
+    font-size: 16px;
+    &.is-active,
+    &:hover {
+      font-weight: bold;
+      color: $primary-color;
     }
+  }
+  .el-tabs__nav-wrap::after {
+    height: 0 !important;
+  }
     .el-tabs__active-bar {
-        display: none;
-    }
-    .el-tabs__item:focus.is-active.is-focus:not(:active) {
-        -webkit-box-shadow: none!important;
-        box-shadow: none!important;
-    }
-}
+      background-color: $primary-color;
+    }
+//   .el-tabs__item:nth-child(2) {
+//     padding-left: 0px !important;
+//   }
+//   .el-tabs__item::after {
+//     content: '';
+//     display: inline-block;
+//     width: 1px;
+//     height: 20px;
+//     background-color: #d8dde5;
+//     position: relative;
+//     left: 16px;
+//     top: 4px;
+//   }
+//   .el-tabs__item:last-child::after {
+//     content: '';
+//     display: none;
+//   }
+//   .el-tabs__item:focus.is-active.is-focus:not(:active) {
+//     -webkit-box-shadow: none !important;
+//     box-shadow: none !important;
+//   }
+// }
 
 .no-border-input {
-    .el-input.is-active .el-input__inner, .el-input__inner:focus {
-        border-color: transparent !important;
+  .el-input.is-active .el-input__inner,
+  .el-input__inner:focus {
+    border-color: transparent !important;
+  }
+}
+
+.syswin-switch.is-checked {
+  .el-switch__core {
+    width: 50px !important;
+    border-color: #0179ff;
+    background-color: #0179ff;
+    &::after {
+      content: '';
+      top: -3px;
+      left: 100%;
+      width: 24px;
+      height: 24px;
+      background: #ffffff;
+      box-shadow: 0px 2px 10px 1px #0179ff;
+    }
+    &::before {
+      content: '';
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      margin-left: -17px;
+      position: absolute;
+      top: 3px;
+      left: 54px;
+      background-color: #fff;
+      border: 4px solid #0179ff;
+      -webkit-border-radius: 50%;
+      -moz-border-radius: 50%;
+      -ms-border-radius: 50%;
+      -o-border-radius: 50%;
+      box-sizing: border-box;
+      z-index: 1;
+      transition: left 0.3s;
+      -webkit-transition: left 0.3s;
+      -moz-transition: left 0.3s;
+      -ms-transition: left 0.3s;
+      -o-transition: left 0.3s;
+    }
+  }
+}
+.syswin-switch {
+  .el-switch__core {
+    width: 50px !important;
+    border-color: #bcdcff;
+    background-color: #bcdcff;
+    &::after {
+      content: '';
+      top: -3px;
+      right: 100%;
+      width: 24px;
+      height: 24px;
+      background: #ffffff;
+      box-shadow: 0px 2px 10px 1px rgba(2, 122, 255, 0.5);
+      margin-left: -5px;
     }
+    &::before {
+      content: '';
+      background-color: #0179ff;
+      width: 4px;
+      height: 12px;
+      border-radius: 4px;
+      margin-left: -18px;
+      position: absolute;
+      top: 3px;
+      left: 50%;
+      box-sizing: border-box;
+      z-index: 1;
+      transition: left 0.3s;
+      -webkit-border-radius: 4px;
+      -moz-border-radius: 4px;
+      -ms-border-radius: 4px;
+      -o-border-radius: 4px;
+      -webkit-transition: left 0.3s;
+      -moz-transition: left 0.3s;
+      -ms-transition: left 0.3s;
+      -o-transition: left 0.3s;
+    }
+  }
+}
+.syswin-switch-on {
+  .el-switch__label--left,
+  .el-switch__label--right {
+    display: none;
+  }
+  .el-switch__label * {
+    font-size: 12px;
+  }
+  .el-switch__label--left.is-active {
+    display: block;
+    position: absolute;
+    right: 10px;
+    top: 0;
+    margin-right: 0;
+    color: #eef6ff;
+    z-index: 1;
+  }
+  .el-switch__label--right.is-active {
+    display: block;
+    position: absolute;
+    left: 12px;
+    top: 0;
+    margin-left: 0;
+    color: #fff;
+    z-index: 1;
+  }
+}
+.syswin-switch-prohibit {
+  .el-switch__label--left,
+  .el-switch__label--right {
+    display: none;
+  }
+  .el-switch__label * {
+    font-size: 12px;
+  }
+  .el-switch__label--left.is-active {
+    display: block;
+    position: absolute;
+    right: 4px;
+    top: 0;
+    margin-right: 0;
+    color: #eef6ff;
+    z-index: 1;
+  }
+  .el-switch__label--right.is-active {
+    display: block;
+    position: absolute;
+    left: 6px;
+    top: 0;
+    margin-left: 0;
+    color: #fff;
+    z-index: 1;
+  }
 }
+
+.sy-full-btn {
+    width: 120px;
+    height: 36px;
+    border-radius: 4px 4px 4px 4px;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 16px;
+    line-height: 9px;
+    color: #535353;
+    cursor: pointer;
+    border: none;
+  }
+
+  .sy-full-save {
+    background: #027aff;
+    color: #fff;
+  }
+
+  .sy-full-save:hover {
+    background: #3595ff;
+  }
+
+  .sy-full-save:active {
+    background: #026ee6;
+  }
+
+  .sy-full-cancel {
+    background: none;
+    margin-left: 56px;
+    border: 1px solid #e5e5e5;
+  }
+
+  .sy-full-cancel:hover {
+    border: 1px solid #3595ff;
+    color: #3595ff;
+    background: #f5faff;
+  }
+
+  .sy-full-cancel:active {
+    border: 1px solid #026ee6;
+    color: #026ee6;
+    background: #ecf6ff;
+  }