vant 2.13.2 → 2.13.3

package/es/search/Search.d.ts

@@ -0,0 +1,234 @@
+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)[];
+    max: NumberConstructor;
+    min: NumberConstructor;
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("../field").FieldFormatTrigger;
+    };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<T>;
+        default: SearchShape;
+    };
+    leftIcon: {
+        type: import("vue").PropType<T>;
+        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<ExtractPropTypes<{
+    id: StringConstructor;
+    name: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    max: NumberConstructor;
+    min: NumberConstructor;
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("../field").FieldFormatTrigger;
+    };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<T>;
+        default: SearchShape;
+    };
+    leftIcon: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actionText: StringConstructor;
+    background: StringConstructor;
+    showAction: BooleanConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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").PublicProps, Readonly<ExtractPropTypes<{
+    id: StringConstructor;
+    name: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    max: NumberConstructor;
+    min: NumberConstructor;
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("../field").FieldFormatTrigger;
+    };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<T>;
+        default: SearchShape;
+    };
+    leftIcon: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actionText: StringConstructor;
+    background: StringConstructor;
+    showAction: BooleanConstructor;
+}>> & Readonly<{
+    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;
+    spellcheck: boolean;
+    error: boolean;
+    readonly: boolean;
+    showAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/search/Search.mjs

@@ -0,0 +1,121 @@
+import { ref, defineComponent, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { pick, extend, truthProp, preventDefault, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { fieldSharedProps } from "../field/Field.mjs";
+import { useId } from "../composables/use-id.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Field } from "../field/index.mjs";
+const [name, bem, t] = createNamespace("search");
+const searchProps = extend({}, fieldSharedProps, {
+  label: String,
+  shape: makeStringProp("square"),
+  leftIcon: makeStringProp("search"),
+  clearable: truthProp,
+  actionText: String,
+  background: String,
+  showAction: Boolean
+});
+var stdin_default = defineComponent({
+  name,
+  props: searchProps,
+  emits: ["blur", "focus", "clear", "search", "cancel", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const id = useId();
+    const fieldRef = ref();
+    const onCancel = () => {
+      if (!slots.action) {
+        emit("update:modelValue", "");
+        emit("cancel");
+      }
+    };
+    const onKeypress = (event) => {
+      const ENTER_CODE = 13;
+      if (event.keyCode === ENTER_CODE) {
+        preventDefault(event);
+        emit("search", props.modelValue);
+      }
+    };
+    const getInputId = () => props.id || `${id}-input`;
+    const renderLabel = () => {
+      if (slots.label || props.label) {
+        return _createVNode("label", {
+          "class": bem("label"),
+          "for": getInputId(),
+          "data-allow-mismatch": "attribute"
+        }, [slots.label ? slots.label() : props.label]);
+      }
+    };
+    const renderAction = () => {
+      if (props.showAction) {
+        const text = props.actionText || t("cancel");
+        return _createVNode("div", {
+          "class": bem("action"),
+          "role": "button",
+          "tabindex": 0,
+          "onClick": onCancel
+        }, [slots.action ? slots.action() : text]);
+      }
+    };
+    const blur = () => {
+      var _a;
+      return (_a = fieldRef.value) == null ? void 0 : _a.blur();
+    };
+    const focus = () => {
+      var _a;
+      return (_a = fieldRef.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(fieldSharedProps);
+    const renderField = () => {
+      const fieldAttrs = extend({}, attrs, pick(props, fieldPropNames), {
+        id: getInputId()
+      });
+      const onInput = (value) => emit("update:modelValue", value);
+      return _createVNode(Field, _mergeProps({
+        "ref": fieldRef,
+        "type": "search",
+        "class": bem("field", {
+          "with-message": fieldAttrs.errorMessage
+        }),
+        "border": false,
+        "onBlur": onBlur,
+        "onFocus": onFocus,
+        "onClear": onClear,
+        "onKeypress": onKeypress,
+        "onClickInput": onClickInput,
+        "onClickLeftIcon": onClickLeftIcon,
+        "onClickRightIcon": onClickRightIcon,
+        "onUpdate:modelValue": onInput
+      }, fieldAttrs), pick(slots, ["left-icon", "right-icon"]));
+    };
+    useExpose({
+      focus,
+      blur
+    });
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "class": bem({
+          "show-action": props.showAction
+        }),
+        "style": {
+          background: props.background
+        }
+      }, [(_a = slots.left) == null ? void 0 : _a.call(slots), _createVNode("div", {
+        "class": bem("content", props.shape)
+      }, [renderLabel(), renderField()]), renderAction()]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  searchProps
+};

package/es/search/index.css

@@ -1 +1 @@
-.van-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:10px 12px;background-color:#fff}.van-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:12px;background-color:#f7f8fa;border-radius:2px}.van-search__content--round{border-radius:999px}.van-search__label{padding:0 5px;color:#323233;font-size:14px;line-height:34px}.van-search .van-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:5px 8px 5px 0;background-color:transparent}.van-search .van-cell .van-field__left-icon{color:#969799}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:0 8px;color:#323233;font-size:14px;line-height:34px;cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:#f2f3f5}
+:root,:host{--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__field--with-message{height:auto;align-items:flex-start;padding-top:5px;padding-bottom:5px}.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)}

package/es/search/index.d.ts

@@ -0,0 +1,171 @@
+import { SearchProps } from './Search';
+export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    name: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    max: NumberConstructor;
+    min: NumberConstructor;
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("..").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("..").FieldFormatTrigger;
+    };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<T>;
+        default: import("./types").SearchShape;
+    };
+    leftIcon: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actionText: StringConstructor;
+    background: StringConstructor;
+    showAction: BooleanConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    name: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    max: NumberConstructor;
+    min: NumberConstructor;
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("..").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<T>;
+        default: import("..").FieldFormatTrigger;
+    };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<T>;
+        default: import("./types").SearchShape;
+    };
+    leftIcon: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actionText: StringConstructor;
+    background: StringConstructor;
+    showAction: BooleanConstructor;
+}>> & Readonly<{
+    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: import("./types").SearchShape;
+    leftIcon: string;
+    clearable: boolean;
+    clearIcon: string;
+    modelValue: string | number;
+    clearTrigger: import("..").FieldClearTrigger;
+    formatTrigger: import("..").FieldFormatTrigger;
+    spellcheck: boolean;
+    error: boolean;
+    readonly: boolean;
+    showAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default Search;
+export { searchProps } from './Search';
+export type { SearchProps };
+export type { SearchShape, SearchInstance, SearchThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSearch: typeof Search;
+    }
+}

package/es/search/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _Search from "./Search.mjs";
+const Search = withInstall(_Search);
+var stdin_default = Search;
+import { searchProps } from "./Search.mjs";
+export {
+  Search,
+  stdin_default as default,
+  searchProps
+};

package/es/search/style/index.d.ts

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

package/es/search/style/index.mjs

@@ -0,0 +1,6 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../cell/index.css";
+import "../../field/index.css";
+import "../index.css";

package/es/search/types.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { SearchProps } from './Search';
+export type SearchShape = 'square' | 'round';
+export type SearchExpose = {
+    focus: () => void;
+    blur: () => void;
+};
+export type SearchInstance = ComponentPublicInstance<SearchProps, SearchExpose>;
+export type SearchThemeVars = {
+    searchPadding?: string;
+    searchBackground?: string;
+    searchContentBackground?: string;
+    searchInputHeight?: string;
+    searchLabelPadding?: string;
+    searchLabelColor?: string;
+    searchLabelFontSize?: string;
+    searchLeftIconColor?: string;
+    searchActionPadding?: string;
+    searchActionTextColor?: string;
+    searchActionFontSize?: string;
+};