ocpview-plus 1.3.14 → 1.3.16

package/src/styles/components/tabs.less

@@ -1,249 +1,249 @@
-@tabs-prefix-cls: ~"@{css-prefix}tabs";
-
-.@{tabs-prefix-cls} {
-    box-sizing: border-box;
-    position: relative;
-    overflow: hidden;
-    color: @text-color;
-    .clearfix;
-
-    &-bar {
-        outline: none;
-    }
-
-    &-ink-bar {
-        height: 2px;
-        box-sizing: border-box;
-        background-color: @primary-color;
-        position: absolute;
-        left: 0;
-        bottom: 1px;
-        z-index: 1;
-        transition: transform .3s @ease-in-out;
-        transform-origin: 0 0;
-    }
-
-    &-bar {
-        border-bottom: 1px solid @border-color-base;
-        margin-bottom: @tab-bar-bottom;
-    }
-
-    &-nav-container {
-        margin-bottom: -1px;
-        line-height: @line-height-base;
-        font-size: @font-size-base;
-        box-sizing: border-box;
-        white-space: nowrap;
-        overflow: hidden;
-        position: relative;
-        .clearfix;
-    }
-
-    &-nav-container:focus {
-        outline: none;
-        .@{tabs-prefix-cls}-tab-focused {
-            border-color: @link-hover-color !important;
-        }
-    }
-
-    &-nav-container-scrolling {
-        padding-left: 32px;
-        padding-right: 32px;
-    }
-
-    &-nav-wrap {
-        overflow: hidden;
-        margin-bottom: -1px;
-    }
-
-    &-nav-scroll {
-        overflow: hidden;
-        white-space: nowrap;
-    }
-
-    &-nav-right{
-        float: right;
-        margin-left: 5px;
-    }
-
-    &-nav-prev, &-nav-next{
-        width: 32px;
-        text-align: center;
-        position: absolute;
-        line-height: 32px;
-        cursor: pointer;
-        i{
-            font-size: 16px;
-        }
-    }
-
-    &-nav-prev{
-        left: 0;
-    }
-
-    &-nav-next{
-        right: 0;
-    }
-
-    &-nav-scrollable{
-        padding: 0 32px;
-    }
-
-    &-nav-scroll-disabled{
-        display: none;
-    }
-
-    &-nav {
-        padding-left: 0;
-        margin: 0;
-        float: left;
-        list-style: none;
-        box-sizing: border-box;
-        position: relative;
-        transition: transform 0.5s @ease-in-out;
-
-        &:before,
-        &:after {
-            display: table;
-            content: " ";
-        }
-
-        &:after {
-            clear: both;
-        }
-
-        .@{tabs-prefix-cls}-tab-disabled {
-            pointer-events: none;
-            cursor: default;
-            color: #ccc;
-        }
-
-        .@{tabs-prefix-cls}-tab {
-            display: inline-block;
-            height: 100%;
-            padding: 8px 16px;
-            margin-right: 16px;
-            box-sizing: border-box;
-            cursor: pointer;
-            text-decoration: none;
-            position: relative;
-            transition: color .3s @ease-in-out;
-
-            &:hover {
-                color: @link-hover-color;
-            }
-
-            &:active {
-                color: @link-active-color;
-            }
-            .@{css-prefix-iconfont} {
-                width: 14px;
-                height: 14px;
-                margin-right: 8px;
-            }
-        }
-
-        .@{tabs-prefix-cls}-tab-active {
-            color: @primary-color;
-        }
-    }
-    &-mini &-nav-container {
-        font-size: @font-size-base;
-    }
-
-    &-mini &-tab {
-        margin-right: 0;
-        padding: 8px 16px;
-        font-size: @font-size-small;
-    }
-
-    & {
-        .@{tabs-prefix-cls}-content-animated {
-            display: flex;
-            flex-direction: row;
-            will-change: transform;
-            transition: transform .3s @ease-in-out;
-        }
-
-        .@{tabs-prefix-cls}-tabpane {
-            flex-shrink: 0;
-            width: 100%;
-            transition: opacity .3s;
-            opacity: 1;
-            outline: none;
-        }
-
-        .@{tabs-prefix-cls}-tabpane-inactive {
-            opacity: 0;
-            height: 0;
-        }
-    }
-
-    // card style
-    &&-card > &-bar &-nav-container {
-        height: 32px;
-    }
-    &&-card > &-bar &-ink-bar {
-        visibility: hidden;
-    }
-    &&-card > &-bar &-tab {
-        margin: 0;
-        margin-right: 4px;
-        height: 31px;
-        padding: 5px 16px 4px;
-        border: 1px solid @border-color-base;
-        border-bottom: 0;
-        border-radius: @btn-border-radius @btn-border-radius 0 0;
-        transition: all 0.3s @ease-in-out;
-        background: @table-thead-bg;
-    }
-    &&-card > &-bar &-tab-active {
-        height: 32px;
-        padding-bottom: 5px;
-        background: #fff;
-        transform: translateZ(0);
-        border-color: @border-color-base;
-        color: @primary-color;
-    }
-    &&-card > &-bar &-nav-wrap {
-        margin-bottom: 0;
-    }
-    &&-card > &-bar &-tab &-close {
-        width: 0;
-        height: 22px;
-        font-size: 22px;
-        margin-right: 0;
-        color: @legend-color;
-        text-align: right;
-        vertical-align: middle;
-        overflow: hidden;
-        position: relative;
-        top: -1px;
-        transform-origin: 100% 50%;
-        transition: all 0.3s @ease-in-out;
-        &:hover {
-            color: #444;
-        }
-    }
-
-    &&-card > &-bar &-tab-active &-close,
-    &&-card > &-bar &-tab:hover &-close {
-        width: 22px;
-        transform: translateZ(0);
-        margin-right: -6px;
-    }
-    
-    &-context-menu{
-        position: absolute;
-    }
-}
-
-.@{tabs-prefix-cls}-no-animation{
-    > .@{tabs-prefix-cls}-content {
-        transform: none!important;
-
-        > .@{tabs-prefix-cls}-tabpane-inactive {
-            display: none;
-        }
-    }
-}
+@tabs-prefix-cls: ~"@{css-prefix}tabs";
+
+.@{tabs-prefix-cls} {
+    box-sizing: border-box;
+    position: relative;
+    overflow: hidden;
+    color: @text-color;
+    .clearfix;
+
+    &-bar {
+        outline: none;
+    }
+
+    &-ink-bar {
+        height: 2px;
+        box-sizing: border-box;
+        background-color: @primary-color;
+        position: absolute;
+        left: 0;
+        bottom: 1px;
+        z-index: 1;
+        transition: transform .3s @ease-in-out;
+        transform-origin: 0 0;
+    }
+
+    &-bar {
+        border-bottom: 1px solid @border-color-base;
+        margin-bottom: @tab-bar-bottom;
+    }
+
+    &-nav-container {
+        margin-bottom: -1px;
+        line-height: @line-height-base;
+        font-size: @font-size-base;
+        box-sizing: border-box;
+        white-space: nowrap;
+        overflow: hidden;
+        position: relative;
+        .clearfix;
+    }
+
+    &-nav-container:focus {
+        outline: none;
+        .@{tabs-prefix-cls}-tab-focused {
+            border-color: @link-hover-color !important;
+        }
+    }
+
+    &-nav-container-scrolling {
+        padding-left: 32px;
+        padding-right: 32px;
+    }
+
+    &-nav-wrap {
+        overflow: hidden;
+        margin-bottom: -1px;
+    }
+
+    &-nav-scroll {
+        overflow: hidden;
+        white-space: nowrap;
+    }
+
+    &-nav-right{
+        float: right;
+        margin-left: 5px;
+    }
+
+    &-nav-prev, &-nav-next{
+        width: 32px;
+        text-align: center;
+        position: absolute;
+        line-height: 32px;
+        cursor: pointer;
+        i{
+            font-size: 16px;
+        }
+    }
+
+    &-nav-prev{
+        left: 0;
+    }
+
+    &-nav-next{
+        right: 0;
+    }
+
+    &-nav-scrollable{
+        padding: 0 32px;
+    }
+
+    &-nav-scroll-disabled{
+        display: none;
+    }
+
+    &-nav {
+        padding-left: 0;
+        margin: 0;
+        float: left;
+        list-style: none;
+        box-sizing: border-box;
+        position: relative;
+        transition: transform 0.5s @ease-in-out;
+
+        &:before,
+        &:after {
+            display: table;
+            content: " ";
+        }
+
+        &:after {
+            clear: both;
+        }
+
+        .@{tabs-prefix-cls}-tab-disabled {
+            pointer-events: none;
+            cursor: default;
+            color: #ccc;
+        }
+
+        .@{tabs-prefix-cls}-tab {
+            display: inline-block;
+            height: 100%;
+            padding: 8px 16px;
+            margin-right: 16px;
+            box-sizing: border-box;
+            cursor: pointer;
+            text-decoration: none;
+            position: relative;
+            transition: color .3s @ease-in-out;
+
+            &:hover {
+                color: @link-hover-color;
+            }
+
+            &:active {
+                color: @link-active-color;
+            }
+            .@{css-prefix-iconfont} {
+                width: 14px;
+                height: 14px;
+                margin-right: 8px;
+            }
+        }
+
+        .@{tabs-prefix-cls}-tab-active {
+            color: @primary-color;
+        }
+    }
+    &-mini &-nav-container {
+        font-size: @font-size-base;
+    }
+
+    &-mini &-tab {
+        margin-right: 0;
+        padding: 8px 16px;
+        font-size: @font-size-small;
+    }
+
+    & {
+        .@{tabs-prefix-cls}-content-animated {
+            display: flex;
+            flex-direction: row;
+            will-change: transform;
+            transition: transform .3s @ease-in-out;
+        }
+
+        .@{tabs-prefix-cls}-tabpane {
+            flex-shrink: 0;
+            width: 100%;
+            transition: opacity .3s;
+            opacity: 1;
+            outline: none;
+        }
+
+        .@{tabs-prefix-cls}-tabpane-inactive {
+            opacity: 0;
+            height: 0;
+        }
+    }
+
+    // card style
+    &&-card > &-bar &-nav-container {
+        height: 32px;
+    }
+    &&-card > &-bar &-ink-bar {
+        visibility: hidden;
+    }
+    &&-card > &-bar &-tab {
+        margin: 0;
+        margin-right: 4px;
+        height: 31px;
+        padding: 5px 16px 4px;
+        border: 1px solid @border-color-base;
+        border-bottom: 0;
+        border-radius: @btn-border-radius @btn-border-radius 0 0;
+        transition: all 0.3s @ease-in-out;
+        background: @table-thead-bg;
+    }
+    &&-card > &-bar &-tab-active {
+        height: 32px;
+        padding-bottom: 5px;
+        background: #fff;
+        transform: translateZ(0);
+        border-color: @border-color-base;
+        color: @primary-color;
+    }
+    &&-card > &-bar &-nav-wrap {
+        margin-bottom: 0;
+    }
+    &&-card > &-bar &-tab &-close {
+        width: 0;
+        height: 22px;
+        font-size: 22px;
+        margin-right: 0;
+        color: @legend-color;
+        text-align: right;
+        vertical-align: middle;
+        overflow: hidden;
+        position: relative;
+        top: -1px;
+        transform-origin: 100% 50%;
+        transition: all 0.3s @ease-in-out;
+        &:hover {
+            color: #444;
+        }
+    }
+
+    &&-card > &-bar &-tab-active &-close,
+    &&-card > &-bar &-tab:hover &-close {
+        width: 22px;
+        transform: translateZ(0);
+        margin-right: -6px;
+    }
+    
+    &-context-menu{
+        position: absolute;
+    }
+}
+
+.@{tabs-prefix-cls}-no-animation{
+    > .@{tabs-prefix-cls}-content {
+        transform: none!important;
+
+        > .@{tabs-prefix-cls}-tabpane-inactive {
+            display: none;
+        }
+    }
+}

package/src/styles/components/upload.less

@@ -1,83 +1,83 @@
-@upload-prefix-cls: ~"@{css-prefix}upload";
-
-.@{upload-prefix-cls} {
-    input[type="file"]{
-        display: none;
-    }
-
-    &-list{
-        margin-top: 8px;
-
-        &-file{
-            padding: 4px;
-            color: @text-color;
-            border-radius: @border-radius-small;
-            transition: background-color @transition-time @ease-in-out;
-            overflow: hidden;
-            position: relative;
-
-            & > span{
-                cursor: pointer;
-                transition: color @transition-time @ease-in-out;
-                i{
-                    display: inline-block;
-                    width: @font-size-small;
-                    height: @font-size-small;
-                    color: @text-color;
-                    text-align: center;
-                }
-            }
-
-            &:hover{
-                background: @input-disabled-bg;
-                & > span{
-                    color: @primary-color;
-                    i{
-                        color: @text-color;
-                    }
-                }
-                .@{upload-prefix-cls}-list-remove{
-                    opacity: 1;
-                }
-            }
-        }
-        &-remove{
-            opacity: 0;
-            font-size: 18px;
-            cursor: pointer;
-            float: right;
-            margin-right: 4px;
-            color: @legend-color;
-            transition: all @transition-time ease;
-            &:hover{
-                color: #444;
-            }
-        }
-    }
-
-     &-select {
-        display: inline-block;
-    }
-    
-    &-drag{
-        background: @upload-drag-bg;
-        border: 1px dashed @border-color-base;
-        border-radius: @border-radius-small;
-        text-align: center;
-        cursor: pointer;
-        position: relative;
-        overflow: hidden;
-        transition: border-color @transition-time ease;
-
-        &:hover{
-            border: 1px dashed @primary-color;
-        }
-    }
-    &-dragOver{
-        border: 2px dashed @primary-color;
-    }
-    &-disabled {
-        .disabled();
-    }
-
+@upload-prefix-cls: ~"@{css-prefix}upload";
+
+.@{upload-prefix-cls} {
+    input[type="file"]{
+        display: none;
+    }
+
+    &-list{
+        margin-top: 8px;
+
+        &-file{
+            padding: 4px;
+            color: @text-color;
+            border-radius: @border-radius-small;
+            transition: background-color @transition-time @ease-in-out;
+            overflow: hidden;
+            position: relative;
+
+            & > span{
+                cursor: pointer;
+                transition: color @transition-time @ease-in-out;
+                i{
+                    display: inline-block;
+                    width: @font-size-small;
+                    height: @font-size-small;
+                    color: @text-color;
+                    text-align: center;
+                }
+            }
+
+            &:hover{
+                background: @input-disabled-bg;
+                & > span{
+                    color: @primary-color;
+                    i{
+                        color: @text-color;
+                    }
+                }
+                .@{upload-prefix-cls}-list-remove{
+                    opacity: 1;
+                }
+            }
+        }
+        &-remove{
+            opacity: 0;
+            font-size: 18px;
+            cursor: pointer;
+            float: right;
+            margin-right: 4px;
+            color: @legend-color;
+            transition: all @transition-time ease;
+            &:hover{
+                color: #444;
+            }
+        }
+    }
+
+     &-select {
+        display: inline-block;
+    }
+    
+    &-drag{
+        background: @upload-drag-bg;
+        border: 1px dashed @border-color-base;
+        border-radius: @border-radius-small;
+        text-align: center;
+        cursor: pointer;
+        position: relative;
+        overflow: hidden;
+        transition: border-color @transition-time ease;
+
+        &:hover{
+            border: 1px dashed @primary-color;
+        }
+    }
+    &-dragOver{
+        border: 2px dashed @primary-color;
+    }
+    &-disabled {
+        .disabled();
+    }
+
 }