vant 3.4.0 → 3.4.1

package/es/picker/PickerColumn.js

@@ -1,34 +1,24 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, reactive, defineComponent } from 'vue'; // Utils
-
-import { deepClone } from '../utils/deep-clone';
-import { clamp, isObject, unknownProp, numericProp, makeArrayProp, makeNumberProp, preventDefault, createNamespace, makeRequiredProp } from '../utils'; // Composables
-
-import { useParent } from '@vant/use';
-import { useTouch } from '../composables/use-touch';
-import { useExpose } from '../composables/use-expose'; // Types
-
-var DEFAULT_DURATION = 200; // 惯性滑动思路:
-// 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_LIMIT_TIME` 且 move
-// 距离大于 `MOMENTUM_LIMIT_DISTANCE` 时，执行惯性滑动
-
-var MOMENTUM_LIMIT_TIME = 300;
-var MOMENTUM_LIMIT_DISTANCE = 15;
-var [name, bem] = createNamespace('picker-column');
-
+import { ref, watch, reactive, defineComponent } from "vue";
+import { deepClone } from "../utils/deep-clone";
+import { clamp, isObject, unknownProp, numericProp, makeArrayProp, makeNumberProp, preventDefault, createNamespace, makeRequiredProp } from "../utils";
+import { useParent } from "@vant/use";
+import { useTouch } from "../composables/use-touch";
+import { useExpose } from "../composables/use-expose";
+const DEFAULT_DURATION = 200;
+const MOMENTUM_LIMIT_TIME = 300;
+const MOMENTUM_LIMIT_DISTANCE = 15;
+const [name, bem] = createNamespace("picker-column");
 function getElementTranslateY(element) {
-  var {
+  const {
     transform
   } = window.getComputedStyle(element);
-  var translateY = transform.slice(7, transform.length - 1).split(', ')[5];
+  const translateY = transform.slice(7, transform.length - 1).split(", ")[5];
   return Number(translateY);
 }
-
-export var PICKER_KEY = Symbol(name);
-
-var isOptionDisabled = option => isObject(option) && option.disabled;
-
-export default defineComponent({
+const PICKER_KEY = Symbol(name);
+const isOptionDisabled = (option) => isObject(option) && option.disabled;
+var stdin_default = defineComponent({
   name,
   props: {
     textKey: makeRequiredProp(String),
@@ -41,217 +31,177 @@ export default defineComponent({
     initialOptions: makeArrayProp(),
     visibleItemCount: makeRequiredProp(numericProp)
   },
-  emits: ['change'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var moving;
-    var startOffset;
-    var touchStartTime;
-    var momentumOffset;
-    var transitionEndTrigger;
-    var wrapper = ref();
-    var state = reactive({
+  emits: ["change"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    let moving;
+    let startOffset;
+    let touchStartTime;
+    let momentumOffset;
+    let transitionEndTrigger;
+    const wrapper = ref();
+    const state = reactive({
       index: props.defaultIndex,
       offset: 0,
       duration: 0,
       options: deepClone(props.initialOptions)
     });
-    var touch = useTouch();
-
-    var count = () => state.options.length;
-
-    var baseOffset = () => props.itemHeight * (+props.visibleItemCount - 1) / 2;
-
-    var adjustIndex = index => {
+    const touch = useTouch();
+    const count = () => state.options.length;
+    const baseOffset = () => props.itemHeight * (+props.visibleItemCount - 1) / 2;
+    const adjustIndex = (index) => {
       index = clamp(index, 0, count());
-
-      for (var i = index; i < count(); i++) {
-        if (!isOptionDisabled(state.options[i])) return i;
+      for (let i = index; i < count(); i++) {
+        if (!isOptionDisabled(state.options[i]))
+          return i;
       }
-
-      for (var _i = index - 1; _i >= 0; _i--) {
-        if (!isOptionDisabled(state.options[_i])) return _i;
+      for (let i = index - 1; i >= 0; i--) {
+        if (!isOptionDisabled(state.options[i]))
+          return i;
       }
     };
-
-    var setIndex = (index, emitChange) => {
+    const setIndex = (index, emitChange) => {
       index = adjustIndex(index) || 0;
-      var offset = -index * props.itemHeight;
-
-      var trigger = () => {
+      const offset = -index * props.itemHeight;
+      const trigger = () => {
         if (index !== state.index) {
           state.index = index;
-
           if (emitChange) {
-            emit('change', index);
+            emit("change", index);
           }
         }
-      }; // trigger the change event after transitionend when moving
-
-
+      };
       if (moving && offset !== state.offset) {
         transitionEndTrigger = trigger;
       } else {
         trigger();
       }
-
       state.offset = offset;
     };
-
-    var setOptions = options => {
+    const setOptions = (options) => {
       if (JSON.stringify(options) !== JSON.stringify(state.options)) {
         state.options = deepClone(options);
         setIndex(props.defaultIndex);
       }
     };
-
-    var onClickItem = index => {
+    const onClickItem = (index) => {
       if (moving || props.readonly) {
         return;
       }
-
       transitionEndTrigger = null;
       state.duration = DEFAULT_DURATION;
       setIndex(index, true);
     };
-
-    var getOptionText = option => {
+    const getOptionText = (option) => {
       if (isObject(option) && props.textKey in option) {
         return option[props.textKey];
       }
-
       return option;
     };
-
-    var getIndexByOffset = offset => clamp(Math.round(-offset / props.itemHeight), 0, count() - 1);
-
-    var momentum = (distance, duration) => {
-      var speed = Math.abs(distance / duration);
-      distance = state.offset + speed / 0.003 * (distance < 0 ? -1 : 1);
-      var index = getIndexByOffset(distance);
+    const getIndexByOffset = (offset) => clamp(Math.round(-offset / props.itemHeight), 0, count() - 1);
+    const momentum = (distance, duration) => {
+      const speed = Math.abs(distance / duration);
+      distance = state.offset + speed / 3e-3 * (distance < 0 ? -1 : 1);
+      const index = getIndexByOffset(distance);
       state.duration = +props.swipeDuration;
       setIndex(index, true);
     };
-
-    var stopMomentum = () => {
+    const stopMomentum = () => {
       moving = false;
       state.duration = 0;
-
       if (transitionEndTrigger) {
         transitionEndTrigger();
         transitionEndTrigger = null;
       }
     };
-
-    var onTouchStart = event => {
+    const onTouchStart = (event) => {
       if (props.readonly) {
         return;
       }
-
       touch.start(event);
-
       if (moving) {
-        var translateY = getElementTranslateY(wrapper.value);
+        const translateY = getElementTranslateY(wrapper.value);
         state.offset = Math.min(0, translateY - baseOffset());
         startOffset = state.offset;
       } else {
         startOffset = state.offset;
       }
-
       state.duration = 0;
       touchStartTime = Date.now();
       momentumOffset = startOffset;
       transitionEndTrigger = null;
     };
-
-    var onTouchMove = event => {
+    const onTouchMove = (event) => {
       if (props.readonly) {
         return;
       }
-
       touch.move(event);
-
       if (touch.isVertical()) {
         moving = true;
         preventDefault(event, true);
       }
-
       state.offset = clamp(startOffset + touch.deltaY.value, -(count() * props.itemHeight), props.itemHeight);
-      var now = Date.now();
-
+      const now = Date.now();
       if (now - touchStartTime > MOMENTUM_LIMIT_TIME) {
         touchStartTime = now;
         momentumOffset = state.offset;
       }
     };
-
-    var onTouchEnd = () => {
+    const onTouchEnd = () => {
       if (props.readonly) {
         return;
       }
-
-      var distance = state.offset - momentumOffset;
-      var duration = Date.now() - touchStartTime;
-      var allowMomentum = duration < MOMENTUM_LIMIT_TIME && Math.abs(distance) > MOMENTUM_LIMIT_DISTANCE;
-
+      const distance = state.offset - momentumOffset;
+      const duration = Date.now() - touchStartTime;
+      const allowMomentum = duration < MOMENTUM_LIMIT_TIME && Math.abs(distance) > MOMENTUM_LIMIT_DISTANCE;
       if (allowMomentum) {
         momentum(distance, duration);
         return;
       }
-
-      var index = getIndexByOffset(state.offset);
+      const index = getIndexByOffset(state.offset);
       state.duration = DEFAULT_DURATION;
-      setIndex(index, true); // compatible with desktop scenario
-      // use setTimeout to skip the click event Emitted after touchstart
-
+      setIndex(index, true);
       setTimeout(() => {
         moving = false;
       }, 0);
     };
-
-    var renderOptions = () => {
-      var optionStyle = {
-        height: props.itemHeight + "px"
+    const renderOptions = () => {
+      const optionStyle = {
+        height: `${props.itemHeight}px`
       };
       return state.options.map((option, index) => {
-        var text = getOptionText(option);
-        var disabled = isOptionDisabled(option);
-        var data = {
-          role: 'button',
+        const text = getOptionText(option);
+        const disabled = isOptionDisabled(option);
+        const data = {
+          role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: bem('item', {
+          class: bem("item", {
             disabled,
             selected: index === state.index
           }),
           onClick: () => onClickItem(index)
         };
-        var childData = {
-          class: 'van-ellipsis',
-          [props.allowHtml ? 'innerHTML' : 'textContent']: text
+        const childData = {
+          class: "van-ellipsis",
+          [props.allowHtml ? "innerHTML" : "textContent"]: text
         };
         return _createVNode("li", data, [slots.option ? slots.option(option) : _createVNode("div", childData, null)]);
       });
     };
-
-    var setValue = value => {
-      var {
+    const setValue = (value) => {
+      const {
         options
       } = state;
-
-      for (var i = 0; i < options.length; i++) {
+      for (let i = 0; i < options.length; i++) {
         if (getOptionText(options[i]) === value) {
           return setIndex(i);
         }
       }
     };
-
-    var getValue = () => state.options[state.index];
-
+    const getValue = () => state.options[state.index];
     setIndex(state.index);
     useParent(PICKER_KEY);
     useExpose({
@@ -263,7 +213,7 @@ export default defineComponent({
       stopMomentum
     });
     watch(() => props.initialOptions, setOptions);
-    watch(() => props.defaultIndex, value => setIndex(value));
+    watch(() => props.defaultIndex, (value) => setIndex(value));
     return () => _createVNode("div", {
       "class": [bem(), props.className],
       "onTouchstart": onTouchStart,
@@ -273,13 +223,16 @@ export default defineComponent({
     }, [_createVNode("ul", {
       "ref": wrapper,
       "style": {
-        transform: "translate3d(0, " + (state.offset + baseOffset()) + "px, 0)",
-        transitionDuration: state.duration + "ms",
-        transitionProperty: state.duration ? 'all' : 'none'
+        transform: `translate3d(0, ${state.offset + baseOffset()}px, 0)`,
+        transitionDuration: `${state.duration}ms`,
+        transitionProperty: state.duration ? "all" : "none"
       },
-      "class": bem('wrapper'),
+      "class": bem("wrapper"),
       "onTransitionend": stopMomentum
     }, [renderOptions()])]);
   }
-
-});
+});
+export {
+  PICKER_KEY,
+  stdin_default as default
+};

package/es/picker/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _Picker from './Picker';
-export var Picker = withInstall(_Picker);
-export default Picker;
+import { withInstall } from "../utils";
+import _Picker from "./Picker";
+const Picker = withInstall(_Picker);
+var stdin_default = Picker;
+export {
+  Picker,
+  stdin_default as default
+};

package/es/picker/style/index.js

@@ -1,3 +1,3 @@
-import '../../style/base.css';
-import '../../loading/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../loading/index.css";
+import "../index.css";

package/es/picker/style/less.js

@@ -1,3 +1,3 @@
-import '../../style/base.less';
-import '../../loading/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../loading/index.less";
+import "../index.less";

package/es/picker/types.d.ts

@@ -33,4 +33,17 @@ export declare type PickerExpose = {
     getColumnValues: <T = PickerOption>(index: number) => T[];
     setColumnValues: (index: number, options: PickerOption[]) => void;
 };
+export declare type PickerColumnProvide = {
+    state: {
+        index: number;
+        offset: number;
+        duration: number;
+        options: PickerOption[];
+    };
+    setIndex: (index: number, emitChange?: boolean | undefined) => void;
+    getValue: () => PickerOption;
+    setValue: (value: string) => void;
+    setOptions: (options: PickerOption[]) => void;
+    stopMomentum: () => void;
+};
 export declare type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;

package/es/picker/types.js

@@ -1 +0,0 @@
-export {};

package/es/popover/Popover.js

@@ -1,25 +1,21 @@
 import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
-import { ref, watch, nextTick, onMounted, onBeforeUnmount, defineComponent } from 'vue';
-import { createPopper, offsetModifier } from '@vant/popperjs'; // Utils
-
-import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from '../utils'; // Composables
-
-import { useClickAway } from '@vant/use'; // Components
-
-import { Icon } from '../icon';
-import { Popup } from '../popup'; // Types
-
-var [name, bem] = createNamespace('popover');
-var popupProps = ['show', 'overlay', 'duration', 'teleport', 'overlayStyle', 'overlayClass', 'closeOnClickOverlay'];
-var popoverProps = {
+import { ref, watch, nextTick, onMounted, onBeforeUnmount, defineComponent } from "vue";
+import { createPopper, offsetModifier } from "@vant/popperjs";
+import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils";
+import { useClickAway } from "@vant/use";
+import { Icon } from "../icon";
+import { Popup } from "../popup";
+const [name, bem] = createNamespace("popover");
+const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const popoverProps = {
   show: Boolean,
-  theme: makeStringProp('light'),
+  theme: makeStringProp("light"),
   overlay: Boolean,
   actions: makeArrayProp(),
-  trigger: makeStringProp('click'),
+  trigger: makeStringProp("click"),
   duration: numericProp,
   showArrow: truthProp,
-  placement: makeStringProp('bottom'),
+  placement: makeStringProp("bottom"),
   iconPrefix: String,
   overlayClass: unknownProp,
   overlayStyle: Object,
@@ -32,30 +28,27 @@ var popoverProps = {
   },
   teleport: {
     type: [String, Object],
-    default: 'body'
+    default: "body"
   }
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: popoverProps,
-  emits: ['select', 'touchstart', 'update:show'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots,
-      attrs
-    } = _ref;
-    var popper;
-    var wrapperRef = ref();
-    var popoverRef = ref();
-
-    var createPopperInstance = () => {
+  emits: ["select", "touchstart", "update:show"],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    let popper;
+    const wrapperRef = ref();
+    const popoverRef = ref();
+    const createPopperInstance = () => {
       if (wrapperRef.value && popoverRef.value) {
         return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, {
           placement: props.placement,
           modifiers: [{
-            name: 'computeStyles',
+            name: "computeStyles",
             options: {
               adaptive: false,
               gpuAcceleration: false
@@ -67,16 +60,13 @@ export default defineComponent({
           })]
         });
       }
-
       return null;
     };
-
-    var updateLocation = () => {
+    const updateLocation = () => {
       nextTick(() => {
         if (!props.show) {
           return;
         }
-
         if (!popper) {
           popper = createPopperInstance();
         } else {
@@ -86,57 +76,47 @@ export default defineComponent({
         }
       });
     };
-
-    var updateShow = value => emit('update:show', value);
-
-    var onClickWrapper = () => {
-      if (props.trigger === 'click') {
+    const updateShow = (value) => emit("update:show", value);
+    const onClickWrapper = () => {
+      if (props.trigger === "click") {
         updateShow(!props.show);
       }
     };
-
-    var onTouchstart = event => {
+    const onTouchstart = (event) => {
       event.stopPropagation();
-      emit('touchstart', event);
+      emit("touchstart", event);
     };
-
-    var onClickAction = (action, index) => {
+    const onClickAction = (action, index) => {
       if (action.disabled) {
         return;
       }
-
-      emit('select', action, index);
-
+      emit("select", action, index);
       if (props.closeOnClickAction) {
         updateShow(false);
       }
     };
-
-    var onClickAway = () => {
+    const onClickAway = () => {
       if (props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
         updateShow(false);
       }
     };
-
-    var renderActionContent = (action, index) => {
+    const renderActionContent = (action, index) => {
       if (slots.action) {
         return slots.action({
           action,
           index
         });
       }
-
       return [action.icon && _createVNode(Icon, {
         "name": action.icon,
         "classPrefix": props.iconPrefix,
-        "class": bem('action-icon')
+        "class": bem("action-icon")
       }, null), _createVNode("div", {
-        "class": [bem('action-text'), BORDER_BOTTOM]
+        "class": [bem("action-text"), BORDER_BOTTOM]
       }, [action.text])];
     };
-
-    var renderAction = (action, index) => {
-      var {
+    const renderAction = (action, index) => {
+      const {
         icon,
         color,
         disabled,
@@ -144,19 +124,18 @@ export default defineComponent({
       } = action;
       return _createVNode("div", {
         "role": "menuitem",
-        "class": [bem('action', {
+        "class": [bem("action", {
           disabled,
-          'with-icon': icon
+          "with-icon": icon
         }), className],
         "style": {
           color
         },
-        "tabindex": disabled ? undefined : 0,
-        "aria-disabled": disabled || undefined,
+        "tabindex": disabled ? void 0 : 0,
+        "aria-disabled": disabled || void 0,
         "onClick": () => onClickAction(action, index)
       }, [renderActionContent(action, index)]);
     };
-
     onMounted(updateLocation);
     onBeforeUnmount(() => {
       if (popper) {
@@ -166,28 +145,33 @@ export default defineComponent({
     });
     watch(() => [props.show, props.placement], updateLocation);
     useClickAway(wrapperRef, onClickAway, {
-      eventName: 'touchstart'
+      eventName: "touchstart"
     });
-    return () => _createVNode(_Fragment, null, [_createVNode("span", {
-      "ref": wrapperRef,
-      "class": bem('wrapper'),
-      "onClick": onClickWrapper
-    }, [slots.reference == null ? void 0 : slots.reference()]), _createVNode(Popup, _mergeProps({
-      "ref": popoverRef,
-      "class": bem([props.theme]),
-      "position": '',
-      "transition": "van-popover-zoom",
-      "lockScroll": false,
-      "onTouchstart": onTouchstart,
-      "onUpdate:show": updateShow
-    }, attrs, pick(props, popupProps)), {
-      default: () => [props.showArrow && _createVNode("div", {
-        "class": bem('arrow')
-      }, null), _createVNode("div", {
-        "role": "menu",
-        "class": bem('content')
-      }, [slots.default ? slots.default() : props.actions.map(renderAction)])]
-    })]);
+    return () => {
+      var _a;
+      return _createVNode(_Fragment, null, [_createVNode("span", {
+        "ref": wrapperRef,
+        "class": bem("wrapper"),
+        "onClick": onClickWrapper
+      }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), _createVNode(Popup, _mergeProps({
+        "ref": popoverRef,
+        "class": bem([props.theme]),
+        "position": "",
+        "transition": "van-popover-zoom",
+        "lockScroll": false,
+        "onTouchstart": onTouchstart,
+        "onUpdate:show": updateShow
+      }, attrs, pick(props, popupProps)), {
+        default: () => [props.showArrow && _createVNode("div", {
+          "class": bem("arrow")
+        }, null), _createVNode("div", {
+          "role": "menu",
+          "class": bem("content")
+        }, [slots.default ? slots.default() : props.actions.map(renderAction)])]
+      })]);
+    };
   }
-
-});
+});
+export {
+  stdin_default as default
+};