zartui 2.0.77 → 2.0.79-beta.1

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.76';
+var version = '2.0.79-beta.1';
 
 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/pull-refresh/index.js

@@ -1,7 +1,7 @@
 // Utils
 import { createNamespace } from '../utils';
 import { preventDefault } from '../utils/dom/event';
-import { getScrollTop, getScroller } from '../utils/dom/scroll'; // Mixins
+import { getScrollTop, getScroller, getTargetDom } from '../utils/dom/scroll'; // Mixins
 
 import { TouchMixin } from '../mixins/touch'; // Components
 
@@ -21,21 +21,25 @@ export default createComponent({
     successText: String,
     pullingText: {
       type: String,
-      default: "下拉即可刷新..."
+      default: '下拉即可刷新...'
     },
     loosingText: {
       type: String,
-      default: "释放即可刷新..."
+      default: '释放即可刷新...'
     },
     loadingText: {
       type: String,
-      default: "加载中..."
+      default: '加载中...'
     },
     pullDistance: [Number, String],
     value: {
       type: Boolean,
       required: true
     },
+    scrollElement: {
+      type: [String, Function, HTMLElement],
+      required: false
+    },
     successDuration: {
       type: [Number, String],
       default: 500
@@ -66,6 +70,17 @@ export default createComponent({
           height: this.headHeight + "px"
         };
       }
+    },
+    scrollEl: function scrollEl() {
+      if (this.scrollElement) {
+        if (this.scrollElement) {
+          return getTargetDom(this.scrollElement);
+        }
+
+        return this.scrollElement();
+      }
+
+      return getScroller(this.$el);
     }
   },
   watch: {
@@ -83,7 +98,6 @@ export default createComponent({
   },
   mounted: function mounted() {
     this.bindTouchEvent(this.$refs.track);
-    this.scrollEl = getScroller(this.$el);
   },
   methods: {
     checkPullStart: function checkPullStart(event) {

package/es/search/index.css

@@ -1 +1 @@
-.zt2-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:8px 16px;min-height:54px;background-color:#f5faff}.zt2-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:rgba(45,75,115,.04);border:1px solid transparent;border-radius:2px;box-shadow:inset 4px 4px 8px 0 rgba(45,75,115,.1);background-clip:padding-box;position:relative}.zt2-search__content::before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;margin:-1px;border-radius:inherit;background:-webkit-linear-gradient(#fff,rgba(255,255,255,.4));background:linear-gradient(#fff,rgba(255,255,255,.4))}.zt2-search__content--round{border-radius:999px}.zt2-search__label{padding:8px 0 8px 12px;color:rgba(0,0,0,.6);font-weight:400;font-size:14px;line-height:20px}.zt2-search .zt2-field__root{background-color:transparent;padding:0}.zt2-search .zt2-field__label{margin-right:0}.zt2-search .zt2-cell__title.zt2-field__label{-webkit-box-flex:unset;-webkit-flex:unset;flex:unset}.zt2-search .zt2-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:8px 12px;background:0 0;line-height:20px;font-size:14px;font-weight:400}.zt2-search .zt2-cell__left-icon{color:#969799}.zt2-search .zt2-field{margin:0}.zt2-search .zt2-field__control{color:#2d4b73}.zt2-search--show-action{padding-right:0}.zt2-search input{caret-color:#0091fa}.zt2-search input::-webkit-search-cancel-button,.zt2-search input::-webkit-search-decoration,.zt2-search input::-webkit-search-results-button,.zt2-search input::-webkit-search-results-decoration{display:none}.zt2-search input::-webkit-input-placeholder{color:rgba(45,75,115,.2)}.zt2-search input::placeholder{color:rgba(45,75,115,.2)}.zt2-search__action{padding:0 16px 0 12px;color:#0091fa;font-size:14px;height:28px;cursor:pointer;-webkit-user-select:none;user-select:none;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-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:8px 16px;min-height:54px;background-color:#f5faff}.zt2-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:rgba(45,75,115,.04);border:1px solid transparent;border-radius:2px;box-shadow:inset 4px 4px 8px 0 rgba(45,75,115,.1);background-clip:padding-box;position:relative}.zt2-search__content::before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;margin:-1px;border-radius:inherit;background:-webkit-linear-gradient(#fff,rgba(255,255,255,.4));background:linear-gradient(#fff,rgba(255,255,255,.4))}.zt2-search__content--round{border-radius:999px}.zt2-search__label{padding:8px 0 8px 12px;color:rgba(0,0,0,.6);font-weight:400;font-size:14px;line-height:20px}.zt2-search .zt2-field__root{background-color:transparent;padding:0}.zt2-search .zt2-field__root .zt2-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:8px 12px;background:0 0;line-height:20px;font-size:14px;font-weight:400}.zt2-search .zt2-field__root .zt2-cell__left-icon{color:#969799}.zt2-search .zt2-field__label{margin-right:0}.zt2-search .zt2-cell__title.zt2-field__label{-webkit-box-flex:unset;-webkit-flex:unset;flex:unset}.zt2-search .zt2-field{margin:0}.zt2-search .zt2-field__control{color:#2d4b73}.zt2-search--show-action{padding-right:0}.zt2-search input{caret-color:#0091fa}.zt2-search input::-webkit-search-cancel-button,.zt2-search input::-webkit-search-decoration,.zt2-search input::-webkit-search-results-button,.zt2-search input::-webkit-search-results-decoration{display:none}.zt2-search input::-webkit-input-placeholder{color:rgba(45,75,115,.2)}.zt2-search input::placeholder{color:rgba(45,75,115,.2)}.zt2-search__action{padding:0 16px 0 12px;color:#0091fa;font-size:14px;height:28px;cursor:pointer;-webkit-user-select:none;user-select:none;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}

package/es/search/index.less

@@ -47,6 +47,18 @@
   .@{base-prefix}-field__root {
     background-color: transparent;
     padding: 0;
+
+    .@{base-prefix}-cell {
+      flex: 1;
+      padding: @search-cell-padding;
+      background: transparent;
+      line-height: @search-input-height;
+      font-size: @font-size-md;
+      font-weight: 400;
+      &__left-icon {
+        color: @search-left-icon-color;
+      }
+    }
   }
 
   .@{base-prefix}-field__label {
@@ -57,18 +69,6 @@
     flex: unset;
   }
 
-  .@{base-prefix}-cell {
-    flex: 1;
-    padding: @search-cell-padding;
-    background: transparent;
-    line-height: @search-input-height;
-    font-size: @font-size-md;
-    font-weight: 400;
-    &__left-icon {
-      color: @search-left-icon-color;
-    }
-  }
-
   .@{base-prefix}-field {
     margin: 0
   }

package/es/utils/dom/scroll.js

@@ -66,4 +66,21 @@ export function getVisibleTop(el) {
   }
 
   return el.getBoundingClientRect().top;
-}
+}
+export var getTargetDom = function getTargetDom(target) {
+  if (target) {
+    if (typeof target === 'string') {
+      return document.querySelectorAll(target)[0];
+    }
+
+    if (typeof target === 'function') {
+      return target();
+    }
+
+    if (typeof target === 'object' && target instanceof window.HTMLElement) {
+      return target;
+    }
+  }
+
+  return document.body;
+};