vant 3.3.5 → 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.d.ts

@@ -37,7 +37,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         default: import("./types").PickerToolbarPosition;
     };
     columnsFieldNames: import("vue").PropType<import("./types").PickerFieldNames>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
     loading?: unknown;
     readonly?: unknown;
@@ -89,3 +89,8 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
 export default Picker;
 export type { PickerProps };
 export type { PickerColumn, PickerOption, PickerInstance, PickerFieldNames, PickerObjectColumn, PickerObjectOption, PickerToolbarPosition, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanPicker: typeof Picker;
+    }
+}

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.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement } from './types';
 declare const popoverProps: {
     show: BooleanConstructor;
@@ -96,7 +96,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     show?: unknown;
     theme?: unknown;
     overlay?: unknown;