vant 4.0.0-rc.4 → 4.0.0-rc.6

package/es/nav-bar/index.d.ts

@@ -11,6 +11,10 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
+    clickable: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
@@ -24,12 +28,17 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
+    clickable: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     onClickLeft?: ((...args: any[]) => any) | undefined;
     onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
     border: boolean;
+    clickable: boolean;
     placeholder: boolean;
     safeAreaInsetTop: boolean;
     leftArrow: boolean;

package/es/stepper/Stepper.d.ts

@@ -37,6 +37,10 @@ export declare const stepperProps: {
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -89,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -139,6 +147,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -172,6 +184,7 @@ declare const _default: import("vue").DefineComponent<{
     showMinus: boolean;
     showInput: boolean;
     longPress: boolean;
+    autoFixed: boolean;
     allowEmpty: boolean;
     disablePlus: boolean;
     disableMinus: boolean;

package/es/stepper/Stepper.mjs

@@ -18,6 +18,7 @@ const stepperProps = {
   showMinus: truthProp,
   showInput: truthProp,
   longPress: truthProp,
+  autoFixed: truthProp,
   allowEmpty: Boolean,
   modelValue: numericProp,
   inputWidth: numericProp,
@@ -37,7 +38,7 @@ var stdin_default = defineComponent({
   setup(props, {
     emit
   }) {
-    const format = (value) => {
+    const format = (value, autoFixed = true) => {
       const {
         min,
         max,
@@ -50,7 +51,7 @@ var stdin_default = defineComponent({
       value = formatNumber(String(value), !props.integer);
       value = value === "" ? 0 : +value;
       value = Number.isNaN(value) ? +min : value;
-      value = Math.max(Math.min(+max, value), +min);
+      value = autoFixed ? Math.max(Math.min(+max, value), +min) : value;
       if (isDef(decimalLength)) {
         value = value.toFixed(+decimalLength);
       }
@@ -134,7 +135,7 @@ var stdin_default = defineComponent({
     };
     const onBlur = (event) => {
       const input = event.target;
-      const value = format(input.value);
+      const value = format(input.value, props.autoFixed);
       input.value = String(value);
       current.value = value;
       nextTick(() => {

package/es/stepper/index.d.ts

@@ -34,6 +34,10 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -84,6 +88,10 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -117,6 +125,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     showMinus: boolean;
     showInput: boolean;
     longPress: boolean;
+    autoFixed: boolean;
     allowEmpty: boolean;
     disablePlus: boolean;
     disableMinus: boolean;

package/es/swipe/Swipe.mjs

@@ -54,7 +54,7 @@ var stdin_default = defineComponent({
       }
       return 0;
     });
-    const maxCount = computed(() => Math.ceil(Math.abs(minOffset.value) / size.value));
+    const maxCount = computed(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
     const trackSize = computed(() => count.value * size.value);
     const activeIndicator = computed(() => (state.active + count.value) % count.value);
     const isCorrectDirection = computed(() => {

package/es/tabs/Tabs.mjs

@@ -141,17 +141,19 @@ var stdin_default = defineComponent({
       const newTab = children[newIndex];
       const newName = getTabName(newTab, newIndex);
       const shouldEmitChange = state.currentIndex !== null;
-      state.currentIndex = newIndex;
+      if (state.currentIndex !== newIndex) {
+        state.currentIndex = newIndex;
+        if (!skipScrollIntoView) {
+          scrollIntoView();
+        }
+        setLine();
+      }
       if (newName !== props.active) {
         emit("update:active", newName);
         if (shouldEmitChange) {
           emit("change", newName, newTab.title);
         }
       }
-      if (!skipScrollIntoView) {
-        scrollIntoView();
-      }
-      setLine();
       if (stickyFixed && !props.scrollspy) {
         setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
       }
@@ -250,13 +252,14 @@ var stdin_default = defineComponent({
       }
     };
     const renderHeader = () => {
-      var _a, _b;
+      var _a, _b, _c;
       const {
         type,
-        border
+        border,
+        sticky
       } = props;
-      return _createVNode("div", {
-        "ref": wrapRef,
+      const Header = [_createVNode("div", {
+        "ref": sticky ? void 0 : wrapRef,
         "class": [bem("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
@@ -269,7 +272,13 @@ var stdin_default = defineComponent({
         }]),
         "style": navStyle.value,
         "aria-orientation": "horizontal"
-      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), renderNav(), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]);
+      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), renderNav(), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
+      if (sticky) {
+        return _createVNode("div", {
+          "ref": wrapRef
+        }, [Header]);
+      }
+      return Header;
     };
     watch([() => props.color, windowWidth], setLine);
     watch(() => props.active, (value) => {
@@ -323,37 +332,31 @@ var stdin_default = defineComponent({
       currentName,
       scrollIntoView
     });
-    return () => {
-      var _a;
-      return _createVNode("div", {
-        "ref": root,
-        "class": bem([props.type])
-      }, [props.sticky ? _createVNode(Sticky, {
-        "container": root.value,
-        "offsetTop": offsetTopPx.value,
-        "onScroll": onStickyScroll
-      }, {
-        default: () => {
-          var _a2;
-          return [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)];
-        }
-      }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], _createVNode(TabsContent, {
-        "ref": contentRef,
-        "count": children.length,
-        "inited": state.inited,
-        "animated": props.animated,
-        "duration": props.duration,
-        "swipeable": props.swipeable,
-        "lazyRender": props.lazyRender,
-        "currentIndex": state.currentIndex,
-        "onChange": setCurrentIndex
-      }, {
-        default: () => {
-          var _a2;
-          return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
-        }
-      })]);
-    };
+    return () => _createVNode("div", {
+      "ref": root,
+      "class": bem([props.type])
+    }, [props.sticky ? _createVNode(Sticky, {
+      "container": root.value,
+      "offsetTop": offsetTopPx.value,
+      "onScroll": onStickyScroll
+    }, {
+      default: () => [renderHeader()]
+    }) : renderHeader(), _createVNode(TabsContent, {
+      "ref": contentRef,
+      "count": children.length,
+      "inited": state.inited,
+      "animated": props.animated,
+      "duration": props.duration,
+      "swipeable": props.swipeable,
+      "lazyRender": props.lazyRender,
+      "currentIndex": state.currentIndex,
+      "onChange": setCurrentIndex
+    }, {
+      default: () => {
+        var _a;
+        return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+      }
+    })]);
   }
 });
 export {

package/es/time-picker/TimePicker.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, computed, defineComponent } from "vue";
 import { pick, extend, createNamespace, makeNumericProp, isSameValue } from "../utils/index.mjs";
-import { genOptions, sharedProps, pickerInheritKeys } from "../date-picker/utils.mjs";
+import { genOptions, sharedProps, pickerInheritKeys, formatValueRange } from "../date-picker/utils.mjs";
 import { Picker } from "../picker/index.mjs";
 const [name] = createNamespace("time-picker");
 const timePickerProps = extend({}, sharedProps, {
@@ -45,13 +45,14 @@ var stdin_default = defineComponent({
       if (!isSameValue(newValues, props.modelValue)) {
         emit("update:modelValue", newValues);
       }
-    }, {
-      immediate: true
     });
     watch(() => props.modelValue, (newValues) => {
+      newValues = formatValueRange(newValues, columns.value);
       if (!isSameValue(newValues, currentValues.value)) {
         currentValues.value = newValues;
       }
+    }, {
+      immediate: true
     });
     const onChange = (...args) => emit("change", ...args);
     const onCancel = (...args) => emit("cancel", ...args);

package/es/toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
-import type { ToastType, ToastPosition } from './types';
+import type { ToastType, ToastPosition, ToastWordBreak } from './types';
 export declare const toastProps: {
     icon: StringConstructor;
     show: BooleanConstructor;
@@ -20,6 +20,7 @@ export declare const toastProps: {
         default: ToastPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: PropType<ToastWordBreak>;
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -53,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         default: ToastPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: PropType<ToastWordBreak>;
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -84,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
         default: ToastPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: PropType<ToastWordBreak>;
     className: PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {

package/es/toast/Toast.mjs

@@ -17,6 +17,7 @@ const toastProps = {
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
   teleport: [String, Object],
+  wordBreak: String,
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -108,7 +109,7 @@ var stdin_default = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => _createVNode(Popup, _mergeProps({
-      "class": [bem([props.position, {
+      "class": [bem([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,

package/es/toast/index.css

@@ -1 +1 @@
-:root{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-radius: var(--van-radius-lg);--van-toast-background: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--van-toast-background);border-radius:var(--van-toast-radius)}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}
+:root{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-radius: var(--van-radius-lg);--van-toast-background: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;word-break:break-all;text-align:center;background:var(--van-toast-background);border-radius:var(--van-toast-radius)}.van-toast--break-normal{word-break:normal;word-wrap:normal}.van-toast--break-word{word-break:normal;word-wrap:break-word}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}

package/es/toast/index.d.ts

@@ -17,6 +17,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
         default: import("./types").ToastPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: import("vue").PropType<import("./types").ToastWordBreak>;
     className: import("vue").PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -48,6 +49,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
         default: import("./types").ToastPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    wordBreak: import("vue").PropType<import("./types").ToastWordBreak>;
     className: import("vue").PropType<unknown>;
     iconPrefix: StringConstructor;
     transition: {
@@ -77,7 +79,7 @@ export default Toast;
 export { toastProps } from './Toast';
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
 export type { ToastProps } from './Toast';
-export type { ToastType, ToastOptions, ToastPosition, ToastThemeVars, } from './types';
+export type { ToastType, ToastOptions, ToastPosition, ToastThemeVars, ToastWordBreak, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanToast: typeof Toast;

package/es/toast/types.d.ts

@@ -3,6 +3,7 @@ import type { LoadingType } from '../loading';
 import type { Numeric } from '../utils';
 export declare type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
 export declare type ToastPosition = 'top' | 'middle' | 'bottom';
+export declare type ToastWordBreak = 'break-all' | 'break-word' | 'normal';
 export declare type ToastOptions = {
     icon?: string;
     type?: ToastType;
@@ -18,6 +19,7 @@ export declare type ToastOptions = {
     className?: unknown;
     transition?: string;
     iconPrefix?: string;
+    wordBreak?: ToastWordBreak;
     loadingType?: LoadingType;
     forbidClick?: boolean;
     closeOnClick?: boolean;

package/lib/calendar/Calendar.js

@@ -135,7 +135,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     let bodyHeight;
     const bodyRef = (0, import_vue2.ref)();
-    const subtitle = (0, import_vue2.ref)("");
+    const subtitle = (0, import_vue2.ref)({
+      text: "",
+      date: void 0
+    });
     const currentDate = (0, import_vue2.ref)(getInitialDate());
     const [monthRefs, setMonthRefs] = (0, import_use_refs.useRefs)();
     const dayOffset = (0, import_vue2.computed)(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
@@ -196,7 +199,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         monthRefs.value[index].setVisible(visible);
       });
       if (currentMonth) {
-        subtitle.value = currentMonth.getTitle();
+        subtitle.value = {
+          text: currentMonth.getTitle(),
+          date: currentMonth.date
+        };
       }
     };
     const scrollToDate = (targetDate) => {
@@ -386,8 +392,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const renderCalendar = () => (0, import_vue.createVNode)("div", {
       "class": (0, import_utils2.bem)()
     }, [(0, import_vue.createVNode)(import_CalendarHeader.default, {
+      "date": subtitle.value.date,
       "title": props.title,
-      "subtitle": subtitle.value,
+      "subtitle": subtitle.value.text,
       "showTitle": props.showTitle,
       "showSubtitle": props.showSubtitle,
       "firstDayOfWeek": dayOffset.value,

package/lib/calendar/CalendarHeader.d.ts

@@ -1,10 +1,12 @@
 declare const _default: import("vue").DefineComponent<{
+    date: DateConstructor;
     title: StringConstructor;
     subtitle: StringConstructor;
     showTitle: BooleanConstructor;
     showSubtitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickSubtitle"[], "clickSubtitle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    date: DateConstructor;
     title: StringConstructor;
     subtitle: StringConstructor;
     showTitle: BooleanConstructor;

package/lib/calendar/CalendarHeader.js

@@ -28,6 +28,7 @@ const [name] = (0, import_utils.createNamespace)("calendar-header");
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: {
+    date: Date,
     title: String,
     subtitle: String,
     showTitle: Boolean,
@@ -51,7 +52,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onClickSubtitle = (event) => emit("clickSubtitle", event);
     const renderSubtitle = () => {
       if (props.showSubtitle) {
-        const title = slots.subtitle ? slots.subtitle() : props.subtitle;
+        const title = slots.subtitle ? slots.subtitle({
+          date: props.date,
+          text: props.subtitle
+        }) : props.subtitle;
         return (0, import_vue.createVNode)("div", {
           "class": (0, import_utils2.bem)("header-subtitle"),
           "onClick": onClickSubtitle

package/lib/cell/Cell.d.ts

@@ -2,6 +2,10 @@ import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 export declare type CellSize = 'normal' | 'large';
 export declare type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
 export declare const cellSharedProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -26,6 +30,10 @@ export declare const cellSharedProps: {
     };
 };
 export declare const cellProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -55,6 +63,10 @@ export declare const cellProps: {
 };
 export declare type CellProps = ExtractPropTypes<typeof cellProps>;
 declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -82,6 +94,10 @@ declare const _default: import("vue").DefineComponent<{
     url: StringConstructor;
     replace: BooleanConstructor;
 }, () => 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;
+    };
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -111,6 +127,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     replace: boolean;
     required: boolean;
+    tag: keyof HTMLElementTagNameMap;
     center: boolean;
     isLink: boolean;
     border: boolean;

package/lib/cell/Cell.js

@@ -29,6 +29,7 @@ var import_use_route = require("../composables/use-route");
 var import_icon = require("../icon");
 const [name, bem] = (0, import_utils.createNamespace)("cell");
 const cellSharedProps = {
+  tag: (0, import_utils.makeStringProp)("div"),
   icon: String,
   size: String,
   title: import_utils.numericProp,
@@ -107,8 +108,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     return () => {
-      var _a, _b;
+      var _a;
       const {
+        tag,
         size,
         center,
         border,
@@ -125,12 +127,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (size) {
         classes[size] = !!size;
       }
-      return (0, import_vue.createVNode)("div", {
+      return (0, import_vue.createVNode)(tag, {
         "class": bem(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route
-      }, [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_b = slots.extra) == null ? void 0 : _b.call(slots)]);
+      }, {
+        default: () => {
+          var _a2;
+          return [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_a2 = slots.extra) == null ? void 0 : _a2.call(slots)];
+        }
+      });
     };
   }
 });

package/lib/cell/index.d.ts

@@ -1,4 +1,8 @@
 export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("./Cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -26,6 +30,10 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     url: StringConstructor;
     replace: BooleanConstructor;
 }, () => 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;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("./Cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -55,6 +63,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
 }>>, {
     replace: boolean;
     required: boolean;
+    tag: keyof HTMLElementTagNameMap;
     center: boolean;
     isLink: boolean;
     border: boolean;

package/lib/collapse-item/CollapseItem.d.ts

@@ -1,5 +1,9 @@
 import { type ExtractPropTypes } from 'vue';
 export declare const collapseItemProps: {
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -37,6 +41,10 @@ export declare const collapseItemProps: {
 };
 export declare type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
 declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -72,6 +80,10 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -108,6 +120,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     required: boolean;
+    tag: keyof HTMLElementTagNameMap;
     center: boolean;
     disabled: boolean;
     isLink: boolean;

package/lib/collapse-item/index.d.ts

@@ -1,4 +1,8 @@
 export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -34,6 +38,10 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         default: true;
     };
 }, (() => JSX.Element) | undefined, 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;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -70,6 +78,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     };
 }>>, {
     required: boolean;
+    tag: keyof HTMLElementTagNameMap;
     center: boolean;
     disabled: boolean;
     isLink: boolean;