vant 4.0.5 → 4.0.6

package/lib/row/Row.d.ts

@@ -0,0 +1,64 @@
+import { type PropType, type ComputedRef, type InjectionKey, type ExtractPropTypes } from 'vue';
+export type RowSpaces = {
+    left?: number;
+    right: number;
+}[];
+export type RowProvide = {
+    spaces: ComputedRef<RowSpaces>;
+};
+export declare const ROW_KEY: InjectionKey<RowProvide>;
+export type RowAlign = 'top' | 'center' | 'bottom';
+export type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+export declare const rowProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: PropType<RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: PropType<RowJustify>;
+};
+export type RowProps = ExtractPropTypes<typeof rowProps>;
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: PropType<RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: PropType<RowJustify>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: PropType<RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: PropType<RowJustify>;
+}>>, {
+    tag: keyof HTMLElementTagNameMap;
+    wrap: boolean;
+    gutter: string | number;
+}>;
+export default _default;

package/lib/row/Row.js

@@ -0,0 +1,111 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  ROW_KEY: () => ROW_KEY,
+  default: () => stdin_default,
+  rowProps: () => rowProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@vant/use");
+const [name, bem] = (0, import_utils.createNamespace)("row");
+const ROW_KEY = Symbol(name);
+const rowProps = {
+  tag: (0, import_utils.makeStringProp)("div"),
+  wrap: import_utils.truthProp,
+  align: String,
+  gutter: (0, import_utils.makeNumericProp)(0),
+  justify: String
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: rowProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      children,
+      linkChildren
+    } = (0, import_use.useChildren)(ROW_KEY);
+    const groups = (0, import_vue2.computed)(() => {
+      const groups2 = [[]];
+      let totalSpan = 0;
+      children.forEach((child, index) => {
+        totalSpan += Number(child.span);
+        if (totalSpan > 24) {
+          groups2.push([index]);
+          totalSpan -= 24;
+        } else {
+          groups2[groups2.length - 1].push(index);
+        }
+      });
+      return groups2;
+    });
+    const spaces = (0, import_vue2.computed)(() => {
+      const gutter = Number(props.gutter);
+      const spaces2 = [];
+      if (!gutter) {
+        return spaces2;
+      }
+      groups.value.forEach((group) => {
+        const averagePadding = gutter * (group.length - 1) / group.length;
+        group.forEach((item, index) => {
+          if (index === 0) {
+            spaces2.push({
+              right: averagePadding
+            });
+          } else {
+            const left = gutter - spaces2[item - 1].right;
+            const right = averagePadding - left;
+            spaces2.push({
+              left,
+              right
+            });
+          }
+        });
+      });
+      return spaces2;
+    });
+    linkChildren({
+      spaces
+    });
+    return () => {
+      const {
+        tag,
+        wrap,
+        align,
+        justify
+      } = props;
+      return (0, import_vue.createVNode)(tag, {
+        "class": bem({
+          [`align-${align}`]: align,
+          [`justify-${justify}`]: justify,
+          nowrap: !wrap
+        })
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+        }
+      });
+    };
+  }
+});

package/lib/row/index.css

@@ -0,0 +1 @@
+.van-row{display:flex;flex-wrap:wrap}.van-row--nowrap{flex-wrap:nowrap}.van-row--justify-center{justify-content:center}.van-row--justify-end{justify-content:flex-end}.van-row--justify-space-between{justify-content:space-between}.van-row--justify-space-around{justify-content:space-around}.van-row--align-center{align-items:center}.van-row--align-bottom{align-items:flex-end}

package/lib/row/index.d.ts

@@ -0,0 +1,43 @@
+export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: import("vue").PropType<import("./Row").RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: import("vue").PropType<import("./Row").RowJustify>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: import("vue").PropType<import("./Row").RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: import("vue").PropType<import("./Row").RowJustify>;
+}>>, {
+    tag: keyof HTMLElementTagNameMap;
+    wrap: boolean;
+    gutter: string | number;
+}>>;
+export default Row;
+export { rowProps } from './Row';
+export type { RowProps, RowAlign, RowJustify } from './Row';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanRow: typeof Row;
+    }
+}

package/lib/row/index.js

@@ -0,0 +1,35 @@
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Row: () => Row,
+  default: () => stdin_default,
+  rowProps: () => import_Row2.rowProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Row = __toESM(require("./Row"));
+var import_Row2 = require("./Row");
+const Row = (0, import_utils.withInstall)(import_Row.default);
+var stdin_default = Row;

package/lib/row/style/index.d.ts

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

package/lib/row/style/index.js

@@ -0,0 +1,2 @@
+require("../../style/base.css");
+require("../index.css");

package/lib/search/Search.d.ts

@@ -0,0 +1,206 @@
+import { type ExtractPropTypes } from 'vue';
+import type { SearchShape } from './types';
+export declare const searchProps: {
+    id: StringConstructor;
+    name: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
+        default: import("../field").FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<SearchShape>;
+        default: SearchShape;
+    };
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actionText: StringConstructor;
+    background: StringConstructor;
+    showAction: BooleanConstructor;
+};
+export type SearchProps = ExtractPropTypes<typeof searchProps>;
+declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
+    name: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
+        default: import("../field").FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<SearchShape>;
+        default: SearchShape;
+    };
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actionText: StringConstructor;
+    background: StringConstructor;
+    showAction: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    id: StringConstructor;
+    name: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
+        default: import("../field").FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<SearchShape>;
+        default: SearchShape;
+    };
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actionText: StringConstructor;
+    background: StringConstructor;
+    showAction: BooleanConstructor;
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onClickInput?: ((...args: any[]) => any) | undefined;
+    onClickLeftIcon?: ((...args: any[]) => any) | undefined;
+    onClickRightIcon?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+}, {
+    autofocus: boolean;
+    disabled: boolean;
+    shape: SearchShape;
+    leftIcon: string;
+    clearable: boolean;
+    clearIcon: string;
+    modelValue: string | number;
+    clearTrigger: import("../field").FieldClearTrigger;
+    formatTrigger: import("../field").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
+    showAction: boolean;
+}>;
+export default _default;

package/lib/search/Search.js

@@ -0,0 +1,138 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default,
+  searchProps: () => searchProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_Field = require("../field/Field");
+var import_use_id = require("../composables/use-id");
+var import_use_expose = require("../composables/use-expose");
+var import_field = require("../field");
+const [name, bem, t] = (0, import_utils.createNamespace)("search");
+const searchProps = (0, import_utils.extend)({}, import_Field.fieldSharedProps, {
+  label: String,
+  shape: (0, import_utils.makeStringProp)("square"),
+  leftIcon: (0, import_utils.makeStringProp)("search"),
+  clearable: import_utils.truthProp,
+  actionText: String,
+  background: String,
+  showAction: Boolean
+});
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: searchProps,
+  emits: ["blur", "focus", "clear", "search", "cancel", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const id = (0, import_use_id.useId)();
+    const filedRef = (0, import_vue2.ref)();
+    const onCancel = () => {
+      if (!slots.action) {
+        emit("update:modelValue", "");
+        emit("cancel");
+      }
+    };
+    const onKeypress = (event) => {
+      const ENTER_CODE = 13;
+      if (event.keyCode === ENTER_CODE) {
+        (0, import_utils.preventDefault)(event);
+        emit("search", props.modelValue);
+      }
+    };
+    const getInputId = () => props.id || `${id}-input`;
+    const renderLabel = () => {
+      if (slots.label || props.label) {
+        return (0, import_vue.createVNode)("label", {
+          "class": bem("label"),
+          "for": getInputId()
+        }, [slots.label ? slots.label() : props.label]);
+      }
+    };
+    const renderAction = () => {
+      if (props.showAction) {
+        const text = props.actionText || t("cancel");
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("action"),
+          "role": "button",
+          "tabindex": 0,
+          "onClick": onCancel
+        }, [slots.action ? slots.action() : text]);
+      }
+    };
+    const blur = () => {
+      var _a;
+      return (_a = filedRef.value) == null ? void 0 : _a.blur();
+    };
+    const focus = () => {
+      var _a;
+      return (_a = filedRef.value) == null ? void 0 : _a.focus();
+    };
+    const onBlur = (event) => emit("blur", event);
+    const onFocus = (event) => emit("focus", event);
+    const onClear = (event) => emit("clear", event);
+    const onClickInput = (event) => emit("clickInput", event);
+    const onClickLeftIcon = (event) => emit("clickLeftIcon", event);
+    const onClickRightIcon = (event) => emit("clickRightIcon", event);
+    const fieldPropNames = Object.keys(import_Field.fieldSharedProps);
+    const renderField = () => {
+      const fieldAttrs = (0, import_utils.extend)({}, attrs, (0, import_utils.pick)(props, fieldPropNames), {
+        id: getInputId()
+      });
+      const onInput = (value) => emit("update:modelValue", value);
+      return (0, import_vue.createVNode)(import_field.Field, (0, import_vue.mergeProps)({
+        "ref": filedRef,
+        "type": "search",
+        "class": bem("field"),
+        "border": false,
+        "onBlur": onBlur,
+        "onFocus": onFocus,
+        "onClear": onClear,
+        "onKeypress": onKeypress,
+        "onClickInput": onClickInput,
+        "onClickLeftIcon": onClickLeftIcon,
+        "onClickRightIcon": onClickRightIcon,
+        "onUpdate:modelValue": onInput
+      }, fieldAttrs), (0, import_utils.pick)(slots, ["left-icon", "right-icon"]));
+    };
+    (0, import_use_expose.useExpose)({
+      focus,
+      blur
+    });
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "class": bem({
+          "show-action": props.showAction
+        }),
+        "style": {
+          background: props.background
+        }
+      }, [(_a = slots.left) == null ? void 0 : _a.call(slots), (0, import_vue.createVNode)("div", {
+        "class": bem("content", props.shape)
+      }, [renderLabel(), renderField()]), renderAction()]);
+    };
+  }
+});

package/lib/search/index.css

@@ -0,0 +1 @@
+:root{--van-search-padding: 10px var(--van-padding-sm);--van-search-background: var(--van-background-2);--van-search-content-background: var(--van-background);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background);border-radius:var(--van-radius-sm)}.van-search__content--round{border-radius:var(--van-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;align-items:center;padding:0 var(--van-padding-xs) 0 0;height:var(--van-search-input-height);background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}