QMUI_Sass 1.1.0

data/qmui/_function.scss

@@ -0,0 +1,54 @@
+@charset "utf-8";
+/**
+ * _function.scss
+ * @author Kayo
+ * @date 2014-11-17
+ */
+
+.qui_txtNormal {
+    font-weight: normal !important;
+}
+
+.qui_txtBold {
+    font-weight: bold !important;
+}
+
+.qui_txtLeft {
+    text-align: left !important;
+}
+
+.qui_txtRight {
+    text-align: right !important;
+}
+
+.qui_txtUnderline {
+    text-decoration: underline !important;
+}
+
+.qui_txtUnderlineNone {
+    text-decoration: none !important;
+}
+
+.qui_txtOverflow {
+    @extend %text_ellipsis;
+}
+
+.qui_clear {
+    @extend %clear;
+}
+
+.qui_txtNowrap {
+    white-space: nowrap !important;
+}
+
+.qui_layoutLeft {
+    float: left !important;
+}
+
+.qui_layoutRight {
+    float: right !important;
+}
+
+.qui_displayNone {
+    display: none !important;
+}

data/qmui/_qmui.scss

@@ -0,0 +1,32 @@
+/**
+ * Tencent is pleased to support the open source community by making QMUI Web available.
+ * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is
+ * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ * either express or implied. See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+@charset "utf-8";
+/**
+ * _qmui.scss QMUI 总样式文件
+ * @author Kayo
+ * @date 2014-10-31
+ *
+ */
+
+
+// 常用 mixin 封装
+@import "mixin/_mixin";
+
+// CSS Reset
+@import "_reset";
+
+// 常用样式（原子类）
+@import "_function";

data/qmui/_reset.scss

@@ -0,0 +1,84 @@
+@charset "utf-8";
+/**
+ * _reset.scss
+ * @author Kayo
+ * @date 2014-10-30
+ *
+ * #reset
+ * #html5
+ */
+
+/* #reset */
+body, dl, dd, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, legend {
+    margin: 0;
+}
+
+ul, ol, fieldset {
+    margin: 0;
+    padding: 0;
+}
+
+th, td {
+    padding: 0;
+}
+
+table {
+    font-size: inherit;
+}
+
+fieldset, img {
+    border: 0;
+}
+
+ul, ol, li {
+    list-style: none;
+}
+
+body {
+    font-size: $common_fontSize;
+    line-height: 1.5;
+    background: $common_body_background;
+    color: $common_body_color;
+}
+
+h1, h2, h3, h4 {
+    font-size: 18px;
+    font-weight: normal;
+}
+
+body, input, textarea, select, button {
+    font-family: $common_fontFamily;
+    outline: none;
+    // stylelint-disable
+    // For Webkit kernel on mobile
+    -webkit-text-size-adjust: none;
+    // stylelint-enable
+}
+
+input, textarea, select, button {
+    font-size: inherit; // form control's default font in webkit is "-webkit-small-control"
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // remove widget tap highlighted in mobile safari
+}
+
+a {
+    color: $common_color_link;
+    text-decoration: none;
+    -webkit-tap-highlight-color: $common_color_linkTapHighlight;
+}
+
+:focus {
+    outline: none;
+}
+
+/* #html5 HTML5 元素的支持 */
+article, aside, details,
+figcaption, figure,
+footer, header, hgroup,
+main, nav, section,
+summary {
+    display: block;
+}
+
+audio, canvas, video {
+    display: inline-block;
+}

data/qmui/mixin/_adaptation.scss

@@ -0,0 +1,236 @@
+@charset "UTF-8";
+
+////
+/// 平台与浏览器适配相关方法
+/// @author Clear, Molice, Zhoon, Kayo，Jeff
+/// @group 兼容性封装
+/// @date 2014-08-19
+////
+
+/// 清除浮动
+///
+/// @group 布局
+/// @name clear
+%clear {
+    &:after {
+        clear: both;
+        content: ".";
+        display: block;
+        line-height: 0;
+        font-size: 0;
+        visibility: hidden;
+    }
+}
+
+/// 单行省略号
+///
+/// @group 外观
+/// @name text-ellipsis
+%text-ellipsis {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    //在IE9的<td>中，如果之前已经设置了word-wrap:break-word，则这里的white-space:nowrap会失效，所以要在这里加上word-wrap:normal来以防万一
+    word-wrap: normal;
+}
+
+%text_ellipsis {
+    @extend %text-ellipsis;
+}
+
+/// 多行省略号
+///
+/// @group 外观
+/// @name text-multiLine-ellipsis
+/// @param {Number} $line - 文字的行数
+/// @param {Measure} $lineHeight - 文字行高
+/// @throw 不支持多行省略的浏览器降级处理为结尾处没有省略号，直接裁剪掉。
+@mixin text-multiLine-ellipsis($line: 2, $lineHeight: 20px) {
+    line-height: $lineHeight;
+    overflow: hidden;
+    height: $lineHeight * $line;
+    // stylelint-disable
+    display: -webkit-box;
+    display: -moz-box;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: $line;
+    -moz-line-clamp: $line;
+    line-clamp: $line;
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+    // stylelint-enable
+    box-orient: vertical;
+}
+
+/// 在长单词或 URL 地址内部进行换行，适用于以中文为主混有英文的文字排版
+///
+/// @group 外观
+/// @name text-breakWord
+%text-breakWord {
+    word-wrap: break-word;
+    word-break: break-word;
+}
+
+%text_breakWord {
+    @extend %text-breakWord;
+}
+
+/// 适配多倍屏的 CSS 选择器
+///
+/// @group 设备适配
+/// @name screenResolution
+/// @param {Number} $num - 需要适配的屏幕倍数
+@mixin screenResolution($num) {
+    @media (-webkit-min-device-pixel-ratio: $num), (min--moz-device-pixel-ratio: $num), (min-device-pixel-ratio: $num), (min-resolution: #{$num}dppx), (min-resolution: #{$num * 96}dpi) {
+        @content;
+    }
+}
+
+/// 适配 IE 10 及以上版本的 CSS 选择器，需要针对 IE10 或以上版本的样式可以写在这里
+///
+/// @group 设备适配
+/// @name screenForIE10AndLater
+@mixin screenForIE10AndLater {
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+        @content;
+    }
+}
+
+/// 单独适配 IE 8 CSS 选择器，需要仅针对 IE 8 的样式可以写在这里
+///
+/// @group 设备适配
+/// @name forIE8
+@mixin forIE8 {
+    @media \0screen {
+        @content;
+    }
+}
+
+/// 单独适配 IE 9 CSS 选择器，需要仅针对 IE 9（不包括 IE 10 等更高版本） 的样式可以写在这里
+///
+/// @group 设备适配
+/// @name forIE9
+@mixin forIE9 {
+    @media all and (min-width: 0\0) and (min-resolution: .001dpcm) {
+        @content;
+    }
+}
+
+/// 半透明背景颜色
+///
+/// @group 外观
+/// @name bgWithOpacity
+/// @param {Color} $color - 背景色的颜色值
+/// @param {Number} $alpha - 背景色的透明度
+@mixin bgWithOpacity($color, $alpha) {
+    background-color: rgba($color, $alpha);
+    @include forIE8 {
+        filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#{ie-hex-str(rgba($color, $alpha))}, endcolorstr=#{ie-hex-str(rgba($color, $alpha))});
+    }
+}
+
+/// 跨浏览器的渐变背景，垂直渐变，自上而下
+///
+/// @group 外观
+/// @name gradient-vertical
+/// @param {Color} $start-color [#555] - 渐变的开始颜色
+/// @param {Color} $end-color [#333] - 渐变的结束颜色
+/// @param {Number} $start-percent [0%] - 渐变的开始位置，需要以百分号为单位
+/// @param {Number} $end-percent [100%] - 渐变的结束位置，需要以百分号为单位
+@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
+    background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#{ie-hex-str($start-color)}", endColorstr="#{ie-hex-str($end-color)}", GradientType=0); // IE9 and down
+}
+
+/// 跨浏览器的渐变背景，水平渐变，自左而右
+///
+/// @group 外观
+/// @name gradient-horizontal
+/// @param {Color} $start-color [#555] - 渐变的开始颜色
+/// @param {Color} $end-color [#333] - 渐变的结束颜色
+/// @param {Number} $start-percent [0%] - 渐变的开始位置，需要以百分号为单位
+/// @param {Number} $end-percent [100%] - 渐变的结束位置，需要以百分号为单位
+@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
+    background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#{ie-hex-str($start-color)}", endColorstr="#{ie-hex-str($end-color)}", GradientType=1); // IE9 and down
+}
+
+/// 跨浏览器的渐变背景，带角度
+///
+/// @group 外观
+/// @name gradient-on-axis
+/// @param {Degree} $axis-degree [135deg] - 渐变的轴
+/// @param {Color} $start-color [#555] - 渐变的开始颜色
+/// @param {Color} $end-color [#333] - 渐变的结束颜色
+/// @param {Number} $start-percent [0%] - 渐变的开始位置，需要以百分号为单位
+/// @param {Number} $end-percent [100%] - 渐变的结束位置，需要以百分号为单位
+@mixin gradient-on-axis($axis-degree: 0, $start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
+    background-image: linear-gradient($axis-degree, $start-color $start-percent, $end-color $end-percent);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#{ie-hex-str($start-color)}", endColorstr="#{ie-hex-str($end-color)}", GradientType=0); // IE9 and down
+}
+
+/// 跨浏览器的渐变背景，垂直渐变，自上而下，支持三个渐变点
+///
+/// @group 外观
+/// @name gradient-vertical-threeColor
+/// @param {Color} $start-color [#555] - 渐变的开始颜色
+/// @param {Color} $middle-color [#444] - 渐变的中间颜色
+/// @param {Color} $end-color [#333] - 渐变的结束颜色
+/// @param {Number} $start-percent [0%] - 渐变的开始位置，需要以百分号为单位
+/// @param {Number} $start-percent [50%] - 渐变的中间位置，需要以百分号为单位
+/// @param {Number} $end-percent [100%] - 渐变的结束位置，需要以百分号为单位
+@mixin gradient-vertical-threeColor($start-color: #555, $middle-color: #444, $end-color: #333, $start-percent: 0%, $middle-percent: 50%, $end-percent: 100%) {
+    background-image: linear-gradient(to bottom, $start-color $start-percent, $middle-color $middle-percent, $end-color $end-percent);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#{ie-hex-str($start-color)}", endColorstr="#{ie-hex-str($end-color)}", GradientType=0); // IE9 and down
+}
+
+/// 跨浏览器的渐变背景，水平渐变，自左而右
+///
+/// @group 外观
+/// @name gradient-horizontal-threeColor
+/// @param {Color} $start-color [#555] - 渐变的开始颜色
+/// @param {Color} $middle-color [#444] - 渐变的中间颜色
+/// @param {Color} $end-color [#333] - 渐变的结束颜色
+/// @param {Number} $start-percent [0%] - 渐变的开始位置，需要以百分号为单位
+/// @param {Number} $start-percent [50%] - 渐变的中间位置，需要以百分号为单位
+/// @param {Number} $end-percent [100%] - 渐变的结束位置，需要以百分号为单位
+@mixin gradient-horizontal-threeColor($start-color: #555, $middle-color: #444, $end-color: #333, $start-percent: 0%, $middle-percent: 50%, $end-percent: 100%) {
+    background-image: linear-gradient(to right, $start-color $start-percent, $middle-color $middle-percent, $end-color $end-percent);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#{ie-hex-str($start-color)}", endColorstr="#{ie-hex-str($end-color)}", GradientType=1); // IE9 and down
+}
+
+/// 基于渐变实现的垂直方向点画线
+/// @throw 如果要实现的是一个物理像素粗细的线，建议放在一个单独的 DOM 上，方便加上 scale 来实现，否则就不需要顾虑直接用到任意 DOM 上即可，加上 background-position 控制位置，background-color / background-position 等属性必须在该 mixin 的 include 之后开始写。
+///
+/// @group 外观
+/// @name gradient-vertical-dashed-line
+/// @param {Number} $dash-dot-width [2px] - 点画线里点的尺寸
+/// @param {Number} $dash-space-width [2px] - 点画线里点与点间隔尺寸
+/// @param {Color} $dash-dot-color [$common_color_separator] - 点画线里点的颜色
+/// @param {Number} $line-width [1px] - 点画线粗细
+@mixin gradient-vertical-dashed-line($dash-dot-width: 2px, $dash-space-width: 2px, $dash-dot-color: $common_color_separator, $line-width: 1px) {
+    @include gradient-vertical-threeColor($start-color: $dash-dot-color, $middle-color: $dash-dot-color, $end-color: transparent, $start-percent: 0, $middle-percent: $dash-dot-width, $end-percent: $dash-dot-width);
+    background-size: $line-width ($dash-dot-width + $dash-space-width);
+    background-repeat: repeat-y;
+}
+
+/// 基于渐变实现的水平方向点画线
+/// @throw 如果要实现的是一个物理像素粗细的线，建议放在一个单独的 DOM 上，方便加上 scale 来实现，否则就不需要顾虑直接用到任意 DOM 上即可，加上 background-position 控制位置，background-color / background-position 等属性必须在该 mixin 的 include 之后开始写。
+///
+/// @group 外观
+/// @name gradient-horizontal-dashed-line
+/// @param {Number} $dash-dot-width [2px] - 点画线里点的尺寸
+/// @param {Number} $dash-space-width [2px] - 点画线里点与点间隔尺寸
+/// @param {Color} $dash-dot-color [$common_color_separator] - 点画线里点的颜色
+/// @param {Number} $line-width [1px] - 点画线粗细
+@mixin gradient-horizontal-dashed-line($dash-dot-width: 2px, $dash-space-width: 2px, $dash-dot-color: $common_color_separator, $line-width: 1px) {
+    @include gradient-horizontal-threeColor($start-color: $dash-dot-color, $middle-color: $dash-dot-color, $end-color: transparent, $start-percent: 0, $middle-percent: $dash-dot-width, $end-percent: $dash-dot-width);
+    background-size: ($dash-dot-width + $dash-space-width) $line-width;
+    background-repeat: repeat-x;
+}

data/qmui/mixin/_mixin.scss

@@ -0,0 +1,13 @@
+@charset "utf-8";
+/**
+ * _mixin.scss
+ * @author Kayo
+ * @date 2014-10-31
+ *
+ */
+
+// 平台与浏览器适配相关方法
+@import "adaptation";
+
+// 常用工具方法
+@import "tool/tool";

data/qmui/mixin/tool/_calculate.scss

@@ -0,0 +1,232 @@
+@charset "utf-8";
+
+////
+/// 辅助数值计算的工具方法
+/// @author Kayo
+/// @group 数值计算
+/// @date 2015-08-23
+////
+
+/// 获取 CSS 长度值属性（例如：margin，padding，border-width 等）在某个方向的值
+///
+/// @name getLengthDirectionValue
+/// @param {String} $property - 记录着长度值的 SASS 变量
+/// @param {String} $direction - 需要获取的方向，可选值为 top，right，bottom，left，horizontal，vertical，其中 horizontal 和 vertical 分别需要长度值的左右或上下方向值相等，否则会报 Warning。
+/// @example
+///   // UI 界面的一致性往往要求相似外观的组件保持距离、颜色等元素统一，例如：
+///   // 搜索框和普通输入框分开两种结构处理，但希望搜索框的搜索 icon 距离左边的空白与
+///   // 普通输入框光标距离左边的空白保持一致，就需要获取普通输入框的 padding-left
+///   $textField_padding: 4px 5px;
+///   .dm_textField {
+///     padding: $textField_padding;
+///   }
+///   .dm_searchInput {
+///     position: relative;
+///     ...
+///   }
+///   .dm_searchInput_icon {
+///     position: absolute;
+///     left: getLengthDirectionValue($textField_padding, left);
+///     ...
+///   }
+@function getLengthDirectionValue($property, $direction) {
+    // 声明变量
+    $top: 0;
+    $right: 0;
+    $bottom: 0;
+    $left: 0;
+    // 获取 $property 列表值中值的个数，从而判断是哪种 CSS length 的写法
+    $propertyLength: length($property);
+    @if $propertyLength == 1 {
+        $top: $property;
+        $right: $property;
+        $bottom: $property;
+        $left: $property;
+    } @else if $propertyLength == 2 {
+        $top: nth($property, 1);
+        $right: nth($property, 2);
+        $bottom: nth($property, 1);
+        $left: nth($property, 2);
+    } @else if $propertyLength == 3 {
+        $top: nth($property, 1);
+        $right: nth($property, 2);
+        $bottom: nth($property, 3);
+        $left: nth($property, 2);
+    } @else if $propertyLength == 4 {
+        $top: nth($property, 1);
+        $right: nth($property, 2);
+        $bottom: nth($property, 3);
+        $left: nth($property, 4);
+    } @else {
+        @return 0;
+    }
+
+    // 根据参数中的方向值输出需要的结果
+    @if $direction == top {
+        @return $top;
+    } @else if $direction == right {
+        @return $right;
+    } @else if $direction == bottom {
+        @return $bottom;
+    } @else if $direction == left {
+        @return $left;
+    } @else if $direction == horizontal {
+        @if $left != $right {
+            @warn "左边（#{$left}）与右边（#{$right}）的值并不相等，不应该直接使用 horizontal 这个方向";
+        }
+        @return $left;
+    } @else if $direction == vertical {
+        @if $top != $bottom {
+            @warn "上边（#{$top}）与下边（#{$bottom}）的值并不相等，不应该直接使用 vertical 这个方向";
+        }
+        @return $top;
+    } @else {
+        @return 0;
+    }
+}
+
+/// 获取两个 CSS 长度值的中间值并取整，通常可用于子元素在父元素中需要居中时计算两者高度差
+///
+/// @name getLengthMaxIntegerCenter
+/// @param {Number | String} $parent - 较大的长度值
+/// @param {Number | String} $child - 较小的长度值
+@function getLengthMaxIntegerCenter($parent, $child) {
+    $center: ($parent - $child) / 2;
+    // 注意这里的取整使用 ceil 而不是 floor 并不是随意写的，这是模拟现代浏览器对于小数点长度值的表现而定的。
+    // 例如，margin-top: 10.5px 在现代浏览器中会表现为 margin-top: 11px 而不是 margin-top: 10px
+    // 又例如，margin-top: -10.5px 在现代浏览器的表现等同于 margin-top: -10px 而不是 margin-top: -11px
+    // 即小数长度值会被当成不小于该小数的下一个整数去处理，也就是 ceil 的效果。所以不要随意改成 floor，其他长度值方法也应该如此处理
+    @return ceil($center);
+}
+
+/// 获取数值的n次幂的值
+///
+/// @name pow
+/// @param {Number} $number - 底数
+/// @param {Number} $pow - 幂数
+/// @example
+///   pow(10, 5) => 100000
+///   pow(10, -1) => 0.1
+@function pow($number, $pow) {
+    $result: 1;
+    @if $pow > 0 {
+        @for $i from 1 through $pow {
+            $result: $result * $number;
+        }
+    } @else if $pow < 0 {
+        @for $i from $pow to 0 {
+            $result: $result / $number;
+        }
+    }
+    @return $result;
+}
+
+/// 将数值格式化为指定小数位数的数字。
+///
+/// @name toFixed
+/// @param {Number} $number - 待格式化的数值
+/// @param {Number} $precision [0] - 精确度(精确到小数点后几位)
+/// @param {String} $type [round] - 格式化方式("round":"四舍五入","floor":"向下取整","ceil":"向上取整")
+/// @example
+///   toFixed(3.1415926535898) => 3.14
+///   toFixed(3.1415926535898, 4, floor) => 3.1415
+///   toFixed(3.1415926535898, 4, ceil) => 3.1416
+///   toFixed(-3.1415926535898, 4, floor) => -3.1416
+///   toFixed(-3.1415926535898, 4, ceil) => -3.1415
+///   toFixed(3.1415926535898px) => 3.14px
+@function toFixed($number, $precision: 0, $type: round) {
+    $result: null;
+    @if $type == round {
+        $result: round($number * pow(10, $precision)) / pow(10, $precision);
+    } @else if $type == floor {
+        $result: floor($number * pow(10, $precision)) / pow(10, $precision);
+    } @else if $type == ceil {
+        $result: ceil($number * pow(10, $precision)) / pow(10, $precision);
+    } @else {
+        @warn "type参数输入有误,请选择输入'round'、'floor'、'ceil'其中一个";
+        $result: $number;
+    }
+    @return $result;
+}
+
+/// 阶乘计算
+///
+/// @name factorial
+/// @param {Number} $number - 待进行阶乘计算的数值
+/// @example
+///   factorial(4) => 4 * 3 * 2 * 1 => 24
+@function factorial($number) {
+    $value: 1;
+    @if $number > 0 {
+        @for $i from 1 through $number {
+            $value: $value * $i;
+        }
+    }
+    @return $value;
+}
+
+/// 获取 π 的值（11位小数精度）
+///
+/// @name pi
+@function pi() {
+    @return 3.14159265359;
+}
+
+/// 通过角度计算弧度
+///
+/// @name rad
+/// @param {Number} $angle - 需要被转换为弧度的角度值
+/// @example
+///   rad(180deg) -> 3.14159
+///   rad(45deg) -> 0.7854
+@function rad($angle) {
+    $unit: unit($angle);
+    $unitless: $angle / ($angle * 0 + 1);
+    @if $unit == deg {
+        $unitless: $unitless / 180 * pi();
+    }
+    @return $unitless;
+}
+
+/// 计算 sin 三角函数
+///
+/// @name sin
+/// @param {Number} $angle - 需要进行 sin 计算的角度值
+/// @example
+///   sin(45deg) -> 0.70711
+///   sin(90deg) -> 1
+@function sin($angle) {
+    $sin: 0;
+    $angle: rad($angle);
+    @for $i from 0 through 10 {
+        $sin: $sin + pow(-1, $i) * pow($angle, (2 * $i + 1)) / factorial(2 * $i + 1);
+    }
+    @return $sin;
+}
+
+/// 计算 cos 三角函数
+///
+/// @name cos
+/// @param {Number} $angle - 需要进行 cos 计算的角度值
+/// @example
+///   cos(45deg) -> 0.70711
+///   cos(90deg) -> 0
+@function cos($angle) {
+    $cos: 0;
+    $angle: rad($angle);
+    @for $i from 0 through 10 {
+        $cos: $cos + pow(-1, $i) * pow($angle, 2 * $i) / factorial(2 * $i);
+    }
+    @return $cos;
+}
+
+/// 计算 tan 三角函数
+///
+/// @name tan
+/// @param {Number} $angle - 需要进行 tan 计算的角度值
+/// @example
+///   tan(45deg) -> 1
+///   tan(50deg) -> 1.19175
+@function tan($angle) {
+    @return sin($angle) / cos($angle);
+}