vant 4.6.1 → 4.6.2

package/lib/vant.cjs.js

@@ -3977,8 +3977,14 @@ const fieldSharedProps = {
   inputAlign: String,
   placeholder: String,
   autocomplete: String,
+  autocapitalize: String,
+  autocorrect: String,
   errorMessage: String,
   enterkeyhint: String,
+  spellcheck: {
+    type: Boolean,
+    default: null
+  },
   clearTrigger: makeStringProp("focus"),
   formatTrigger: makeStringProp("onChange"),
   error: {
@@ -4306,7 +4312,10 @@ var stdin_default$1u = vue.defineComponent({
         autofocus: props2.autofocus,
         placeholder: props2.placeholder,
         autocomplete: props2.autocomplete,
+        autocapitalize: props2.autocapitalize,
+        autocorrect: props2.autocorrect,
         enterkeyhint: props2.enterkeyhint,
+        spellcheck: props2.spellcheck,
         "aria-labelledby": props2.label ? `${id}-label` : void 0,
         onBlur,
         onFocus,
@@ -5288,7 +5297,6 @@ var stdin_default$1o = vue.defineComponent({
 const Tag = withInstall(stdin_default$1o);
 const checkerProps = {
   name: unknownProp,
-  shape: makeStringProp("round"),
   disabled: Boolean,
   iconSize: numericProp,
   modelValue: unknownProp,
@@ -5300,6 +5308,7 @@ var stdin_default$1n = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
+    shape: makeStringProp("round"),
     parent: Object,
     checked: Boolean,
     bindGroup: truthProp
@@ -5350,6 +5359,7 @@ var stdin_default$1n = vue.defineComponent({
       emit("click", event);
     };
     const renderIcon = () => {
+      var _a, _b;
       const {
         bem: bem2,
         shape,
@@ -5362,15 +5372,24 @@ var stdin_default$1n = vue.defineComponent({
           disabled: disabled.value,
           checked
         }]),
-        "style": {
+        "style": shape !== "dot" ? {
           fontSize: addUnit(iconSize)
+        } : {
+          width: addUnit(iconSize),
+          height: addUnit(iconSize),
+          borderColor: (_a = iconStyle.value) == null ? void 0 : _a.borderColor
         }
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
-      }) : vue.createVNode(Icon, {
+      }) : shape !== "dot" ? vue.createVNode(Icon, {
         "name": "success",
         "style": iconStyle.value
+      }, null) : vue.createVNode("div", {
+        "class": bem2("icon--dot__icon"),
+        "style": {
+          backgroundColor: (_b = iconStyle.value) == null ? void 0 : _b.backgroundColor
+        }
       }, null)]);
     };
     const renderLabel = () => {
@@ -5397,11 +5416,13 @@ var stdin_default$1n = vue.defineComponent({
     };
   }
 });
-const radioProps = checkerProps;
+const radioProps = extend({}, checkerProps, {
+  shape: makeStringProp("round")
+});
 const [name$1d, bem$19] = createNamespace("radio");
 var stdin_default$1m = vue.defineComponent({
   name: name$1d,
-  props: checkerProps,
+  props: radioProps,
   emits: ["update:modelValue"],
   setup(props2, {
     emit,
@@ -7455,6 +7476,7 @@ var stdin_default$19 = vue.defineComponent({
 });
 const [name$$, bem$_] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
+  shape: makeStringProp("round"),
   bindGroup: truthProp
 });
 var stdin_default$18 = vue.defineComponent({
@@ -9687,10 +9709,10 @@ var stdin_default$S = vue.defineComponent({
 const DropdownItem = withInstall(stdin_default$S);
 const DropdownMenu = withInstall(stdin_default$T);
 const floatingBubbleProps = {
+  gap: makeNumberProp(24),
+  icon: String,
   axis: makeStringProp("y"),
   magnetic: String,
-  icon: String,
-  gap: makeNumberProp(24),
   offset: {
     type: Object,
     default: () => ({
@@ -9721,8 +9743,8 @@ var stdin_default$R = vue.defineComponent({
     });
     const boundary = vue.computed(() => ({
       top: props2.gap,
-      right: windowWidth.value - state.value.height - props2.gap,
-      bottom: windowHeight.value - state.value.width - props2.gap,
+      right: windowWidth.value - state.value.width - props2.gap,
+      bottom: windowHeight.value - state.value.height - props2.gap,
       left: props2.gap
     }));
     const dragging = vue.ref(false);
@@ -9820,9 +9842,7 @@ var stdin_default$R = vue.defineComponent({
         initialized = true;
       });
     });
-    vue.watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], () => updateState(), {
-      deep: true
-    });
+    vue.watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState);
     const show = vue.ref(true);
     vue.onActivated(() => {
       show.value = true;
@@ -14582,7 +14602,8 @@ const textEllipsisProps = {
   dots: makeStringProp("..."),
   content: makeStringProp(""),
   expandText: makeStringProp(""),
-  collapseText: makeStringProp("")
+  collapseText: makeStringProp(""),
+  position: makeStringProp("end")
 };
 var stdin_default$9 = vue.defineComponent({
   name: name$4,
@@ -14595,6 +14616,7 @@ var stdin_default$9 = vue.defineComponent({
     const expanded = vue.ref(false);
     const hasAction = vue.ref(false);
     const root = vue.ref();
+    const actionText = vue.computed(() => expanded.value ? props2.expandText : props2.collapseText);
     const pxToNum = (value) => {
       if (!value)
         return 0;
@@ -14623,24 +14645,53 @@ var stdin_default$9 = vue.defineComponent({
       };
       const calcEllipsisText = (container2, maxHeight2) => {
         const {
-          dots,
           content,
-          expandText
+          position,
+          dots
         } = props2;
-        let left = 0;
-        let right = content.length;
-        let res = -1;
-        while (left <= right) {
-          const mid = Math.floor((left + right) / 2);
-          container2.innerText = content.slice(0, mid) + dots + expandText;
-          if (container2.offsetHeight <= maxHeight2) {
-            left = mid + 1;
-            res = mid;
-          } else {
-            right = mid - 1;
+        const end = content.length;
+        const calcEllipse = () => {
+          const tail = (left, right) => {
+            if (right - left <= 1) {
+              if (position === "end") {
+                return content.slice(0, left) + dots;
+              }
+              return dots + content.slice(right, end);
+            }
+            const middle2 = Math.round(left + right >> 1);
+            if (position === "end") {
+              container2.innerText = content.slice(0, middle2) + dots + actionText.value;
+            } else {
+              container2.innerText = dots + content.slice(middle2, end) + actionText.value;
+            }
+            if (container2.offsetHeight > maxHeight2) {
+              if (position === "end") {
+                return tail(left, middle2);
+              }
+              return tail(middle2, right);
+            }
+            if (position === "end") {
+              return tail(middle2, right);
+            }
+            return tail(left, middle2);
+          };
+          container2.innerText = tail(0, end);
+        };
+        const middleTail = (leftPart, rightPart) => {
+          if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+            return content.slice(0, leftPart[1]) + dots + dots + content.slice(rightPart[1], end);
           }
-        }
-        return content.slice(0, res) + dots;
+          const leftMiddle = Math.floor(leftPart[0] + leftPart[1] >> 1);
+          const rightMiddle = Math.ceil(rightPart[0] + rightPart[1] >> 1);
+          container2.innerText = props2.content.slice(0, leftMiddle) + props2.dots + actionText.value + props2.dots + props2.content.slice(rightMiddle, end);
+          if (container2.offsetHeight >= maxHeight2) {
+            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+          }
+          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+        };
+        const middle = 0 + end >> 1;
+        props2.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
+        return container2.innerText;
       };
       const container = cloneContainer();
       if (!container)
@@ -14650,7 +14701,7 @@ var stdin_default$9 = vue.defineComponent({
         paddingTop,
         lineHeight
       } = container.style;
-      const maxHeight = (Number(props2.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
+      const maxHeight = Math.ceil((Number(props2.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
       if (maxHeight < container.offsetHeight) {
         hasAction.value = true;
         text.value = calcEllipsisText(container, maxHeight);
@@ -14669,7 +14720,7 @@ var stdin_default$9 = vue.defineComponent({
       "onClick": onClickAction
     }, [expanded.value ? props2.collapseText : props2.expandText]);
     vue.onMounted(calcEllipsised);
-    vue.watch(() => [props2.content, props2.rows], calcEllipsised);
+    vue.watch(() => [props2.content, props2.rows, props2.position], calcEllipsised);
     use.useEventListener("resize", calcEllipsised);
     return () => vue.createVNode("div", {
       "ref": root,
@@ -16328,7 +16379,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.6.1";
+const version = "4.6.2";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -3975,8 +3975,14 @@ const fieldSharedProps = {
   inputAlign: String,
   placeholder: String,
   autocomplete: String,
+  autocapitalize: String,
+  autocorrect: String,
   errorMessage: String,
   enterkeyhint: String,
+  spellcheck: {
+    type: Boolean,
+    default: null
+  },
   clearTrigger: makeStringProp("focus"),
   formatTrigger: makeStringProp("onChange"),
   error: {
@@ -4304,7 +4310,10 @@ var stdin_default$1u = defineComponent({
         autofocus: props2.autofocus,
         placeholder: props2.placeholder,
         autocomplete: props2.autocomplete,
+        autocapitalize: props2.autocapitalize,
+        autocorrect: props2.autocorrect,
         enterkeyhint: props2.enterkeyhint,
+        spellcheck: props2.spellcheck,
         "aria-labelledby": props2.label ? `${id}-label` : void 0,
         onBlur,
         onFocus,
@@ -5286,7 +5295,6 @@ var stdin_default$1o = defineComponent({
 const Tag = withInstall(stdin_default$1o);
 const checkerProps = {
   name: unknownProp,
-  shape: makeStringProp("round"),
   disabled: Boolean,
   iconSize: numericProp,
   modelValue: unknownProp,
@@ -5298,6 +5306,7 @@ var stdin_default$1n = defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
+    shape: makeStringProp("round"),
     parent: Object,
     checked: Boolean,
     bindGroup: truthProp
@@ -5348,6 +5357,7 @@ var stdin_default$1n = defineComponent({
       emit("click", event);
     };
     const renderIcon = () => {
+      var _a, _b;
       const {
         bem: bem2,
         shape,
@@ -5360,15 +5370,24 @@ var stdin_default$1n = defineComponent({
           disabled: disabled.value,
           checked
         }]),
-        "style": {
+        "style": shape !== "dot" ? {
           fontSize: addUnit(iconSize)
+        } : {
+          width: addUnit(iconSize),
+          height: addUnit(iconSize),
+          borderColor: (_a = iconStyle.value) == null ? void 0 : _a.borderColor
         }
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
-      }) : createVNode(Icon, {
+      }) : shape !== "dot" ? createVNode(Icon, {
         "name": "success",
         "style": iconStyle.value
+      }, null) : createVNode("div", {
+        "class": bem2("icon--dot__icon"),
+        "style": {
+          backgroundColor: (_b = iconStyle.value) == null ? void 0 : _b.backgroundColor
+        }
       }, null)]);
     };
     const renderLabel = () => {
@@ -5395,11 +5414,13 @@ var stdin_default$1n = defineComponent({
     };
   }
 });
-const radioProps = checkerProps;
+const radioProps = extend({}, checkerProps, {
+  shape: makeStringProp("round")
+});
 const [name$1d, bem$19] = createNamespace("radio");
 var stdin_default$1m = defineComponent({
   name: name$1d,
-  props: checkerProps,
+  props: radioProps,
   emits: ["update:modelValue"],
   setup(props2, {
     emit,
@@ -7453,6 +7474,7 @@ var stdin_default$19 = defineComponent({
 });
 const [name$$, bem$_] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
+  shape: makeStringProp("round"),
   bindGroup: truthProp
 });
 var stdin_default$18 = defineComponent({
@@ -9685,10 +9707,10 @@ var stdin_default$S = defineComponent({
 const DropdownItem = withInstall(stdin_default$S);
 const DropdownMenu = withInstall(stdin_default$T);
 const floatingBubbleProps = {
+  gap: makeNumberProp(24),
+  icon: String,
   axis: makeStringProp("y"),
   magnetic: String,
-  icon: String,
-  gap: makeNumberProp(24),
   offset: {
     type: Object,
     default: () => ({
@@ -9719,8 +9741,8 @@ var stdin_default$R = defineComponent({
     });
     const boundary = computed(() => ({
       top: props2.gap,
-      right: windowWidth.value - state.value.height - props2.gap,
-      bottom: windowHeight.value - state.value.width - props2.gap,
+      right: windowWidth.value - state.value.width - props2.gap,
+      bottom: windowHeight.value - state.value.height - props2.gap,
       left: props2.gap
     }));
     const dragging = ref(false);
@@ -9818,9 +9840,7 @@ var stdin_default$R = defineComponent({
         initialized = true;
       });
     });
-    watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], () => updateState(), {
-      deep: true
-    });
+    watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState);
     const show = ref(true);
     onActivated(() => {
       show.value = true;
@@ -14580,7 +14600,8 @@ const textEllipsisProps = {
   dots: makeStringProp("..."),
   content: makeStringProp(""),
   expandText: makeStringProp(""),
-  collapseText: makeStringProp("")
+  collapseText: makeStringProp(""),
+  position: makeStringProp("end")
 };
 var stdin_default$9 = defineComponent({
   name: name$4,
@@ -14593,6 +14614,7 @@ var stdin_default$9 = defineComponent({
     const expanded = ref(false);
     const hasAction = ref(false);
     const root = ref();
+    const actionText = computed(() => expanded.value ? props2.expandText : props2.collapseText);
     const pxToNum = (value) => {
       if (!value)
         return 0;
@@ -14621,24 +14643,53 @@ var stdin_default$9 = defineComponent({
       };
       const calcEllipsisText = (container2, maxHeight2) => {
         const {
-          dots,
           content,
-          expandText
+          position,
+          dots
         } = props2;
-        let left = 0;
-        let right = content.length;
-        let res = -1;
-        while (left <= right) {
-          const mid = Math.floor((left + right) / 2);
-          container2.innerText = content.slice(0, mid) + dots + expandText;
-          if (container2.offsetHeight <= maxHeight2) {
-            left = mid + 1;
-            res = mid;
-          } else {
-            right = mid - 1;
+        const end = content.length;
+        const calcEllipse = () => {
+          const tail = (left, right) => {
+            if (right - left <= 1) {
+              if (position === "end") {
+                return content.slice(0, left) + dots;
+              }
+              return dots + content.slice(right, end);
+            }
+            const middle2 = Math.round(left + right >> 1);
+            if (position === "end") {
+              container2.innerText = content.slice(0, middle2) + dots + actionText.value;
+            } else {
+              container2.innerText = dots + content.slice(middle2, end) + actionText.value;
+            }
+            if (container2.offsetHeight > maxHeight2) {
+              if (position === "end") {
+                return tail(left, middle2);
+              }
+              return tail(middle2, right);
+            }
+            if (position === "end") {
+              return tail(middle2, right);
+            }
+            return tail(left, middle2);
+          };
+          container2.innerText = tail(0, end);
+        };
+        const middleTail = (leftPart, rightPart) => {
+          if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+            return content.slice(0, leftPart[1]) + dots + dots + content.slice(rightPart[1], end);
           }
-        }
-        return content.slice(0, res) + dots;
+          const leftMiddle = Math.floor(leftPart[0] + leftPart[1] >> 1);
+          const rightMiddle = Math.ceil(rightPart[0] + rightPart[1] >> 1);
+          container2.innerText = props2.content.slice(0, leftMiddle) + props2.dots + actionText.value + props2.dots + props2.content.slice(rightMiddle, end);
+          if (container2.offsetHeight >= maxHeight2) {
+            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+          }
+          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+        };
+        const middle = 0 + end >> 1;
+        props2.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
+        return container2.innerText;
       };
       const container = cloneContainer();
       if (!container)
@@ -14648,7 +14699,7 @@ var stdin_default$9 = defineComponent({
         paddingTop,
         lineHeight
       } = container.style;
-      const maxHeight = (Number(props2.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
+      const maxHeight = Math.ceil((Number(props2.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
       if (maxHeight < container.offsetHeight) {
         hasAction.value = true;
         text.value = calcEllipsisText(container, maxHeight);
@@ -14667,7 +14718,7 @@ var stdin_default$9 = defineComponent({
       "onClick": onClickAction
     }, [expanded.value ? props2.collapseText : props2.expandText]);
     onMounted(calcEllipsised);
-    watch(() => [props2.content, props2.rows], calcEllipsised);
+    watch(() => [props2.content, props2.rows, props2.position], calcEllipsised);
     useEventListener("resize", calcEllipsised);
     return () => createVNode("div", {
       "ref": root,
@@ -16326,7 +16377,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.6.1";
+const version = "4.6.2";
 function install(app) {
   const components = [
     ActionBar,