vant 4.6.1 → 4.6.2

package/lib/vant.js

@@ -4382,8 +4382,14 @@
     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: {
@@ -4711,7 +4717,10 @@
           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,
@@ -5693,7 +5702,6 @@
   const Tag = withInstall(stdin_default$1o);
   const checkerProps = {
     name: unknownProp,
-    shape: makeStringProp("round"),
     disabled: Boolean,
     iconSize: numericProp,
     modelValue: unknownProp,
@@ -5705,6 +5713,7 @@
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
+      shape: makeStringProp("round"),
       parent: Object,
       checked: Boolean,
       bindGroup: truthProp
@@ -5755,6 +5764,7 @@
         emit("click", event);
       };
       const renderIcon = () => {
+        var _a, _b;
         const {
           bem: bem2,
           shape,
@@ -5767,15 +5777,24 @@
             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 = () => {
@@ -5802,11 +5821,13 @@
       };
     }
   });
-  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,
@@ -7857,6 +7878,7 @@
   });
   const [name$$, bem$_] = createNamespace("checkbox");
   const checkboxProps = extend({}, checkerProps, {
+    shape: makeStringProp("round"),
     bindGroup: truthProp
   });
   var stdin_default$18 = vue.defineComponent({
@@ -10066,10 +10088,10 @@
   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: () => ({
@@ -10100,8 +10122,8 @@
       });
       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);
@@ -10199,9 +10221,7 @@
           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;
@@ -15758,7 +15778,8 @@
     dots: makeStringProp("..."),
     content: makeStringProp(""),
     expandText: makeStringProp(""),
-    collapseText: makeStringProp("")
+    collapseText: makeStringProp(""),
+    position: makeStringProp("end")
   };
   var stdin_default$9 = vue.defineComponent({
     name: name$4,
@@ -15771,6 +15792,7 @@
       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;
@@ -15799,24 +15821,53 @@
         };
         const calcEllipsisText = (container2, maxHeight2) => {
           const {
-            dots,
             content,
-            expandText
+            position,
+            dots
           } = props2;
-          let left2 = 0;
-          let right2 = content.length;
-          let res = -1;
-          while (left2 <= right2) {
-            const mid = Math.floor((left2 + right2) / 2);
-            container2.innerText = content.slice(0, mid) + dots + expandText;
-            if (container2.offsetHeight <= maxHeight2) {
-              left2 = mid + 1;
-              res = mid;
-            } else {
-              right2 = mid - 1;
+          const end2 = content.length;
+          const calcEllipse = () => {
+            const tail = (left2, right2) => {
+              if (right2 - left2 <= 1) {
+                if (position === "end") {
+                  return content.slice(0, left2) + dots;
+                }
+                return dots + content.slice(right2, end2);
+              }
+              const middle2 = Math.round(left2 + right2 >> 1);
+              if (position === "end") {
+                container2.innerText = content.slice(0, middle2) + dots + actionText.value;
+              } else {
+                container2.innerText = dots + content.slice(middle2, end2) + actionText.value;
+              }
+              if (container2.offsetHeight > maxHeight2) {
+                if (position === "end") {
+                  return tail(left2, middle2);
+                }
+                return tail(middle2, right2);
+              }
+              if (position === "end") {
+                return tail(middle2, right2);
+              }
+              return tail(left2, middle2);
+            };
+            container2.innerText = tail(0, end2);
+          };
+          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], end2);
             }
-          }
-          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, end2);
+            if (container2.offsetHeight >= maxHeight2) {
+              return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+            }
+            return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+          };
+          const middle = 0 + end2 >> 1;
+          props2.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end2]) : calcEllipse();
+          return container2.innerText;
         };
         const container = cloneContainer();
         if (!container)
@@ -15826,7 +15877,7 @@
           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);
@@ -15845,7 +15896,7 @@
         "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);
       useEventListener("resize", calcEllipsised);
       return () => vue.createVNode("div", {
         "ref": root,
@@ -17484,7 +17535,7 @@
       });
     }
   };
-  const version = "4.6.1";
+  const version = "4.6.2";
   function install(app) {
     const components = [
       ActionBar,