zartui 2.0.34 → 2.0.35

package/es/back-top/index.css

@@ -1 +1 @@
-.zt2-back-top{position:fixed;bottom:12px;right:12px;width:48px;height:48px;background:rgba(255,255,255,.6);border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-filter:blur(2);filter:blur(2);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-back-top svg{width:24px}.zt2-back-top.half-border::before{border-radius:50%}
+.zt2-back-top{position:fixed;bottom:12px;right:12px;width:48px;height:48px;background:-webkit-linear-gradient(314deg,#058ce6 6%,#00c3ff 96%);background:linear-gradient(136deg,#058ce6 6%,#00c3ff 96%);border:2px solid #c3ebff;border-radius:50%;box-shadow:0 4px 12px 0 rgba(5,140,230,.4);-webkit-filter:blur(2);filter:blur(2);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-back-top.half-border::before{border-radius:50%}

package/es/back-top/index.js

@@ -62,25 +62,35 @@ export default createComponent({
     this.clientWidth = document.documentElement.clientWidth;
     this.clientHeight = document.documentElement.clientHeight;
     this.recordHeight();
+    var $target = this.target();
+
+    if ($target) {
+      $target.removeEventListener("scroll", this.scrollListener);
+      $target.addEventListener("scroll", this.scrollListener);
+    }
   },
   activated: function activated() {
-    var _this = this;
-
     this.recordHeight();
-    this.target().addEventListener("scroll", function (e) {
-      var scrollTop = getScroll(_this.target(), true);
+    var $target = this.target();
 
-      if (scrollTop >= _this.visibilityHeight) {
-        _this.showButton = true;
-      } else {
-        _this.showButton = false;
-      }
-    });
+    if ($target) {
+      $target.removeEventListener("scroll", this.scrollListener);
+      $target.addEventListener("scroll", this.scrollListener);
+    }
   },
   deactivated: function deactivated() {
     this.setHeight(true);
   },
   methods: {
+    scrollListener: function scrollListener() {
+      var scrollTop = getScroll(this.target(), true);
+
+      if (scrollTop >= this.visibilityHeight) {
+        this.showButton = true;
+      } else {
+        this.showButton = false;
+      }
+    },
     // 实现移动端拖拽
     down: function down(event) {
       this.blurStyle = '';
@@ -134,11 +144,11 @@ export default createComponent({
       }
     },
     end: function end() {
-      var _this2 = this;
+      var _this = this;
 
       this.flags = false;
       setTimeout(function () {
-        _this2.blurStyle = 'opacity:0.3;';
+        _this.blurStyle = 'opacity:0.3;';
       }, 3000);
     },
     backTop: function backTop(event) {
@@ -187,20 +197,10 @@ export default createComponent({
         "click": this.backTop
       },
       "style": this.blurStyle
-    }, [h("svg", {
-      "attrs": {
-        "xmlns": "http://www.w3.org/2000/svg",
-        "viewBox": "0 0 24 24"
-      },
-      "class": "design-iconfont"
-    }, [h("path", {
+    }, [h("img", {
       "attrs": {
-        "d": "M12.1252846,2.04229201 C12.406091,2.04229201 12.6420247,2.13629271 12.8336091,2.33000304 L19.8037393,9.30040177 C19.9946618,9.49119157 20.0911844,9.72632732 20.0911844,10.0084605 C20.0911844,10.2933839 19.9962543,10.5313075 19.8073245,10.7193094 C19.6187919,10.9074438 19.380604,11.0042329 19.0954147,11.0042329 C18.8150057,11.0042329 18.5792064,10.9073111 18.3876192,10.7165218 L13.1213094,5.44172565 L13.1213094,20.9619488 C13.1213094,21.2358534 13.0239894,21.4708551 12.8286865,21.6645639 C12.6344447,21.8609299 12.3997075,21.9577185 12.1247421,21.9577185 C11.8499083,21.9577185 11.6155699,21.8607967 11.4205318,21.6645639 C11.2260244,21.4708533 11.1284379,21.2357191 11.1284379,20.9619488 L11.1284379,5.44172565 L5.86185954,10.7166561 C5.67040588,10.907313 5.43473893,11.0042355 5.15380086,11.0042355 C4.86861156,11.0042355 4.63121968,10.9073138 4.44215696,10.7193121 C4.2526949,10.5313105 4.15882607,10.2933866 4.15882607,10.0084631 C4.15882607,9.72632732 4.25428743,9.49119399 4.44600536,9.30040446 L11.4160013,2.33000572 C11.6074549,2.13629512 11.8436509,2.04229201 12.1241942,2.04229201 L12.1252564,2.04229201 L12.1252846,2.04229201 Z",
-        "fill": "#000",
-        "fill-rule": "nonzero",
-        "stroke": "#000",
-        "stroke-width": ".5"
+        "src": require("./images/top.png")
       }
-    })])]);
+    })]);
   }
 });

package/es/back-top/index.less

@@ -6,15 +6,13 @@
     width: @backtop-size;
     height: @backtop-size;
     background: @backtop-background-color;
+    border: 2px solid #C3EBFF;
     border-radius: 50%;
     box-shadow: @backtop-box-shadow;
     filter: blur(2);
     display: flex;
     justify-content: center;
     align-items: center;
-    svg {
-        width: @backtop-svg-size;
-    }
 }
 .@{base-prefix}-back-top.half-border::before {
     border-radius: 50%;

package/es/index.js

@@ -74,7 +74,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.34';
+var version = '2.0.35';
 
 function install(Vue) {
   var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];

package/es/style/var.less

@@ -1057,8 +1057,8 @@
 @backtop-svg-size: 24px;
 @backtop-bottom: 12px;
 @backtop-right: 12px;
-@backtop-background-color: rgba(255,255,255,0.60);
-@backtop-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20);
+@backtop-background-color: linear-gradient(136deg, #058CE6 6%, #00C3FF 96%);
+@backtop-box-shadow: 0 4px 12px 0 rgba(5,140,230,0.40);
 
 // Table
 @table-border-radius: @border-radius-lg;

package/lib/back-top/index.css

@@ -1 +1 @@
-.zt2-back-top{position:fixed;bottom:12px;right:12px;width:48px;height:48px;background:rgba(255,255,255,.6);border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-filter:blur(2);filter:blur(2);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-back-top svg{width:24px}.zt2-back-top.half-border::before{border-radius:50%}
+.zt2-back-top{position:fixed;bottom:12px;right:12px;width:48px;height:48px;background:-webkit-linear-gradient(314deg,#058ce6 6%,#00c3ff 96%);background:linear-gradient(136deg,#058ce6 6%,#00c3ff 96%);border:2px solid #c3ebff;border-radius:50%;box-shadow:0 4px 12px 0 rgba(5,140,230,.4);-webkit-filter:blur(2);filter:blur(2);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-back-top.half-border::before{border-radius:50%}

package/lib/back-top/index.js

@@ -72,25 +72,35 @@ var _default2 = createComponent({
     this.clientWidth = document.documentElement.clientWidth;
     this.clientHeight = document.documentElement.clientHeight;
     this.recordHeight();
+    var $target = this.target();
+
+    if ($target) {
+      $target.removeEventListener("scroll", this.scrollListener);
+      $target.addEventListener("scroll", this.scrollListener);
+    }
   },
   activated: function activated() {
-    var _this = this;
-
     this.recordHeight();
-    this.target().addEventListener("scroll", function (e) {
-      var scrollTop = (0, _getScroll.default)(_this.target(), true);
+    var $target = this.target();
 
-      if (scrollTop >= _this.visibilityHeight) {
-        _this.showButton = true;
-      } else {
-        _this.showButton = false;
-      }
-    });
+    if ($target) {
+      $target.removeEventListener("scroll", this.scrollListener);
+      $target.addEventListener("scroll", this.scrollListener);
+    }
   },
   deactivated: function deactivated() {
     this.setHeight(true);
   },
   methods: {
+    scrollListener: function scrollListener() {
+      var scrollTop = (0, _getScroll.default)(this.target(), true);
+
+      if (scrollTop >= this.visibilityHeight) {
+        this.showButton = true;
+      } else {
+        this.showButton = false;
+      }
+    },
     // 实现移动端拖拽
     down: function down(event) {
       this.blurStyle = '';
@@ -144,11 +154,11 @@ var _default2 = createComponent({
       }
     },
     end: function end() {
-      var _this2 = this;
+      var _this = this;
 
       this.flags = false;
       setTimeout(function () {
-        _this2.blurStyle = 'opacity:0.3;';
+        _this.blurStyle = 'opacity:0.3;';
       }, 3000);
     },
     backTop: function backTop(event) {
@@ -197,21 +207,11 @@ var _default2 = createComponent({
         "click": this.backTop
       },
       "style": this.blurStyle
-    }, [h("svg", {
-      "attrs": {
-        "xmlns": "http://www.w3.org/2000/svg",
-        "viewBox": "0 0 24 24"
-      },
-      "class": "design-iconfont"
-    }, [h("path", {
+    }, [h("img", {
       "attrs": {
-        "d": "M12.1252846,2.04229201 C12.406091,2.04229201 12.6420247,2.13629271 12.8336091,2.33000304 L19.8037393,9.30040177 C19.9946618,9.49119157 20.0911844,9.72632732 20.0911844,10.0084605 C20.0911844,10.2933839 19.9962543,10.5313075 19.8073245,10.7193094 C19.6187919,10.9074438 19.380604,11.0042329 19.0954147,11.0042329 C18.8150057,11.0042329 18.5792064,10.9073111 18.3876192,10.7165218 L13.1213094,5.44172565 L13.1213094,20.9619488 C13.1213094,21.2358534 13.0239894,21.4708551 12.8286865,21.6645639 C12.6344447,21.8609299 12.3997075,21.9577185 12.1247421,21.9577185 C11.8499083,21.9577185 11.6155699,21.8607967 11.4205318,21.6645639 C11.2260244,21.4708533 11.1284379,21.2357191 11.1284379,20.9619488 L11.1284379,5.44172565 L5.86185954,10.7166561 C5.67040588,10.907313 5.43473893,11.0042355 5.15380086,11.0042355 C4.86861156,11.0042355 4.63121968,10.9073138 4.44215696,10.7193121 C4.2526949,10.5313105 4.15882607,10.2933866 4.15882607,10.0084631 C4.15882607,9.72632732 4.25428743,9.49119399 4.44600536,9.30040446 L11.4160013,2.33000572 C11.6074549,2.13629512 11.8436509,2.04229201 12.1241942,2.04229201 L12.1252564,2.04229201 L12.1252846,2.04229201 Z",
-        "fill": "#000",
-        "fill-rule": "nonzero",
-        "stroke": "#000",
-        "stroke-width": ".5"
+        "src": require("./images/top.png")
       }
-    })])]);
+    })]);
   }
 });
 

package/lib/back-top/index.less

@@ -6,15 +6,13 @@
     width: @backtop-size;
     height: @backtop-size;
     background: @backtop-background-color;
+    border: 2px solid #C3EBFF;
     border-radius: 50%;
     box-shadow: @backtop-box-shadow;
     filter: blur(2);
     display: flex;
     justify-content: center;
     align-items: center;
-    svg {
-        width: @backtop-svg-size;
-    }
 }
 .@{base-prefix}-back-top.half-border::before {
     border-radius: 50%;