vant 4.7.1 → 4.7.3

package/es/search/Search.d.ts

@@ -24,10 +24,6 @@ export declare const searchProps: {
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -36,6 +32,10 @@ export declare const searchProps: {
         type: import("vue").PropType<import("../field").FieldFormatTrigger>;
         default: import("../field").FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -91,10 +91,6 @@ declare const _default: import("vue").DefineComponent<{
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -103,6 +99,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../field").FieldFormatTrigger>;
         default: import("../field").FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -156,10 +156,6 @@ declare const _default: import("vue").DefineComponent<{
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -168,6 +164,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../field").FieldFormatTrigger>;
         default: import("../field").FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -215,9 +215,9 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
-    spellcheck: boolean;
     clearTrigger: import("../field").FieldClearTrigger;
     formatTrigger: import("../field").FieldFormatTrigger;
+    spellcheck: boolean;
     error: boolean;
     readonly: boolean;
     showAction: boolean;

package/es/search/Search.mjs

@@ -82,7 +82,9 @@ var stdin_default = defineComponent({
       return _createVNode(Field, _mergeProps({
         "ref": fieldRef,
         "type": "search",
-        "class": bem("field"),
+        "class": bem("field", {
+          "with-message": fieldAttrs.errorMessage
+        }),
         "border": false,
         "onBlur": onBlur,
         "onFocus": onFocus,

package/es/search/index.css

@@ -1 +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)}
+: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__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

@@ -23,10 +23,6 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;
@@ -35,6 +31,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<import("..").FieldFormatTrigger>;
         default: import("..").FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -88,10 +88,6 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;
@@ -100,6 +96,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<import("..").FieldFormatTrigger>;
         default: import("..").FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -147,9 +147,9 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
-    spellcheck: boolean;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
+    spellcheck: boolean;
     error: boolean;
     readonly: boolean;
     showAction: boolean;

package/es/signature/Signature.mjs

@@ -1,7 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, reactive, onMounted, nextTick, defineComponent } from "vue";
-import { inBrowser, makeNumberProp, makeStringProp, createNamespace, preventDefault } from "../utils/index.mjs";
+import { computed, ref, onMounted, defineComponent, watch } from "vue";
+import { inBrowser, makeNumberProp, makeStringProp, createNamespace, preventDefault, windowWidth } from "../utils/index.mjs";
 import { useRect } from "@vant/use";
+import { useExpose } from "../composables/use-expose.mjs";
 import { Button } from "../button/index.mjs";
 const [name, bem, t] = createNamespace("signature");
 const signatureProps = {
@@ -27,37 +28,37 @@ var stdin_default = defineComponent({
   }) {
     const canvasRef = ref();
     const wrapRef = ref();
-    const state = reactive({
-      width: 0,
-      height: 0,
-      ctx: null,
-      ratio: inBrowser ? window.devicePixelRatio : 1
+    const ctx = computed(() => {
+      if (!canvasRef.value)
+        return null;
+      return canvasRef.value.getContext("2d");
     });
-    let canvasRect;
     const isRenderCanvas = inBrowser ? hasCanvasSupport() : true;
+    let canvasWidth = 0;
+    let canvasHeight = 0;
+    let canvasRect;
     const touchStart = () => {
-      if (!state.ctx) {
+      if (!ctx.value) {
         return false;
       }
-      state.ctx.beginPath();
-      state.ctx.lineWidth = props.lineWidth * state.ratio;
-      state.ctx.strokeStyle = props.penColor;
+      ctx.value.beginPath();
+      ctx.value.lineWidth = props.lineWidth;
+      ctx.value.strokeStyle = props.penColor;
       canvasRect = useRect(canvasRef);
       emit("start");
     };
     const touchMove = (event) => {
-      var _a, _b;
-      if (!state.ctx) {
+      if (!ctx.value) {
         return false;
       }
       preventDefault(event);
       const touch = event.touches[0];
-      const mouseX = (touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0)) * state.ratio;
-      const mouseY = (touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0)) * state.ratio;
-      state.ctx.lineCap = "round";
-      state.ctx.lineJoin = "round";
-      (_a = state.ctx) == null ? void 0 : _a.lineTo(mouseX, mouseY);
-      (_b = state.ctx) == null ? void 0 : _b.stroke();
+      const mouseX = touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0);
+      const mouseY = touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0);
+      ctx.value.lineCap = "round";
+      ctx.value.lineJoin = "round";
+      ctx.value.lineTo(mouseX, mouseY);
+      ctx.value.stroke();
       emit("signing", event);
     };
     const touchEnd = (event) => {
@@ -74,10 +75,10 @@ var stdin_default = defineComponent({
       }
       return canvas.toDataURL() === empty.toDataURL();
     };
-    const setCanvasBgColor = (ctx) => {
-      if (ctx && props.backgroundColor) {
-        ctx.fillStyle = props.backgroundColor;
-        ctx.fillRect(0, 0, state.width, state.height);
+    const setCanvasBgColor = (ctx2) => {
+      if (ctx2 && props.backgroundColor) {
+        ctx2.fillStyle = props.backgroundColor;
+        ctx2.fillRect(0, 0, canvasWidth, canvasHeight);
       }
     };
     const submit = () => {
@@ -97,23 +98,35 @@ var stdin_default = defineComponent({
       });
     };
     const clear = () => {
-      if (state.ctx) {
-        state.ctx.clearRect(0, 0, state.width, state.height);
-        state.ctx.closePath();
-        setCanvasBgColor(state.ctx);
+      if (ctx.value) {
+        ctx.value.clearRect(0, 0, canvasWidth, canvasHeight);
+        ctx.value.closePath();
+        setCanvasBgColor(ctx.value);
       }
       emit("clear");
     };
-    onMounted(() => {
+    const initialize = () => {
       var _a, _b, _c;
-      if (isRenderCanvas) {
-        state.ctx = (_a = canvasRef.value) == null ? void 0 : _a.getContext("2d");
-        state.width = (((_b = wrapRef.value) == null ? void 0 : _b.offsetWidth) || 0) * state.ratio;
-        state.height = (((_c = wrapRef.value) == null ? void 0 : _c.offsetHeight) || 0) * state.ratio;
-        nextTick(() => {
-          setCanvasBgColor(state.ctx);
-        });
+      if (isRenderCanvas && canvasRef.value) {
+        const canvas = canvasRef.value;
+        const dpr = inBrowser ? window.devicePixelRatio : 1;
+        canvasWidth = canvas.width = (((_a = wrapRef.value) == null ? void 0 : _a.offsetWidth) || 0) * dpr;
+        canvasHeight = canvas.height = (((_b = wrapRef.value) == null ? void 0 : _b.offsetHeight) || 0) * dpr;
+        (_c = ctx.value) == null ? void 0 : _c.scale(dpr, dpr);
+        setCanvasBgColor(ctx.value);
       }
+    };
+    const resize = () => {
+      if (ctx.value) {
+        const data = ctx.value.getImageData(0, 0, canvasWidth, canvasHeight);
+        initialize();
+        ctx.value.putImageData(data, 0, 0);
+      }
+    };
+    watch(windowWidth, resize);
+    onMounted(initialize);
+    useExpose({
+      resize
     });
     return () => _createVNode("div", {
       "class": bem()
@@ -122,8 +135,6 @@ var stdin_default = defineComponent({
       "ref": wrapRef
     }, [isRenderCanvas ? _createVNode("canvas", {
       "ref": canvasRef,
-      "width": state.width,
-      "height": state.height,
       "onTouchstartPassive": touchStart,
       "onTouchmove": touchMove,
       "onTouchend": touchEnd

package/es/signature/index.d.ts

@@ -52,7 +52,7 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
 }, {}>>;
 export default Signature;
 export type { SignatureProps } from './Signature';
-export type { SignatureThemeVars } from './types';
+export type { SignatureInstance, SignatureThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         Signature: typeof Signature;

package/es/signature/types.d.ts

@@ -1,3 +1,9 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { SignatureProps } from './Signature';
+export type SignatureExpose = {
+    resize: () => void;
+};
+export type SignatureInstance = ComponentPublicInstance<SignatureProps, SignatureExpose>;
 export type SignatureThemeVars = {
     signaturePadding?: string;
     signatureContentHeight?: string;

package/es/tabs/Tabs.d.ts

@@ -34,6 +34,10 @@ export declare const tabsProps: {
         type: BooleanConstructor;
         default: true;
     };
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lineWidth: (NumberConstructor | StringConstructor)[];
     lineHeight: (NumberConstructor | StringConstructor)[];
     beforeChange: PropType<Interceptor>;
@@ -79,6 +83,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lineWidth: (NumberConstructor | StringConstructor)[];
     lineHeight: (NumberConstructor | StringConstructor)[];
     beforeChange: PropType<Interceptor>;
@@ -121,6 +129,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lineWidth: (NumberConstructor | StringConstructor)[];
     lineHeight: (NumberConstructor | StringConstructor)[];
     beforeChange: PropType<Interceptor>;
@@ -149,6 +161,7 @@ declare const _default: import("vue").DefineComponent<{
     swipeable: boolean;
     shrink: boolean;
     scrollspy: boolean;
+    showHeader: boolean;
     swipeThreshold: string | number;
 }, {}>;
 export default _default;

package/es/tabs/Tabs.mjs

@@ -27,6 +27,7 @@ const tabsProps = {
   offsetTop: makeNumericProp(0),
   background: String,
   lazyRender: truthProp,
+  showHeader: truthProp,
   lineWidth: numericProp,
   lineHeight: numericProp,
   beforeChange: Function,
@@ -328,13 +329,13 @@ var stdin_default = defineComponent({
     return () => _createVNode("div", {
       "ref": root,
       "class": bem([props.type])
-    }, [props.sticky ? _createVNode(Sticky, {
+    }, [props.showHeader ? props.sticky ? _createVNode(Sticky, {
       "container": root.value,
       "offsetTop": offsetTopPx.value,
       "onScroll": onStickyScroll
     }, {
       default: () => [renderHeader()]
-    }) : renderHeader(), _createVNode(TabsContent, {
+    }) : renderHeader() : null, _createVNode(TabsContent, {
       "ref": contentRef,
       "count": children.length,
       "inited": state.inited,

package/es/tabs/index.d.ts

@@ -32,6 +32,10 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lineWidth: (NumberConstructor | StringConstructor)[];
     lineHeight: (NumberConstructor | StringConstructor)[];
     beforeChange: import("vue").PropType<import("../utils").Interceptor>;
@@ -74,6 +78,10 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lineWidth: (NumberConstructor | StringConstructor)[];
     lineHeight: (NumberConstructor | StringConstructor)[];
     beforeChange: import("vue").PropType<import("../utils").Interceptor>;
@@ -102,6 +110,7 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     swipeable: boolean;
     shrink: boolean;
     scrollspy: boolean;
+    showHeader: boolean;
     swipeThreshold: string | number;
 }, {}>>;
 export default Tabs;

package/es/text-ellipsis/index.css

@@ -1 +1 @@
-:root{--van-text-ellipsis-line-height: 1.6;--van-text-ellipsis-action-color: var(--van-blue)}.van-text-ellipsis{line-height:var(--van-text-ellipsis-line-height);white-space:pre-wrap;word-break:break-word}.van-text-ellipsis__action{cursor:pointer;color:var(--van-text-ellipsis-action-color)}.van-text-ellipsis__action:active{opacity:var(--van-active-opacity)}
+:root{--van-text-ellipsis-line-height: 1.6;--van-text-ellipsis-action-color: var(--van-blue)}.van-text-ellipsis{line-height:var(--van-text-ellipsis-line-height);white-space:pre-wrap;overflow-wrap:break-word}.van-text-ellipsis__action{cursor:pointer;color:var(--van-text-ellipsis-action-color)}.van-text-ellipsis__action:active{opacity:var(--van-active-opacity)}

package/es/uploader/Uploader.mjs

@@ -1,5 +1,5 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { ref, reactive, defineComponent, onBeforeUnmount } from "vue";
+import { ref, reactive, defineComponent, onBeforeUnmount, nextTick } from "vue";
 import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils/index.mjs";
 import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils.mjs";
 import { useCustomFieldValue } from "@vant/use";
@@ -47,6 +47,7 @@ var stdin_default = defineComponent({
     const inputRef = ref();
     const urls = [];
     const reuploadIndex = ref(-1);
+    const isReuploading = ref(false);
     const getDetail = (index = props.modelValue.length) => ({
       name: props.name,
       index
@@ -183,8 +184,15 @@ var stdin_default = defineComponent({
       emit("delete", item, getDetail(index));
     };
     const reuploadImage = (index) => {
-      chooseFile();
+      isReuploading.value = true;
       reuploadIndex.value = index;
+      nextTick(() => chooseFile());
+    };
+    const onInputClick = () => {
+      if (!isReuploading.value) {
+        reuploadIndex.value = -1;
+      }
+      isReuploading.value = false;
     };
     const renderPreviewItem = (item, index) => {
       const needPickData = ["imageFit", "deletable", "reupload", "previewSize", "beforeDelete"];
@@ -217,7 +225,8 @@ var stdin_default = defineComponent({
         "capture": props.capture,
         "multiple": props.multiple && reuploadIndex.value === -1,
         "disabled": props.disabled,
-        "onChange": onChange
+        "onChange": onChange,
+        "onClick": onInputClick
       }, null);
       if (slots.default) {
         return _withDirectives(_createVNode("div", {

package/lib/address-edit/AddressEdit.js

@@ -260,7 +260,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "label": t("area"),
             "is-link": !disableArea,
             "modelValue": areaText.value,
-            "rules": rules.value.areaCode,
+            "rules": props.showArea ? rules.value.areaCode : void 0,
             "placeholder": props.areaPlaceholder || t("area"),
             "onFocus": () => onFocus("areaCode"),
             "onClick": () => {

package/lib/cell/Cell.d.ts

@@ -17,13 +17,16 @@ export declare const cellSharedProps: {
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | CSSProperties>;
     arrowDirection: PropType<CellArrowDirection>;
+    required: {
+        type: PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -45,13 +48,16 @@ export declare const cellProps: {
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | CSSProperties>;
     arrowDirection: PropType<CellArrowDirection>;
+    required: {
+        type: PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -78,13 +84,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | CSSProperties>;
     arrowDirection: PropType<CellArrowDirection>;
+    required: {
+        type: PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -109,13 +118,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | CSSProperties>;
     arrowDirection: PropType<CellArrowDirection>;
+    required: {
+        type: PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -130,7 +142,7 @@ declare const _default: import("vue").DefineComponent<{
     center: boolean;
     border: boolean;
     isLink: boolean;
-    required: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
 }, {}>;
 export default _default;

package/lib/cell/Cell.js

@@ -38,13 +38,16 @@ const cellSharedProps = {
   center: Boolean,
   isLink: Boolean,
   border: import_utils.truthProp,
-  required: Boolean,
   iconPrefix: String,
   valueClass: import_utils.unknownProp,
   labelClass: import_utils.unknownProp,
   titleClass: import_utils.unknownProp,
   titleStyle: null,
   arrowDirection: String,
+  required: {
+    type: [Boolean, String],
+    default: null
+  },
   clickable: {
     type: Boolean,
     default: null
@@ -125,7 +128,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const clickable = (_a = props.clickable) != null ? _a : isLink;
       const classes = {
         center,
-        required,
+        required: !!required,
         clickable,
         borderless: !border
       };

package/lib/cell/index.d.ts

@@ -14,13 +14,16 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("./Cell").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -45,13 +48,16 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("./Cell").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -66,7 +72,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     center: boolean;
     border: boolean;
     isLink: boolean;
-    required: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
 }, {}>>;
 export default Cell;