vant 4.9.22 → 4.9.23

package/lib/action-bar-icon/ActionBarIcon.d.ts

@@ -13,6 +13,7 @@ export declare const actionBarIconProps: {
     iconClass: PropType<unknown>;
     badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 };
 export type ActionBarIconProps = ExtractPropTypes<typeof actionBarIconProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -28,6 +29,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     iconClass: PropType<unknown>;
     badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -41,8 +43,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     iconClass: PropType<unknown>;
     badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 }>> & Readonly<{}>, {
     replace: boolean;
     dot: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/action-bar-icon/ActionBarIcon.js

@@ -37,7 +37,8 @@ const actionBarIconProps = (0, import_utils.extend)({}, import_use_route.routePr
   badge: import_utils.numericProp,
   iconClass: import_utils.unknownProp,
   badgeProps: Object,
-  iconPrefix: String
+  iconPrefix: String,
+  disabled: Boolean
 });
 var stdin_default = (0, import_vue.defineComponent)({
   name,
@@ -77,11 +78,18 @@ var stdin_default = (0, import_vue.defineComponent)({
         "classPrefix": iconPrefix
       }, null);
     };
+    const onClick = () => {
+      if (!props.disabled) {
+        route();
+      }
+    };
     return () => (0, import_vue.createVNode)("div", {
       "role": "button",
-      "class": bem(),
-      "tabindex": 0,
-      "onClick": route
+      "class": bem({
+        disabled: props.disabled
+      }),
+      "tabindex": props.disabled ? -1 : 0,
+      "onClick": onClick
     }, [renderIcon(), slots.default ? slots.default() : props.text]);
   }
 });

package/lib/action-bar-icon/index.css

@@ -1 +1 @@
-:root,:host{--van-action-bar-icon-width: 48px;--van-action-bar-icon-height: 100%;--van-action-bar-icon-color: var(--van-text-color);--van-action-bar-icon-size: 18px;--van-action-bar-icon-font-size: var(--van-font-size-xs);--van-action-bar-icon-active-color: var(--van-active-color);--van-action-bar-icon-text-color: var(--van-text-color);--van-action-bar-icon-background: var(--van-background-2)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}
+:root,:host{--van-action-bar-icon-width: 48px;--van-action-bar-icon-height: 100%;--van-action-bar-icon-color: var(--van-text-color);--van-action-bar-icon-size: 18px;--van-action-bar-icon-font-size: var(--van-font-size-xs);--van-action-bar-icon-active-color: var(--van-active-color);--van-action-bar-icon-text-color: var(--van-text-color);--van-action-bar-icon-background: var(--van-background-2)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon--disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-action-bar-icon--disabled:active{background-color:transparent}.van-action-bar-icon--disabled .van-action-bar-icon__icon{color:var(--van-text-color-3)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}

package/lib/action-bar-icon/index.d.ts

@@ -11,6 +11,7 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     iconClass: import("vue").PropType<unknown>;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -24,9 +25,11 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     iconClass: import("vue").PropType<unknown>;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 }>> & Readonly<{}>, {
     replace: boolean;
     dot: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ActionBarIcon;
 export { actionBarIconProps } from './ActionBarIcon';

package/lib/field/Field.js

@@ -228,10 +228,11 @@ var stdin_default = (0, import_vue.defineComponent)({
         if (modelValue && (0, import_utils2.getStringLength)(modelValue) === +maxlength) {
           return modelValue;
         }
-        const selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
+        let selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
         if (state.focused && selectionEnd) {
           const valueArr = [...value];
           const exceededLength = valueArr.length - +maxlength;
+          selectionEnd = (0, import_utils2.getStringLength)(value.slice(0, selectionEnd));
           valueArr.splice(selectionEnd - exceededLength, exceededLength);
           return valueArr.join("");
         }

package/lib/floating-panel/FloatingPanel.d.ts

@@ -16,6 +16,10 @@ export declare const floatingPanelProps: {
         type: BooleanConstructor;
         default: true;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -44,6 +48,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -70,6 +78,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -89,6 +101,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     lockScroll: boolean;
     magnetic: boolean;
     anchors: number[];
+    draggable: boolean;
     contentDraggable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/floating-panel/FloatingPanel.js

@@ -32,6 +32,7 @@ const floatingPanelProps = {
   anchors: (0, import_utils.makeArrayProp)(),
   duration: (0, import_utils.makeNumericProp)(0.3),
   magnetic: import_utils.truthProp,
+  draggable: import_utils.truthProp,
   contentDraggable: import_utils.truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: import_utils.truthProp
@@ -81,6 +82,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     let maxScroll = -1;
     const touch = (0, import_use_touch.useTouch)();
     const onTouchstart = (e) => {
+      if (!props.draggable) return;
       touch.start(e);
       dragging.value = true;
       startY = -height.value;
@@ -88,6 +90,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     const onTouchmove = (e) => {
       var _a;
+      if (!props.draggable) return;
       touch.move(e);
       const target = e.target;
       if (contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target))) {
@@ -107,7 +110,13 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     const onTouchend = () => {
       maxScroll = -1;
+      if (!dragging.value) {
+        return;
+      }
       dragging.value = false;
+      if (!props.draggable) {
+        return;
+      }
       if (props.magnetic) {
         height.value = (0, import_utils.closest)(anchors.value, height.value);
       } else {
@@ -136,6 +145,9 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (slots.header) {
         return slots.header();
       }
+      if (!props.draggable) {
+        return null;
+      }
       return (0, import_vue.createVNode)("div", {
         "class": bem("header")
       }, [(0, import_vue.createVNode)("div", {

package/lib/floating-panel/index.css

@@ -1 +1 @@
-:root,:host{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background);will-change:transform}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background)}
+:root,:host{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background);will-change:transform}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background);-webkit-overflow-scrolling:touch}

package/lib/floating-panel/index.d.ts

@@ -15,6 +15,10 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue")
         type: BooleanConstructor;
         default: true;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -41,6 +45,10 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue")
         type: BooleanConstructor;
         default: true;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -60,6 +68,7 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue")
     lockScroll: boolean;
     magnetic: boolean;
     anchors: number[];
+    draggable: boolean;
     contentDraggable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default FloatingPanel;