@varlet/ui 2.5.2 → 2.5.4

package/highlight/attributes.json

@@ -1283,6 +1283,10 @@
     "type": "boolean",
     "description": "是否禁用下拉刷新 默认值：false"
   },
+  "var-pull-refresh/target": {
+    "type": "string | HTMLElement",
+    "description": "触发滚动的对象，如果为 undefined 会监听距离最近的一个可滚动的祖先节点 默认值：-"
+  },
   "var-pull-refresh/animation-duration": {
     "type": "string | number",
     "description": "加载结束后回到初始位置的动画时长（ms） 默认值：300"

package/highlight/tags.json

@@ -490,6 +490,7 @@
     "attributes": [
       "v-model",
       "disabled",
+      "target",
       "animation-duration",
       "success-duration",
       "bg-color",

package/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -3836,6 +3836,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "target",
+              "description": "触发滚动的对象，如果为 undefined 会监听距离最近的一个可滚动的祖先节点",
+              "default": "-",
+              "value": {
+                "type": "string | HTMLElement",
+                "kind": "expression"
+              }
+            },
             {
               "name": "animation-duration",
               "description": "加载结束后回到初始位置的动画时长（ms）",

package/lib/back-top/BackTop.js

@@ -95,28 +95,8 @@ var _default = (0, _vue.defineComponent)({
     };
 
     var throttleScroll = (0, _shared.throttle)(scroll, 200);
-
-    var getTarget = () => {
-      var {
-        target
-      } = props;
-
-      if ((0, _shared.isString)(target)) {
-        var el = document.querySelector(props.target);
-
-        if (!el) {
-          throw Error('[Varlet] BackTop: target element cannot found');
-        }
-
-        return el;
-      }
-
-      if ((0, _shared.isObject)(target)) return target;
-      throw Error('[Varlet] BackTop: type of prop "target" should be a selector or an element object');
-    };
-
     (0, _vue.onMounted)(() => {
-      target = props.target ? getTarget() : (0, _elements.getParentScroller)(backTopEl.value);
+      target = props.target ? (0, _elements.getTarget)(props.target, 'BackTop') : (0, _elements.getParentScroller)(backTopEl.value);
       target.addEventListener('scroll', throttleScroll);
       disabled.value = false;
     });

package/lib/menu/menu.css

@@ -1 +1 @@
-:root { --menu-background-color: #fff;}.var-menu-enter-from,.var-menu-leave-to { opacity: 0;}.var-menu-enter-active,.var-menu-leave-active { transition-property: opacity; transition-duration: 0.25s;}.var-menu { display: inline-block;}.var-menu__menu { overflow: auto;}.var-menu--menu-background-color { background: var(--menu-background-color); transition: opacity 0.25s, background-color 0.25s;}
+:root { --menu-background-color: #fff;}.var-menu-enter-from,.var-menu-leave-to { opacity: 0;}.var-menu-enter-active,.var-menu-leave-active { transition-property: opacity; transition-duration: 0.25s;}.var-menu { display: inline-block;}.var-menu--menu-background-color { background: var(--menu-background-color); transition: opacity 0.25s, background-color 0.25s;}

package/lib/pull-refresh/PullRefresh.js

@@ -180,7 +180,7 @@ var _default = (0, _vue.defineComponent)({
       }
     });
     (0, _vue.onMounted)(() => {
-      scroller = (0, _elements.getParentScroller)(freshNode.value);
+      scroller = props.target ? (0, _elements.getTarget)(props.target, 'PullRefresh') : (0, _elements.getParentScroller)(freshNode.value);
       setPosition();
     });
     return {

package/lib/pull-refresh/props.js

@@ -40,6 +40,9 @@ var props = {
   successColor: {
     type: String
   },
+  target: {
+    type: [String, Object]
+  },
   onRefresh: (0, _components.defineListenerProp)(),
   'onUpdate:modelValue': (0, _components.defineListenerProp)()
 };