weui-rails 0.4.4 → 1.0.1

data/vendor/assets/stylesheets/widget/weui-cell/weui-gallery.scss

@@ -0,0 +1,35 @@
+@import "../../base/fn";
+
+$weuiGalleryOprHeight: 60px;
+.#{$weui_ns}gallery {
+    display: none;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: #000000;
+    z-index: 1000;
+}
+.#{$weui_ns}gallery__img {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: $weuiGalleryOprHeight;
+    left: 0;
+    background: center center no-repeat;
+    background-size: contain;
+}
+.#{$weui_ns}gallery__opr {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: #0D0D0D;
+    color: #FFFFFF;
+    line-height: $weuiGalleryOprHeight;
+    text-align: center;
+}
+.#{$weui_ns}gallery__del {
+    display: block;
+}

data/vendor/assets/stylesheets/widget/weui-cell/weui-switch.scss

@@ -0,0 +1,52 @@
+@import "../../base/fn";
+
+.#{$weui_ns}cell_switch{
+    padding-top: ($weuiCellHeight - $weuiSwitchHeight) / 2;
+    padding-bottom: ($weuiCellHeight - $weuiSwitchHeight) / 2;
+}
+.#{$weui_ns}switch{
+    appearance: none;
+    position: relative;
+    width: 52px;
+    height: $weuiSwitchHeight;
+    border: 1px solid #DFDFDF;
+    outline: 0;
+    border-radius: 16px;
+    box-sizing: border-box;
+    background-color: #DFDFDF;
+    transition: background-color .1s, border .1s;
+    &:before{
+        content: " ";
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 50px;
+        height: $weuiSwitchHeight - 2;
+        border-radius: 15px;
+        background-color: #FDFDFD;
+        transition:transform .35s cubic-bezier(0.45, 1, 0.4, 1);
+    }
+    &:after{
+        content: " ";
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: $weuiSwitchHeight - 2;
+        height: $weuiSwitchHeight - 2;
+        border-radius: 15px;
+        background-color: #FFFFFF;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+        transition:transform .35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
+    }
+
+    &:checked{
+        border-color: #04BE02;
+        background-color: #04BE02;
+        &:before{
+            transform: scale(0);
+        }
+        &:after{
+            transform: translateX(20px);
+        }
+    }
+}

data/vendor/assets/stylesheets/widget/{weui_cell/weui_uploader.scss → weui-cell/weui-uploader.scss}

@@ -1,30 +1,27 @@
 @import "../../base/fn";
 
-$weuiUploaderBorderColor: #D9D9D9;
-$weuiUploaderActiveBorderColor: #999999;
-$weuiUploaderFileSpacing: 9px;
-$weuiUploaderSize: 79px;
-$weuiUploaderBorderWidth: 1px;
-
 .#{$weui_ns}uploader{}
-.#{$weui_ns}uploader_hd {
-    padding-top: 0;
-    padding-right: 0;
-    padding-left: 0;
-    .#{$weui_ns}cell_ft {
-        font-size: 1em;
-    }
+.#{$weui_ns}uploader__hd{
+    display: flex;
+    padding-bottom: $weuiCellGapV;
+    align-items: center;
+}
+.#{$weui_ns}uploader__title{
+    flex: 1;
+}
+.#{$weui_ns}uploader__info{
+    color: $weuiTextColorTips;
 }
-.#{$weui_ns}uploader_bd {
+
+.#{$weui_ns}uploader__bd{
     margin-bottom: $weuiCellGapH - ($weuiCellGapV + $weuiUploaderFileSpacing);
     margin-right: -$weuiUploaderFileSpacing;
     overflow: hidden;
 }
-
-.#{$weui_ns}uploader_files {
+.#{$weui_ns}uploader__files{
     list-style: none;
 }
-.#{$weui_ns}uploader_file {
+.#{$weui_ns}uploader__file{
     float: left;
     margin-right: $weuiUploaderFileSpacing;
     margin-bottom: $weuiUploaderFileSpacing;
@@ -33,9 +30,9 @@ $weuiUploaderBorderWidth: 1px;
     background: no-repeat center center;
     background-size: cover;
 }
-.#{$weui_ns}uploader_status {
+.#{$weui_ns}uploader__file_status{
     position: relative;
-    &:before {
+    &:before{
         content: " ";
         position: absolute;
         top: 0;
@@ -44,19 +41,22 @@ $weuiUploaderBorderWidth: 1px;
         left: 0;
         background-color: rgba(0, 0, 0, .5);
     }
-    .#{$weui_ns}uploader_status_content {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        color: #FFFFFF;
-    }
-    .#{$weui_ns}icon_warn {
+    .#{$weui_ns}uploader__file-content{
         display: block;
     }
 }
-
-.#{$weui_ns}uploader_input_wrp {
+.#{$weui_ns}uploader__file-content{
+    display: none;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #FFFFFF;
+    .weui-icon-warn{
+        display: inline-block;
+    }
+}
+.#{$weui_ns}uploader__input-box{
     float:left;
     position: relative;
     margin-right: $weuiUploaderFileSpacing;
@@ -64,7 +64,7 @@ $weuiUploaderBorderWidth: 1px;
     width: $weuiUploaderSize - $weuiUploaderBorderWidth * 2;
     height: $weuiUploaderSize - $weuiUploaderBorderWidth * 2;
     border: $weuiUploaderBorderWidth solid $weuiUploaderBorderColor;
-    &:before, &:after {
+    &:before, &:after{
         content: " ";
         position: absolute;
         top: 50%;
@@ -72,22 +72,22 @@ $weuiUploaderBorderWidth: 1px;
         transform: translate(-50%, -50%);
         background-color: $weuiUploaderBorderColor;
     }
-    &:before {
+    &:before{
         width: $weuiUploaderBorderWidth + 1;
         height: $weuiUploaderSize / 2;
     }
-    &:after {
+    &:after{
         width: $weuiUploaderSize / 2;
         height: $weuiUploaderBorderWidth + 1;
     }
-    &:active {
+    &:active{
         border-color: $weuiUploaderActiveBorderColor;
-        &:before, &:after {
+        &:before, &:after{
             background-color: $weuiUploaderActiveBorderColor;
         }
     }
 }
-.#{$weui_ns}uploader_input{
+.#{$weui_ns}uploader__input{
     position: absolute;
     z-index: 1;
     top: 0;
@@ -95,5 +95,5 @@ $weuiUploaderBorderWidth: 1px;
     width: 100%;
     height: 100%;
     opacity: 0;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    @include setTapColor();
 }

data/vendor/assets/stylesheets/widget/weui-flex/weui-flex.scss

@@ -0,0 +1,8 @@
+@import "../../base/fn";
+
+.#{$weui_ns}flex {
+    display: flex;
+}
+.#{$weui_ns}flex__item{
+    flex: 1;
+}

data/vendor/assets/stylesheets/widget/weui-footer/weui-footer.scss

@@ -0,0 +1,41 @@
+@import "../../base/fn";
+
+.#{$weui_ns}footer {
+    color: $weuiTextColorGray;
+    font-size: 14px;
+    text-align: center;
+    a{
+        color: $weuiLinkColorDefault;
+    }
+}
+.#{$weui_ns}footer_fixed-bottom{
+    position: fixed;
+    bottom: .52em;
+    left: 0;
+    right: 0;
+}
+.#{$weui_ns}footer__links{
+    font-size: 0;
+}
+.#{$weui_ns}footer__link{
+    display: inline-block;
+    vertical-align: top;
+    margin: 0 .62em;
+    position: relative;
+    font-size: 14px;
+    &:before{
+        @include setLeftLine();
+        left: -.65em;
+        top: .36em;
+        bottom: .36em;
+    }
+    &:first-child{
+        &:before{
+            display: none;
+        }
+    }
+}
+.#{$weui_ns}footer__text{
+    padding: 0 .34em;
+    font-size: 12px;
+}

data/vendor/assets/stylesheets/widget/weui-grid/weui-grid.scss

@@ -0,0 +1,55 @@
+@import "../../base/fn";
+
+.#{$weui_ns}grids {
+    position: relative;
+    overflow: hidden;
+
+    &:before {
+        @include setTopLine($weuiGridBorderColor);
+    }
+    &:after {
+        @include setLeftLine($weuiGridBorderColor);
+    }
+}
+
+.#{$weui_ns}grid {
+    position: relative;
+    float: left;
+    padding: 20px 10px;
+    width: 100% / $weuiGridColumnCount;
+    box-sizing: border-box;
+
+    &:before {
+        @include setRightLine($weuiGridBorderColor);
+    }
+    &:after {
+        @include setBottomLine($weuiGridBorderColor);
+    }
+
+    &:active {
+        background-color: $weuiBgColorActive;
+    }
+}
+
+.#{$weui_ns}grid__icon {
+    width: $weuiGridIconSize;
+    height: $weuiGridIconSize;
+    margin: 0 auto;
+
+    img {
+        display: block;
+        width: 100%;
+        height: 100%;
+    }
+
+    & + .#{$weui_ns}grid__label{
+        margin-top: 5px;
+    }
+}
+
+.#{$weui_ns}grid__label {
+    display: block;
+    text-align: center;
+    color: $weuiTextColorTitle;
+    font-size: $weuiGridFontSize;
+}

data/vendor/assets/stylesheets/widget/weui-loading/weui-loading.scss

@@ -0,0 +1,32 @@
+@import "../../base/fn";
+
+.#{$weui_ns}loading {
+  width:20px;
+  height:20px;
+  display: inline-block;
+  vertical-align: middle;
+  animation: weuiLoading 1s steps(12, end) infinite;
+  background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;
+  -webkit-background-size: 100%;
+  background-size: 100%;
+}
+
+@-webkit-keyframes weuiLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+@keyframes weuiLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+  }
+}

data/vendor/assets/stylesheets/widget/weui-media-box/weui-media-box.scss

@@ -0,0 +1,87 @@
+@import "../../base/fn";
+
+.#{$weui_ns}media-box {
+    padding: 15px;
+    position: relative;
+    &:before {
+        @include setTopLine($weuiLineColorLight);
+        left: 15px;
+    }
+    &:first-child {
+        &:before {
+            display: none
+        }
+    }
+
+    a & {
+        color:#000000;
+        @include setTapColor();
+        &:active{
+            background-color:#ECECEC;
+        }
+    }
+}
+.#{$weui_ns}media-box__title {
+    font-weight: 400;
+    font-size: 17px;
+    @include ellipsis();
+    word-wrap: break-word;
+    word-break: break-all;
+}
+.#{$weui_ns}media-box__desc {
+    color: $weuiTextColorGray;
+    font-size: 13px;
+    line-height: 1.2;
+    @include ellipsisLn(2);
+}
+.#{$weui_ns}media-box__info {
+    margin-top: 15px;
+    padding-bottom: 5px;
+    font-size: 13px;
+    color: #CECECE;
+    line-height: 1em;
+    list-style: none;
+    overflow: hidden;
+}
+.#{$weui_ns}media-box__info__meta {
+    float: left;
+    padding-right: 1em;
+}
+.#{$weui_ns}media-box__info__meta_extra  {
+    padding-left: 1em;
+    border-left: 1px solid #CECECE;
+}
+.#{$weui_ns}media-box_text {
+    .#{$weui_ns}media-box__title {
+        margin-bottom: 8px;
+    }
+}
+.#{$weui_ns}media-box_appmsg {
+    display: flex;
+    align-items: center;
+    .#{$weui_ns}media-box__hd {
+        margin-right: .8em;
+        width: 60px;
+        height: 60px;
+        line-height: 60px;
+        text-align: center;
+    }
+    .#{$weui_ns}media-box__thumb {
+        width: 100%;
+        max-height: 100%;
+        vertical-align: top;
+    }
+    .#{$weui_ns}media-box__bd  {
+        flex: 1;
+        min-width: 0;
+    }
+}
+.#{$weui_ns}media-box_small-appmsg {
+    padding: 0;
+    .#{$weui_ns}cells {
+        margin-top: 0;
+        &:before {
+            display: none;
+        }
+    }
+}