@varlet/ui 2.5.2 → 2.5.4

package/es/back-top/BackTop.js

@@ -2,9 +2,9 @@ import { defineComponent, ref, onMounted, onBeforeUnmount } from 'vue';
 import VarButton from '../button';
 import VarIcon from '../icon';
 import { props } from './props';
-import { isString, throttle, isObject } from '@varlet/shared';
+import { throttle } from '@varlet/shared';
 import { easeInOutCubic } from '../utils/shared';
-import { getScrollTop, getScrollLeft, scrollTo, getParentScroller, toPxNum, toSizeUnit } from '../utils/elements';
+import { getScrollTop, getScrollLeft, scrollTo, getParentScroller, toPxNum, toSizeUnit, getTarget } from '../utils/elements';
 import { call, createNamespace } from '../utils/components';
 var {
   n,
@@ -78,28 +78,8 @@ export default defineComponent({
     };
 
     var throttleScroll = throttle(scroll, 200);
-
-    var getTarget = () => {
-      var {
-        target
-      } = props;
-
-      if (isString(target)) {
-        var el = document.querySelector(props.target);
-
-        if (!el) {
-          throw Error('[Varlet] BackTop: target element cannot found');
-        }
-
-        return el;
-      }
-
-      if (isObject(target)) return target;
-      throw Error('[Varlet] BackTop: type of prop "target" should be a selector or an element object');
-    };
-
     onMounted(() => {
-      target = props.target ? getTarget() : getParentScroller(backTopEl.value);
+      target = props.target ? getTarget(props.target, 'BackTop') : getParentScroller(backTopEl.value);
       target.addEventListener('scroll', throttleScroll);
       disabled.value = false;
     });

package/es/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/es/pull-refresh/PullRefresh.js

@@ -4,7 +4,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 import VarIcon from '../icon';
 import { defineComponent, ref, computed, watch, onMounted } from 'vue';
-import { getParentScroller, getScrollTop } from '../utils/elements';
+import { getParentScroller, getScrollTop, getTarget } from '../utils/elements';
 import { props } from './props';
 import { toNumber } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components';
@@ -165,7 +165,7 @@ export default defineComponent({
       }
     });
     onMounted(() => {
-      scroller = getParentScroller(freshNode.value);
+      scroller = props.target ? getTarget(props.target, 'PullRefresh') : getParentScroller(freshNode.value);
       setPosition();
     });
     return {

package/es/pull-refresh/props.js

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