vant 3.4.0 → 3.4.4

package/lib/picker/Picker.js

@@ -1,333 +1,278 @@
-"use strict";
-
-exports.__esModule = true;
-exports.pickerSharedProps = exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _use = require("@vant/use");
-
-var _useExpose = require("../composables/use-expose");
-
-var _loading = require("../loading");
-
-var _PickerColumn = _interopRequireWildcard(require("./PickerColumn"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// Utils
-// Composables
-// Components
-var [name, bem, t] = (0, _utils.createNamespace)('picker');
-var pickerSharedProps = {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default,
+  pickerSharedProps: () => pickerSharedProps
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
+var import_loading = __toModule(require("../loading"));
+var import_PickerColumn = __toModule(require("./PickerColumn"));
+const [name, bem, t] = (0, import_utils.createNamespace)("picker");
+const pickerSharedProps = {
   title: String,
   loading: Boolean,
   readonly: Boolean,
   allowHtml: Boolean,
-  itemHeight: (0, _utils.makeNumericProp)(44),
-  showToolbar: _utils.truthProp,
-  swipeDuration: (0, _utils.makeNumericProp)(1000),
-  visibleItemCount: (0, _utils.makeNumericProp)(6),
+  itemHeight: (0, import_utils.makeNumericProp)(44),
+  showToolbar: import_utils.truthProp,
+  swipeDuration: (0, import_utils.makeNumericProp)(1e3),
+  visibleItemCount: (0, import_utils.makeNumericProp)(6),
   cancelButtonText: String,
   confirmButtonText: String
 };
-exports.pickerSharedProps = pickerSharedProps;
-var pickerProps = (0, _utils.extend)({}, pickerSharedProps, {
-  columns: (0, _utils.makeArrayProp)(),
-  // @deprecated
-  // should be removed in next major version
+const pickerProps = (0, import_utils.extend)({}, pickerSharedProps, {
+  columns: (0, import_utils.makeArrayProp)(),
   valueKey: String,
-  defaultIndex: (0, _utils.makeNumericProp)(0),
-  toolbarPosition: (0, _utils.makeStringProp)('top'),
+  defaultIndex: (0, import_utils.makeNumericProp)(0),
+  toolbarPosition: (0, import_utils.makeStringProp)("top"),
   columnsFieldNames: Object
 });
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: pickerProps,
-  emits: ['confirm', 'cancel', 'change'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-
-    if (process.env.NODE_ENV !== 'production') {
+  emits: ["confirm", "cancel", "change"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    if (process.env.NODE_ENV !== "production") {
       if (slots.default) {
         console.warn('[Vant] Picker: "default" slot is deprecated, please use "toolbar" slot instead.');
       }
-
       if (props.valueKey) {
         console.warn('[Vant] Picker: "valueKey" prop is deprecated, please use "columnsFieldNames" prop instead.');
       }
     }
-
-    var formattedColumns = (0, _vue.ref)([]);
-    var {
+    const hasOptions = (0, import_vue2.ref)(false);
+    const formattedColumns = (0, import_vue2.ref)([]);
+    const {
       text: textKey,
       values: valuesKey,
       children: childrenKey
-    } = (0, _utils.extend)({
-      // compatible with valueKey prop
-      text: props.valueKey || 'text',
-      values: 'values',
-      children: 'children'
+    } = (0, import_utils.extend)({
+      text: props.valueKey || "text",
+      values: "values",
+      children: "children"
     }, props.columnsFieldNames);
-    var {
+    const {
       children,
       linkChildren
-    } = (0, _use.useChildren)(_PickerColumn.PICKER_KEY);
+    } = (0, import_use.useChildren)(import_PickerColumn.PICKER_KEY);
     linkChildren();
-    var itemHeight = (0, _vue.computed)(() => (0, _utils.unitToPx)(props.itemHeight));
-    var dataType = (0, _vue.computed)(() => {
-      var firstColumn = props.columns[0];
-
-      if (typeof firstColumn === 'object') {
+    const itemHeight = (0, import_vue2.computed)(() => (0, import_utils.unitToPx)(props.itemHeight));
+    const dataType = (0, import_vue2.computed)(() => {
+      const firstColumn = props.columns[0];
+      if (typeof firstColumn === "object") {
         if (childrenKey in firstColumn) {
-          return 'cascade';
+          return "cascade";
         }
-
         if (valuesKey in firstColumn) {
-          return 'object';
+          return "object";
         }
       }
-
-      return 'plain';
+      return "plain";
     });
-
-    var formatCascade = () => {
-      var formatted = [];
-      var cursor = {
+    const formatCascade = () => {
+      var _a;
+      const formatted = [];
+      let cursor = {
         [childrenKey]: props.columns
       };
-
       while (cursor && cursor[childrenKey]) {
-        var _cursor$defaultIndex;
-
-        var _children = cursor[childrenKey];
-        var defaultIndex = (_cursor$defaultIndex = cursor.defaultIndex) != null ? _cursor$defaultIndex : +props.defaultIndex;
-
-        while (_children[defaultIndex] && _children[defaultIndex].disabled) {
-          if (defaultIndex < _children.length - 1) {
+        const children2 = cursor[childrenKey];
+        let defaultIndex = (_a = cursor.defaultIndex) != null ? _a : +props.defaultIndex;
+        while (children2[defaultIndex] && children2[defaultIndex].disabled) {
+          if (defaultIndex < children2.length - 1) {
             defaultIndex++;
           } else {
             defaultIndex = 0;
             break;
           }
         }
-
         formatted.push({
           [valuesKey]: cursor[childrenKey],
           className: cursor.className,
           defaultIndex
         });
-        cursor = _children[defaultIndex];
+        cursor = children2[defaultIndex];
       }
-
       formattedColumns.value = formatted;
     };
-
-    var format = () => {
-      var {
+    const format = () => {
+      const {
         columns
       } = props;
-
-      if (dataType.value === 'plain') {
+      if (dataType.value === "plain") {
         formattedColumns.value = [{
           [valuesKey]: columns
         }];
-      } else if (dataType.value === 'cascade') {
+      } else if (dataType.value === "cascade") {
         formatCascade();
       } else {
         formattedColumns.value = columns;
       }
-    }; // get indexes of all columns
-
-
-    var getIndexes = () => children.map(child => child.state.index); // set options of column by index
-
-
-    var setColumnValues = (index, options) => {
-      var column = children[index];
-
+      hasOptions.value = formattedColumns.value.some((item) => item[valuesKey] && item[valuesKey].length !== 0);
+    };
+    const getIndexes = () => children.map((child) => child.state.index);
+    const setColumnValues = (index, options) => {
+      const column = children[index];
       if (column) {
         column.setOptions(options);
+        hasOptions.value = true;
       }
     };
-
-    var onCascadeChange = columnIndex => {
-      var cursor = {
+    const onCascadeChange = (columnIndex) => {
+      let cursor = {
         [childrenKey]: props.columns
       };
-      var indexes = getIndexes();
-
-      for (var i = 0; i <= columnIndex; i++) {
+      const indexes = getIndexes();
+      for (let i = 0; i <= columnIndex; i++) {
         cursor = cursor[childrenKey][indexes[i]];
       }
-
       while (cursor && cursor[childrenKey]) {
         columnIndex++;
         setColumnValues(columnIndex, cursor[childrenKey]);
         cursor = cursor[childrenKey][cursor.defaultIndex || 0];
       }
-    }; // get column instance by index
-
-
-    var getChild = index => children[index]; // get column value by index
-
-
-    var getColumnValue = index => {
-      var column = getChild(index);
-
+    };
+    const getChild = (index) => children[index];
+    const getColumnValue = (index) => {
+      const column = getChild(index);
       if (column) {
         return column.getValue();
       }
-    }; // set column value by index
-
-
-    var setColumnValue = (index, value) => {
-      var column = getChild(index);
-
+    };
+    const setColumnValue = (index, value) => {
+      const column = getChild(index);
       if (column) {
         column.setValue(value);
-
-        if (dataType.value === 'cascade') {
+        if (dataType.value === "cascade") {
           onCascadeChange(index);
         }
       }
-    }; // get column option index by column index
-
-
-    var getColumnIndex = index => {
-      var column = getChild(index);
-
+    };
+    const getColumnIndex = (index) => {
+      const column = getChild(index);
       if (column) {
         return column.state.index;
       }
-    }; // set column option index by column index
-
-
-    var setColumnIndex = (columnIndex, optionIndex) => {
-      var column = getChild(columnIndex);
-
+    };
+    const setColumnIndex = (columnIndex, optionIndex) => {
+      const column = getChild(columnIndex);
       if (column) {
         column.setIndex(optionIndex);
-
-        if (dataType.value === 'cascade') {
+        if (dataType.value === "cascade") {
           onCascadeChange(columnIndex);
         }
       }
-    }; // get options of column by index
-
-
-    var getColumnValues = index => {
-      var column = getChild(index);
-
+    };
+    const getColumnValues = (index) => {
+      const column = getChild(index);
       if (column) {
         return column.state.options;
       }
-    }; // get values of all columns
-
-
-    var getValues = () => children.map(child => child.getValue()); // set values of all columns
-
-
-    var setValues = values => {
+    };
+    const getValues = () => children.map((child) => child.getValue());
+    const setValues = (values) => {
       values.forEach((value, index) => {
         setColumnValue(index, value);
       });
-    }; // set indexes of all columns
-
-
-    var setIndexes = indexes => {
+    };
+    const setIndexes = (indexes) => {
       indexes.forEach((optionIndex, columnIndex) => {
         setColumnIndex(columnIndex, optionIndex);
       });
     };
-
-    var emitAction = event => {
-      if (dataType.value === 'plain') {
+    const emitAction = (event) => {
+      if (dataType.value === "plain") {
         emit(event, getColumnValue(0), getColumnIndex(0));
       } else {
         emit(event, getValues(), getIndexes());
       }
     };
-
-    var onChange = columnIndex => {
-      if (dataType.value === 'cascade') {
+    const onChange = (columnIndex) => {
+      if (dataType.value === "cascade") {
         onCascadeChange(columnIndex);
       }
-
-      if (dataType.value === 'plain') {
-        emit('change', getColumnValue(0), getColumnIndex(0));
+      if (dataType.value === "plain") {
+        emit("change", getColumnValue(0), getColumnIndex(0));
       } else {
-        emit('change', getValues(), columnIndex);
+        emit("change", getValues(), columnIndex);
       }
     };
-
-    var confirm = () => {
-      children.forEach(child => child.stopMomentum());
-      emitAction('confirm');
+    const confirm = () => {
+      children.forEach((child) => child.stopMomentum());
+      emitAction("confirm");
     };
-
-    var cancel = () => emitAction('cancel');
-
-    var renderTitle = () => {
+    const cancel = () => emitAction("cancel");
+    const renderTitle = () => {
       if (slots.title) {
         return slots.title();
       }
-
       if (props.title) {
-        return (0, _vue.createVNode)("div", {
-          "class": [bem('title'), 'van-ellipsis']
+        return (0, import_vue.createVNode)("div", {
+          "class": [bem("title"), "van-ellipsis"]
         }, [props.title]);
       }
     };
-
-    var renderCancel = () => {
-      var text = props.cancelButtonText || t('cancel');
-      return (0, _vue.createVNode)("button", {
+    const renderCancel = () => {
+      const text = props.cancelButtonText || t("cancel");
+      return (0, import_vue.createVNode)("button", {
         "type": "button",
-        "class": [bem('cancel'), _utils.HAPTICS_FEEDBACK],
+        "class": [bem("cancel"), import_utils.HAPTICS_FEEDBACK],
         "onClick": cancel
       }, [slots.cancel ? slots.cancel() : text]);
     };
-
-    var renderConfirm = () => {
-      var text = props.confirmButtonText || t('confirm');
-      return (0, _vue.createVNode)("button", {
+    const renderConfirm = () => {
+      const text = props.confirmButtonText || t("confirm");
+      return (0, import_vue.createVNode)("button", {
         "type": "button",
-        "class": [bem('confirm'), _utils.HAPTICS_FEEDBACK],
+        "class": [bem("confirm"), import_utils.HAPTICS_FEEDBACK],
         "onClick": confirm
       }, [slots.confirm ? slots.confirm() : text]);
     };
-
-    var renderToolbar = () => {
+    const renderToolbar = () => {
       if (props.showToolbar) {
-        // default slot is deprecated
-        // should be removed in next major version
-        var slot = slots.toolbar || slots.default;
-        return (0, _vue.createVNode)("div", {
-          "class": bem('toolbar')
+        const slot = slots.toolbar || slots.default;
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("toolbar")
         }, [slot ? slot() : [renderCancel(), renderTitle(), renderConfirm()]]);
       }
     };
-
-    var renderColumnItems = () => formattedColumns.value.map((item, columnIndex) => {
-      var _item$defaultIndex;
-
-      return (0, _vue.createVNode)(_PickerColumn.default, {
+    const renderColumnItems = () => formattedColumns.value.map((item, columnIndex) => {
+      var _a;
+      return (0, import_vue.createVNode)(import_PickerColumn.default, {
         "textKey": textKey,
         "readonly": props.readonly,
         "allowHtml": props.allowHtml,
         "className": item.className,
         "itemHeight": itemHeight.value,
-        "defaultIndex": (_item$defaultIndex = item.defaultIndex) != null ? _item$defaultIndex : +props.defaultIndex,
+        "defaultIndex": (_a = item.defaultIndex) != null ? _a : +props.defaultIndex,
         "swipeDuration": props.swipeDuration,
         "initialOptions": item[valuesKey],
         "visibleItemCount": props.visibleItemCount,
@@ -336,43 +281,38 @@ var _default = (0, _vue.defineComponent)({
         option: slots.option
       });
     });
-
-    var renderMask = wrapHeight => {
-      var hasOptions = formattedColumns.value.some(item => item[valuesKey] && item[valuesKey].length !== 0);
-
-      if (hasOptions) {
-        var frameStyle = {
-          height: itemHeight.value + "px"
+    const renderMask = (wrapHeight) => {
+      if (hasOptions.value) {
+        const frameStyle = {
+          height: `${itemHeight.value}px`
         };
-        var maskStyle = {
-          backgroundSize: "100% " + (wrapHeight - itemHeight.value) / 2 + "px"
+        const maskStyle = {
+          backgroundSize: `100% ${(wrapHeight - itemHeight.value) / 2}px`
         };
-        return [(0, _vue.createVNode)("div", {
-          "class": bem('mask'),
+        return [(0, import_vue.createVNode)("div", {
+          "class": bem("mask"),
           "style": maskStyle
-        }, null), (0, _vue.createVNode)("div", {
-          "class": [_utils.BORDER_UNSET_TOP_BOTTOM, bem('frame')],
+        }, null), (0, import_vue.createVNode)("div", {
+          "class": [import_utils.BORDER_UNSET_TOP_BOTTOM, bem("frame")],
           "style": frameStyle
         }, null)];
       }
     };
-
-    var renderColumns = () => {
-      var wrapHeight = itemHeight.value * +props.visibleItemCount;
-      var columnsStyle = {
-        height: wrapHeight + "px"
+    const renderColumns = () => {
+      const wrapHeight = itemHeight.value * +props.visibleItemCount;
+      const columnsStyle = {
+        height: `${wrapHeight}px`
       };
-      return (0, _vue.createVNode)("div", {
-        "class": bem('columns'),
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("columns"),
         "style": columnsStyle,
-        "onTouchmove": _utils.preventDefault
+        "onTouchmove": import_utils.preventDefault
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
-
-    (0, _vue.watch)(() => props.columns, format, {
+    (0, import_vue2.watch)(() => props.columns, format, {
       immediate: true
     });
-    (0, _useExpose.useExpose)({
+    (0, import_use_expose.useExpose)({
       confirm,
       getValues,
       setValues,
@@ -386,16 +326,12 @@ var _default = (0, _vue.defineComponent)({
       setColumnValues
     });
     return () => {
-      var _slots$columnsTop, _slots$columnsBottom;
-
-      return (0, _vue.createVNode)("div", {
+      var _a, _b;
+      return (0, import_vue.createVNode)("div", {
         "class": bem()
-      }, [props.toolbarPosition === 'top' ? renderToolbar() : null, props.loading ? (0, _vue.createVNode)(_loading.Loading, {
-        "class": bem('loading')
-      }, null) : null, (_slots$columnsTop = slots['columns-top']) == null ? void 0 : _slots$columnsTop.call(slots), renderColumns(), (_slots$columnsBottom = slots['columns-bottom']) == null ? void 0 : _slots$columnsBottom.call(slots), props.toolbarPosition === 'bottom' ? renderToolbar() : null]);
+      }, [props.toolbarPosition === "top" ? renderToolbar() : null, props.loading ? (0, import_vue.createVNode)(import_loading.Loading, {
+        "class": bem("loading")
+      }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), props.toolbarPosition === "bottom" ? renderToolbar() : null]);
     };
   }
-
 });
-
-exports.default = _default;

package/lib/picker/PickerColumn.d.ts

@@ -1,5 +1,6 @@
-import type { PickerOption } from './types';
-export declare const PICKER_KEY: unique symbol;
+import { type InjectionKey } from 'vue';
+import type { PickerOption, PickerColumnProvide } from './types';
+export declare const PICKER_KEY: InjectionKey<PickerColumnProvide>;
 declare const _default: import("vue").DefineComponent<{
     textKey: {
         type: StringConstructor;
@@ -28,28 +29,35 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    textKey?: unknown;
-    readonly?: unknown;
-    allowHtml?: unknown;
-    className?: unknown;
-    itemHeight?: unknown;
-    defaultIndex?: unknown;
-    swipeDuration?: unknown;
-    initialOptions?: unknown;
-    visibleItemCount?: unknown;
-} & {
-    readonly: boolean;
-    defaultIndex: number;
-    allowHtml: boolean;
-    itemHeight: number;
-    swipeDuration: string | number;
-    visibleItemCount: string | number;
-    textKey: string;
-    initialOptions: PickerOption[];
-} & {
-    className?: unknown;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    textKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    className: import("vue").PropType<unknown>;
+    itemHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    initialOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => never[];
+    };
+    visibleItemCount: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;