vant 2.13.2 → 2.13.3

package/es/address-list/AddressList.mjs

@@ -0,0 +1,103 @@
+import { defineComponent, computed, createVNode as _createVNode } from "vue";
+import { truthProp, numericProp, makeArrayProp, createNamespace, makeStringProp } from "../utils/index.mjs";
+import { Button } from "../button/index.mjs";
+import { RadioGroup } from "../radio-group/index.mjs";
+import { CheckboxGroup } from "../checkbox-group/index.mjs";
+import AddressListItem from "./AddressListItem.mjs";
+const [name, bem, t] = createNamespace("address-list");
+const addressListProps = {
+  list: makeArrayProp(),
+  modelValue: [...numericProp, Array],
+  switchable: truthProp,
+  disabledText: String,
+  disabledList: makeArrayProp(),
+  showAddButton: truthProp,
+  addButtonText: String,
+  defaultTagText: String,
+  rightIcon: makeStringProp("edit")
+};
+var stdin_default = defineComponent({
+  name,
+  props: addressListProps,
+  emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const singleChoice = computed(() => !Array.isArray(props.modelValue));
+    const renderItem = (item, index, disabled) => {
+      const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
+      const onClick = (event) => emit("clickItem", item, index, {
+        event
+      });
+      const onSelect = () => {
+        emit(disabled ? "selectDisabled" : "select", item, index);
+        if (!disabled) {
+          if (singleChoice.value) {
+            emit("update:modelValue", item.id);
+          } else {
+            const value = props.modelValue;
+            if (value.includes(item.id)) {
+              emit("update:modelValue", value.filter((id) => id !== item.id));
+            } else {
+              emit("update:modelValue", [...value, item.id]);
+            }
+          }
+        }
+      };
+      return _createVNode(AddressListItem, {
+        "key": item.id,
+        "address": item,
+        "disabled": disabled,
+        "switchable": props.switchable,
+        "singleChoice": singleChoice.value,
+        "defaultTagText": props.defaultTagText,
+        "rightIcon": props.rightIcon,
+        "onEdit": onEdit,
+        "onClick": onClick,
+        "onSelect": onSelect
+      }, {
+        bottom: slots["item-bottom"],
+        tag: slots.tag
+      });
+    };
+    const renderList = (list, disabled) => {
+      if (list) {
+        return list.map((item, index) => renderItem(item, index, disabled));
+      }
+    };
+    const renderBottom = () => props.showAddButton ? _createVNode("div", {
+      "class": [bem("bottom"), "van-safe-area-bottom"]
+    }, [_createVNode(Button, {
+      "round": true,
+      "block": true,
+      "type": "primary",
+      "text": props.addButtonText || t("add"),
+      "class": bem("add"),
+      "onClick": () => emit("add")
+    }, null)]) : void 0;
+    return () => {
+      var _a, _b;
+      const List = renderList(props.list);
+      const DisabledList = renderList(props.disabledList, true);
+      const DisabledText = props.disabledText && _createVNode("div", {
+        "class": bem("disabled-text")
+      }, [props.disabledText]);
+      return _createVNode("div", {
+        "class": bem()
+      }, [(_a = slots.top) == null ? void 0 : _a.call(slots), !singleChoice.value && Array.isArray(props.modelValue) ? _createVNode(CheckboxGroup, {
+        "modelValue": props.modelValue
+      }, {
+        default: () => [List]
+      }) : _createVNode(RadioGroup, {
+        "modelValue": props.modelValue
+      }, {
+        default: () => [List]
+      }), DisabledText, DisabledList, (_b = slots.default) == null ? void 0 : _b.call(slots), renderBottom()]);
+    };
+  }
+});
+export {
+  addressListProps,
+  stdin_default as default
+};

package/es/address-list/AddressListItem.d.ts

@@ -0,0 +1,46 @@
+import { type PropType } from 'vue';
+import { type Numeric } from '../utils';
+export type AddressListAddress = {
+    id: Numeric;
+    tel: Numeric;
+    name: string;
+    address: string;
+    isDefault?: boolean;
+};
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    address: {
+        type: PropType<AddressListAddress>;
+        required: true;
+    };
+    disabled: BooleanConstructor;
+    switchable: BooleanConstructor;
+    singleChoice: BooleanConstructor;
+    defaultTagText: StringConstructor;
+    rightIcon: {
+        type: PropType<T>;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "click" | "edit")[], "select" | "click" | "edit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    address: {
+        type: PropType<AddressListAddress>;
+        required: true;
+    };
+    disabled: BooleanConstructor;
+    switchable: BooleanConstructor;
+    singleChoice: BooleanConstructor;
+    defaultTagText: StringConstructor;
+    rightIcon: {
+        type: PropType<T>;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onEdit?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    rightIcon: string;
+    switchable: boolean;
+    singleChoice: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/address-list/AddressListItem.mjs

@@ -0,0 +1,108 @@
+import { defineComponent, createVNode as _createVNode } from "vue";
+import { extend, createNamespace, makeRequiredProp, makeStringProp } from "../utils/index.mjs";
+import { Tag } from "../tag/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Cell } from "../cell/index.mjs";
+import { Radio } from "../radio/index.mjs";
+import { Checkbox } from "../checkbox/index.mjs";
+const [name, bem] = createNamespace("address-item");
+var stdin_default = defineComponent({
+  name,
+  props: {
+    address: makeRequiredProp(Object),
+    disabled: Boolean,
+    switchable: Boolean,
+    singleChoice: Boolean,
+    defaultTagText: String,
+    rightIcon: makeStringProp("edit")
+  },
+  emits: ["edit", "click", "select"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const onClick = (event) => {
+      if (props.switchable) {
+        emit("select");
+      }
+      emit("click", event);
+    };
+    const renderRightIcon = () => _createVNode(Icon, {
+      "name": props.rightIcon,
+      "class": bem("edit"),
+      "onClick": (event) => {
+        event.stopPropagation();
+        emit("edit");
+        emit("click", event);
+      }
+    }, null);
+    const renderTag = () => {
+      if (slots.tag) {
+        return slots.tag(props.address);
+      }
+      if (props.address.isDefault && props.defaultTagText) {
+        return _createVNode(Tag, {
+          "type": "primary",
+          "round": true,
+          "class": bem("tag")
+        }, {
+          default: () => [props.defaultTagText]
+        });
+      }
+    };
+    const renderContent = () => {
+      const {
+        address,
+        disabled,
+        switchable,
+        singleChoice
+      } = props;
+      const Info = [_createVNode("div", {
+        "class": bem("name")
+      }, [`${address.name} ${address.tel}`, renderTag()]), _createVNode("div", {
+        "class": bem("address")
+      }, [address.address])];
+      if (switchable && !disabled) {
+        if (singleChoice) {
+          return _createVNode(Radio, {
+            "name": address.id,
+            "iconSize": 18
+          }, {
+            default: () => [Info]
+          });
+        } else {
+          return _createVNode(Checkbox, {
+            "name": address.id,
+            "iconSize": 18
+          }, {
+            default: () => [Info]
+          });
+        }
+      }
+      return Info;
+    };
+    return () => {
+      var _a;
+      const {
+        disabled
+      } = props;
+      return _createVNode("div", {
+        "class": bem({
+          disabled
+        }),
+        "onClick": onClick
+      }, [_createVNode(Cell, {
+        "border": false,
+        "titleClass": bem("title")
+      }, {
+        title: renderContent,
+        "right-icon": renderRightIcon
+      }), (_a = slots.bottom) == null ? void 0 : _a.call(slots, extend({}, props.address, {
+        disabled
+      }))]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/address-list/index.css

@@ -1 +1 @@
-.van-address-list{box-sizing:border-box;height:100%;padding:12px 12px 80px}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:20px 0 16px;color:#969799;font-size:14px;line-height:20px}.van-address-item{padding:12px;background-color:#fff;border-radius:8px}.van-address-item:not(:last-child){margin-bottom:12px}.van-address-item__value{padding-right:44px}.van-address-item__name{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px;font-size:16px;line-height:22px}.van-address-item__tag{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-left:8px;padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:#323233;font-size:13px;line-height:18px}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:#c8c9cc}.van-address-item__edit{position:absolute;top:50%;right:16px;color:#969799;font-size:20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:12px}.van-address-item .van-radio__icon--checked .van-icon{background-color:#ee0a24;border-color:#ee0a24}
+:root,:host{--van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;--van-address-list-disabled-text-color: var(--van-text-color-2);--van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0;--van-address-list-disabled-text-font-size: var(--van-font-size-md);--van-address-list-disabled-text-line-height: var(--van-line-height-md);--van-address-list-add-button-z-index: 999;--van-address-list-item-padding: var(--van-padding-sm);--van-address-list-item-text-color: var(--van-text-color);--van-address-list-item-disabled-text-color: var(--van-text-color-3);--van-address-list-item-font-size: 13px;--van-address-list-item-line-height: var(--van-line-height-sm);--van-address-list-radio-color: var(--van-primary-color);--van-address-list-edit-icon-size: 20px}.van-address-list{box-sizing:border-box;height:100%;padding:var(--van-address-list-padding)}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:var(--van-address-list-add-button-z-index);box-sizing:border-box;width:100%;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-2)}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:var(--van-address-list-disabled-text-padding);color:var(--van-address-list-disabled-text-color);font-size:var(--van-address-list-disabled-text-font-size);line-height:var(--van-address-list-disabled-text-line-height)}.van-address-item{padding:var(--van-address-list-item-padding);background-color:var(--van-background-2);border-radius:var(--van-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__title{padding-right:44px}.van-address-item__name{display:flex;align-items:center;margin-bottom:var(--van-padding-xs);font-size:var(--van-font-size-lg);line-height:var(--van-line-height-lg)}.van-address-item__tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:var(--van-address-list-item-text-color);font-size:var(--van-address-list-item-font-size);line-height:var(--van-address-list-item-line-height)}.van-address-item--disabled .van-address-item__name,.van-address-item--disabled .van-address-item__address{color:var(--van-address-list-item-disabled-text-color)}.van-address-item__edit{position:absolute;top:50%;right:var(--van-padding-md);color:var(--van-gray-6);font-size:var(--van-address-list-edit-icon-size);transform:translateY(-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:var(--van-padding-sm)}.van-address-item .van-radio__icon--checked .van-icon{background-color:var(--van-address-list-radio-color);border-color:var(--van-address-list-radio-color)}

package/es/address-list/index.d.ts

@@ -0,0 +1,75 @@
+export declare const AddressList: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    list: {
+        type: import("vue").PropType<T[]>;
+        default: () => never[];
+    };
+    modelValue: import("vue").PropType<string | number | Array<string | number>>;
+    switchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    disabledText: StringConstructor;
+    disabledList: {
+        type: import("vue").PropType<T[]>;
+        default: () => never[];
+    };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    addButtonText: StringConstructor;
+    defaultTagText: StringConstructor;
+    rightIcon: {
+        type: import("vue").PropType<T_1>;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "add" | "update:modelValue" | "edit" | "clickItem" | "editDisabled" | "selectDisabled")[], "select" | "add" | "update:modelValue" | "edit" | "clickItem" | "editDisabled" | "selectDisabled", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    list: {
+        type: import("vue").PropType<T[]>;
+        default: () => never[];
+    };
+    modelValue: import("vue").PropType<string | number | Array<string | number>>;
+    switchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    disabledText: StringConstructor;
+    disabledList: {
+        type: import("vue").PropType<T[]>;
+        default: () => never[];
+    };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    addButtonText: StringConstructor;
+    defaultTagText: StringConstructor;
+    rightIcon: {
+        type: import("vue").PropType<T_1>;
+        default: string;
+    };
+}>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onEdit?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
+    onEditDisabled?: ((...args: any[]) => any) | undefined;
+    onSelectDisabled?: ((...args: any[]) => any) | undefined;
+}>, {
+    rightIcon: string;
+    switchable: boolean;
+    list: import("./AddressListItem").AddressListAddress[];
+    disabledList: import("./AddressListItem").AddressListAddress[];
+    showAddButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default AddressList;
+export { addressListProps } from './AddressList';
+export type { AddressListProps } from './AddressList';
+export type { AddressListAddress } from './AddressListItem';
+export type { AddressListThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanAddressList: typeof AddressList;
+    }
+}

package/es/address-list/index.mjs

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

package/es/address-list/style/index.d.ts

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

package/es/address-list/style/index.mjs

@@ -0,0 +1,12 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../tag/index.css";
+import "../../cell/index.css";
+import "../../loading/index.css";
+import "../../button/index.css";
+import "../../radio-group/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../../radio/index.css";
+import "../index.css";

package/es/address-list/types.d.ts

@@ -0,0 +1,15 @@
+export type AddressListThemeVars = {
+    addressListPadding?: string;
+    addressListDisabledTextColor?: string;
+    addressListDisabledTextPadding?: string;
+    addressListDisabledTextFontSize?: string;
+    addressListDisabledTextLineHeight?: number | string;
+    addressListAddButtonZIndex?: number | string;
+    addressListItemPadding?: string;
+    addressListItemTextColor?: string;
+    addressListItemDisabledTextColor?: string;
+    addressListItemFontSize?: string;
+    addressListItemLineHeight?: number | string;
+    addressListRadioColor?: string;
+    addressListEditIconSize?: string;
+};

package/es/area/Area.d.ts

@@ -0,0 +1,134 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+import type { AreaList } from './types';
+export declare const areaProps: import("../utils").Writeable<Pick<{
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    optionHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleOptionNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+} & {
+    title: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
+    modelValue: StringConstructor;
+    columnsNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsPlaceholder: {
+        type: PropType<T[]>;
+        default: () => never[];
+    };
+    areaList: {
+        type: PropType<AreaList>;
+        default: () => {};
+    };
+};
+export type AreaProps = ExtractPropTypes<typeof areaProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<import("../utils").Writeable<Pick<{
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    optionHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleOptionNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+} & {
+    title: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
+    modelValue: StringConstructor;
+    columnsNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsPlaceholder: {
+        type: PropType<T[]>;
+        default: () => never[];
+    };
+    areaList: {
+        type: PropType<AreaList>;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").PublicProps, Readonly<ExtractPropTypes<import("../utils").Writeable<Pick<{
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    optionHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleOptionNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+} & {
+    title: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
+    modelValue: StringConstructor;
+    columnsNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsPlaceholder: {
+        type: PropType<T[]>;
+        default: () => never[];
+    };
+    areaList: {
+        type: PropType<AreaList>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly: boolean;
+    loading: boolean;
+    optionHeight: string | number;
+    swipeDuration: string | number;
+    visibleOptionNum: string | number;
+    columnsNum: string | number;
+    columnsPlaceholder: string[];
+    areaList: AreaList;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/area/Area.mjs

@@ -0,0 +1,76 @@
+import { ref, watch, computed, defineComponent, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { pick, extend, makeArrayProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { pickerSharedProps } from "../picker/Picker.mjs";
+import { INHERIT_PROPS, INHERIT_SLOTS, formatDataForCascade } from "./utils.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Picker } from "../picker/index.mjs";
+const [name, bem] = createNamespace("area");
+const areaProps = extend({}, pick(pickerSharedProps, INHERIT_PROPS), {
+  modelValue: String,
+  columnsNum: makeNumericProp(3),
+  columnsPlaceholder: makeArrayProp(),
+  areaList: {
+    type: Object,
+    default: () => ({})
+  }
+});
+var stdin_default = defineComponent({
+  name,
+  props: areaProps,
+  emits: ["change", "confirm", "cancel", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const codes = ref([]);
+    const picker = ref();
+    const columns = computed(() => formatDataForCascade(props));
+    const onChange = (...args) => emit("change", ...args);
+    const onCancel = (...args) => emit("cancel", ...args);
+    const onConfirm = (...args) => emit("confirm", ...args);
+    watch(codes, (newCodes) => {
+      const lastCode = newCodes.length ? newCodes[newCodes.length - 1] : "";
+      if (lastCode && lastCode !== props.modelValue) {
+        emit("update:modelValue", lastCode);
+      }
+    }, {
+      deep: true
+    });
+    watch(() => props.modelValue, (newCode) => {
+      if (newCode) {
+        const lastCode = codes.value.length ? codes.value[codes.value.length - 1] : "";
+        if (newCode !== lastCode) {
+          codes.value = [`${newCode.slice(0, 2)}0000`, `${newCode.slice(0, 4)}00`, newCode].slice(0, +props.columnsNum);
+        }
+      } else {
+        codes.value = [];
+      }
+    }, {
+      immediate: true
+    });
+    useExpose({
+      confirm: () => {
+        var _a;
+        return (_a = picker.value) == null ? void 0 : _a.confirm();
+      },
+      getSelectedOptions: () => {
+        var _a;
+        return ((_a = picker.value) == null ? void 0 : _a.getSelectedOptions()) || [];
+      }
+    });
+    return () => _createVNode(Picker, _mergeProps({
+      "ref": picker,
+      "modelValue": codes.value,
+      "onUpdate:modelValue": ($event) => codes.value = $event,
+      "class": bem(),
+      "columns": columns.value,
+      "onChange": onChange,
+      "onCancel": onCancel,
+      "onConfirm": onConfirm
+    }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
+  }
+});
+export {
+  areaProps,
+  stdin_default as default
+};