bri-components 1.0.0

package/src/styles/components/list/evtable/fontello.less

@@ -0,0 +1,68 @@
+@font-face {
+  font-family: 'fontello';
+  src: url('./font/fontello.eot?85200898');
+  src: url('./font/fontello.eot?85200898#iefix') format('embedded-opentype'),
+       url('./font/fontello.woff2?85200898') format('woff2'),
+       url('./font/fontello.woff?85200898') format('woff'),
+       url('./font/fontello.ttf?85200898') format('truetype'),
+       url('./font/fontello.svg?85200898#fontello') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'fontello';
+    src: url('../font/fontello.svg?85200898#fontello') format('svg');
+  }
+}
+*/
+ 
+ [class^="v-icon-"]:before, [class*=" v-icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+ 
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+ 
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+ 
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+ 
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+ 
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+ 
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+ 
+.v-icon-down-dir:before { content: '\e800'; } /* '' */
+.v-icon-up-dir:before { content: '\e801'; } /* '' */
+.v-icon-cancel:before { content: '\e802'; } /* '' */
+.v-icon-spin3:before { content: '\e832'; } /* '' */
+.v-icon-spin4:before { content: '\e834'; } /* '' */
+.v-icon-spin5:before { content: '\e838'; } /* '' */
+.v-icon-filter:before { content: '\f0b0'; } /* '' */
+.v-icon-angle-double-left:before { content: '\f100'; } /* '' */
+.v-icon-angle-double-right:before { content: '\f101'; } /* '' */
+.v-icon-angle-left:before { content: '\f104'; } /* '' */
+.v-icon-angle-right:before { content: '\f105'; } /* '' */

package/src/styles/components/list/evtable/index.less

@@ -0,0 +1,5 @@
+@import "./fontello.less";
+@import "./animation.less";
+@import "v-table.less";
+@import "v-checkbox.less";
+@import "v-dropdown.less";

package/src/styles/components/list/evtable/v-checkbox.less

@@ -0,0 +1,167 @@
+.v-checkbox-wrapper{
+    cursor: pointer;
+    font-size: 12px;
+    display: inline-block;
+    position: relative;
+}
+
+.v-checkbox{
+
+    white-space: nowrap;
+    cursor: pointer;
+    outline: none;
+    display: inline-block;
+    line-height: 1;
+    position: relative;
+    vertical-align: text-bottom;
+}
+
+.v-checkbox-checked:after {
+
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 2px;
+    border: 1px solid #108ee9;
+    content: "";
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+    visibility: hidden
+}
+
+.v-checkbox-input{
+    position: absolute;
+    left: 0;
+    z-index: 1;
+    cursor: pointer;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    top: 0;
+    bottom: 0;
+    right: 0;
+   /* width: 100%;
+    height: 100%;*/
+}
+
+.v-checkbox-inner{
+
+    position: relative;
+    top: 0;
+    left: 0;
+    display: block;
+    width: 14px;
+    height: 14px;
+    border: 1px solid #abbacc;
+    border-radius: 2px;
+    background-color: #fff;
+    -webkit-transition: all .3s;
+    transition: all .3s;
+}
+
+.v-checkbox-inner:after {
+    -webkit-transform: rotate(45deg) scale(0);
+    -ms-transform: rotate(45deg) scale(0);
+    transform: rotate(45deg) scale(0);
+    position: absolute;
+    left: 4px;
+    top: 1px;
+    display: table;
+    width: 5px;
+    height: 8px;
+    border: 2px solid #fff;
+    border-top: 0;
+    border-left: 0;
+    content: " ";
+    -webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6);
+    transition: all .1s cubic-bezier(.71,-.46,.88,.6)
+}
+
+.v-checkbox-checked .v-checkbox-inner:after {
+    -webkit-transform: rotate(45deg) scale(1);
+    -ms-transform: rotate(45deg) scale(1);
+    transform: rotate(45deg) scale(1);
+    position: absolute;
+    display: table;
+    border: 2px solid #fff;
+    border-top: 0;
+    border-left: 0;
+    content: " ";
+    -webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
+    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
+}
+
+.v-checkbox-checked .v-checkbox-inner,.v-checkbox-indeterminate .v-checkbox-inner{
+    background-color: #108ee9;
+    border-color: #108ee9;
+}
+
+.v-checkbox-input:focus+.v-checkbox-inner,
+.v-checkbox-wrapper:hover .v-checkbox-inner,
+.v-checkbox:hover .v-checkbox-inner {
+    border-color: #108ee9
+}
+
+.v-checkbox-disabled {
+    cursor: not-allowed
+}
+
+.v-checkbox-disabled.v-checkbox-checked .v-checkbox-inner:after {
+    -webkit-animation-name: none;
+    animation-name: none;
+    border-color: rgba(0,0,0,.25)
+}
+
+.v-checkbox-disabled .v-checkbox-input {
+    cursor: not-allowed
+}
+
+.v-checkbox-disabled .v-checkbox-inner  {
+    border-color: #d9d9d9!important;
+    background-color: #f7f7f7
+}
+
+.v-checkbox-disabled .v-checkbox-inner:after {
+    -webkit-animation-name: none;
+    animation-name: none;
+    border-color: #f7f7f7
+}
+
+.v-checkbox-disabled+span {
+    color: rgba(0,0,0,.25);
+    cursor: not-allowed
+}
+
+.v-checkbox-indeterminate .v-checkbox-inner:after {
+    content: " ";
+    -webkit-transform: scale(1);
+    -ms-transform: scale(1);
+    transform: scale(1);
+    position: absolute;
+    left: 2px;
+    top: 5px;
+    width: 8px;
+    height: 1px
+}
+
+.v-checkbox-indeterminate.v-checkbox-disabled .v-checkbox-inner:after {
+    border-color: rgba(0,0,0,.25)
+}
+
+.v-select-items-multiple{
+    display: table;
+    width: 100%;
+    padding: 5px;
+}
+
+.v-select-items-multiple span{
+    vertical-align: middle;
+    font-size: 14px;
+    font-weight: normal;
+    color: rgba(0, 0, 0, 0.65);
+}
+
+.v-select-items-multiple:hover{
+    background-color: #e6f7ff;
+}

package/src/styles/components/list/evtable/v-dropdown.less

@@ -0,0 +1,235 @@
+@charset "UTF-8";
+
+/*设置尺寸 start*/
+.v-dropdown--large .v-dropdown-selected,
+.v-dropdown--large .v-dropdown-items-li{
+    font-size:16px;
+    height:40px;
+    line-height: 40px;
+}
+.v-dropdown--large .v-dropdown-selected-i{
+    line-height:40px !important;
+}
+.v-dropdown--large .v-dropdown-selected{
+    /* width:120px;*/
+}
+.v-dropdown--large .v-dropdown-items{
+    /*   min-width: 120px;*/
+}
+
+
+.v-dropdown--middle .v-dropdown-selected,
+.v-dropdown--middle .v-dropdown-items-li{
+    font-size:14px;
+    height:32px;
+    line-height: 32px;
+}
+.v-dropdown--middle .v-dropdown-selected-i{
+    line-height:32px !important;
+}
+.v-dropdown--middle .v-dropdown-selected{
+    /*   width:100px;*/
+}
+.v-dropdown--middle .v-dropdown-items{
+    /* min-width: 100px;*/
+}
+
+
+.v-dropdown--small .v-dropdown-selected,
+.v-dropdown--small .v-dropdown-items-li{
+    font-size:13px;
+    height:24px;
+    line-height: 24px;
+}
+.v-dropdown--small .v-dropdown-selected-i{
+    line-height:24px !important;
+}
+.v-dropdown--small .v-dropdown-selected{
+    /*    width:90px;*/
+}
+.v-dropdown--small .v-dropdown-items{
+    /*    min-width: 90px;*/
+}
+/*设置尺寸 end*/
+
+.v-dropdown{
+    display: inline-table;
+    margin: 0;
+}
+
+.v-dropdown-dd,.v-dropdown-dt{
+    z-index: 9999;
+}
+
+.v-dropdown-dd,.v-dropdown-dt,.v-dropdown-items {
+    margin:0px;
+    padding:0px;
+    background-color: #fff;
+}
+
+.v-dropdown-items{
+    overflow:hidden;
+    text-overflow:ellipsis;
+    word-wrap:normal;
+    white-space: nowrap;
+}
+
+.v-dropdown a, .v-dropdown a:visited {
+    color:#000;
+    text-decoration:none;
+    outline:none;
+}
+
+.v-dropdown-selected {
+    position: relative;
+    display:block;
+    border:1px solid #c8cdd4;
+    border-radius: 2px;
+}
+
+.v-dropdown-selected:hover {
+    color:#0092dd;
+    border-color:#0092dd;
+}
+
+.v-dropdown-selected-span {
+    width: 80%;
+    display:block !important;/*修复会被别的样式覆盖的问题*/
+    text-align: center;
+    cursor:pointer;
+    white-space: nowrap;
+    overflow: hidden;
+    padding-left: 2px;
+}
+
+.v-dropdown-input{
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-color: #fff;
+    background-image: none;
+    /*    border-radius: 4px;*/
+    border: 1px solid #fff;
+    box-sizing: border-box;
+    color: #1f2d3d;
+    display: inline-block;
+    font-size: inherit;
+    /* height: 36px;*/
+    line-height: 1;
+    outline: none;
+    padding-left: 2px;
+    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
+    width: 80%;
+    text-align: left;
+
+}
+
+.v-dropdown-selected-i{
+    display: inline-block;
+    position: absolute;
+    top:0;
+    right:0;
+    font-size: 120%;
+}
+
+.v-dropdown-dd {
+    position:absolute !important;
+    z-index:9999999;
+}
+
+.v-dropdown-items {
+    /*position:absolute;*/
+    position:fixed;
+    top:2px;
+    left:0px;
+    list-style:none;
+    border-radius: 2px;
+    background-color: #fff;
+    box-shadow: 0 2px 4px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.04);
+    border:1px solid #d1dbe5;
+    color:#C5C0B0;
+
+    padding:5px 0px;
+    width:auto;
+}
+
+.v-dropdown-items-li{
+    white-space: nowrap;
+}
+
+.v-dropdown-items-li.active{
+    background-color:#0092dd;
+}
+
+.v-dropdown-items-li.active a{
+    color:#fff;
+}
+
+.v-dropdown-items-li-a {
+    width: 100%;
+    display:block;
+    padding-left: 8px;
+    padding-right: 8px;
+}
+
+.v-dropdown-items-li-a-left{
+    text-align: left;
+
+}
+
+.v-dropdown-items-li-a-center{
+    text-align: center;
+}
+
+.v-dropdown-items-li-a-right{
+    text-align: right;
+}
+
+.v-dropdown-items-li:hover {
+    background-color: #e4e8f1;
+    color:#fff;
+}
+
+.v-dropdown-items-li.active:hover{
+    background-color:#0092dd;
+}
+/*------------分割线----------*/
+
+.v-dropdown-items-multiple{
+    display: table;
+    width: 100%;
+    padding: 5px;
+}
+
+.v-dropdown-items-multiple span{
+    vertical-align: middle;
+    font-size: 14px;
+    font-weight: normal;
+    color: rgba(0, 0, 0, 0.65);
+}
+
+.v-dropdown-items-multiple:hover{
+    background-color: #e6f7ff;
+}
+
+
+/*操作功能开始*/
+.v-dropdown-operation {
+    padding:8px 0 3px 0;
+    font-size: 14px;
+    border-top: 1px solid #e8e8e8;
+}
+
+.v-dropdown-operation-item {
+    padding: 0 8px;
+    color:#495060;
+}
+
+.v-dropdown-operation-item:last-child{
+    float: right;
+}
+
+.v-dropdown-operation-item:hover{
+    color: #1890ff;
+}
+/*操作功能结束*/