@varlet/ui 3.11.3 → 3.11.5-alpha.1757669330360

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.11.3",
+  "version": "3.11.5-alpha.1757669330360",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -4482,6 +4482,24 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "prevent-auto-fill",
+              "description": "Prevent browser autofill behavior",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "inputmode",
+              "description": "Consistent with the inputmode property of native input",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.11.3",
+  "version": "3.11.5-alpha.1757669330360",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -4533,6 +4533,24 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "prevent-auto-fill",
+              "description": "阻止浏览器的自动填充行为",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "inputmode",
+              "description": "与原生 input 的 inputmode 属性一致",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/lib/varlet.cjs.js

@@ -4730,6 +4730,11 @@ const props$1e = __spreadProps$a(__spreadValues$s({
   },
   rules: [Array, Function, Object],
   enterkeyhint: String,
+  preventAutoFill: {
+    type: Boolean,
+    default: true
+  },
+  inputmode: String,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onInput: defineListenerProp(),
@@ -4812,7 +4817,7 @@ function __render__$1l(_ctx, _cache) {
             vue.renderSlot(_ctx.$slots, "append-icon")
           ]),
           default: vue.withCtx(() => [
-            _ctx.normalizedType === "password" ? (vue.openBlock(), vue.createElementBlock("input", {
+            _ctx.normalizedType === "password" && _ctx.preventAutoFill ? (vue.openBlock(), vue.createElementBlock("input", {
               key: 0,
               tabindex: "-1",
               "aria-label": _ctx.ariaLabel,
@@ -4846,7 +4851,7 @@ function __render__$1l(_ctx, _cache) {
               maxlength: _ctx.maxlength,
               rows: _ctx.rows,
               enterkeyhint: _ctx.enterkeyhint,
-              inputmode: _ctx.type === "number" ? "decimal" : void 0,
+              inputmode: _ctx.inputmode != null ? _ctx.inputmode : _ctx.type === "number" ? "decimal" : void 0,
               style: vue.normalizeStyle({
                 color: !_ctx.errorMessage ? _ctx.textColor : void 0,
                 caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,
@@ -4880,7 +4885,7 @@ function __render__$1l(_ctx, _cache) {
               placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
               maxlength: _ctx.maxlength,
               enterkeyhint: _ctx.enterkeyhint,
-              inputmode: _ctx.type === "number" ? "decimal" : void 0,
+              inputmode: _ctx.inputmode != null ? _ctx.inputmode : _ctx.type === "number" ? "decimal" : void 0,
               style: vue.normalizeStyle({
                 color: !_ctx.errorMessage ? _ctx.textColor : void 0,
                 caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,
@@ -9190,7 +9195,7 @@ function __render__$1c(_ctx, _cache) {
                     color: _ctx.color
                   })
                 },
-                _cache[0] || (_cache[0] = [
+                [..._cache[0] || (_cache[0] = [
                   vue.createElementVNode(
                     "svg",
                     { viewBox: "25 25 50 50" },
@@ -9203,9 +9208,9 @@ function __render__$1c(_ctx, _cache) {
                       })
                     ],
                     -1
-                    /* HOISTED */
+                    /* CACHED */
                   )
-                ]),
+                ])],
                 6
                 /* CLASS, STYLE */
               )
@@ -12247,7 +12252,7 @@ var EXP_LIMIT = 9e15, MAX_DIGITS = 1e9, NUMERALS = "0123456789abcdef", LN10 = "2
   // 0 to EXP_LIMIT
   // The minimum exponent value, beneath which underflow to zero occurs.
   // JavaScript numbers: -324  (5e-324)
-  minE: -9e15,
+  minE: -EXP_LIMIT,
   // -1 to -EXP_LIMIT
   // The maximum exponent value, above which overflow to Infinity occurs.
   // JavaScript numbers: 308  (1.7976931348623157e+308)
@@ -13228,7 +13233,7 @@ function cosine(Ctor, x) {
   Ctor.precision -= k;
   return x;
 }
-var divide = /* @__PURE__ */ function() {
+var divide = /* @__PURE__ */ (function() {
   function multiplyInteger(x, k, base) {
     var temp, carry = 0, i = x.length;
     for (x = x.slice(); i--; ) {
@@ -13386,7 +13391,7 @@ var divide = /* @__PURE__ */ function() {
     }
     return q;
   };
-}();
+})();
 function finalise(x, sd, rm, isTruncated) {
   var digits, i, j, k, rd, roundUp, w, xd, xdi, Ctor = x.constructor;
   out: if (sd != null) {
@@ -14001,7 +14006,7 @@ function config(obj) {
     0,
     8,
     "toExpNeg",
-    -9e15,
+    -EXP_LIMIT,
     0,
     "toExpPos",
     0,
@@ -14010,7 +14015,7 @@ function config(obj) {
     0,
     EXP_LIMIT,
     "minE",
-    -9e15,
+    -EXP_LIMIT,
     0,
     "modulo",
     0,
@@ -14855,7 +14860,7 @@ var parseDate = function parseDate2(cfg) {
   }
   return new Date(date);
 };
-var Dayjs = /* @__PURE__ */ function() {
+var Dayjs = /* @__PURE__ */ (function() {
   function Dayjs2(cfg) {
     this.$L = parseLocale(cfg.locale, null, true);
     this.parse(cfg);
@@ -15087,7 +15092,7 @@ var Dayjs = /* @__PURE__ */ function() {
     return this.$d.toUTCString();
   };
   return Dayjs2;
-}();
+})();
 var proto = Dayjs.prototype;
 dayjs.prototype = proto;
 [["$ms", MS], ["$s", S], ["$m", MIN$1], ["$H", H], ["$W", D], ["$M", M], ["$y", Y], ["$D", DATE]].forEach(function(g) {
@@ -15151,16 +15156,16 @@ const props$N = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const isSameOrAfter = function(o, c) {
+const isSameOrAfter = (function(o, c) {
   c.prototype.isSameOrAfter = function(that, units) {
     return this.isSame(that, units) || this.isAfter(that, units);
   };
-};
-const isSameOrBefore = function(o, c) {
+});
+const isSameOrBefore = (function(o, c) {
   c.prototype.isSameOrBefore = function(that, units) {
     return this.isSame(that, units) || this.isBefore(that, units);
   };
-};
+});
 const { n: n$V } = createNamespace("date-picker-header");
 function __render__$T(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -15381,9 +15386,8 @@ function __render__$S(_ctx, _cache) {
                             "var-day-picker-cover": "",
                             round: "",
                             ripple: false,
-                            elevation: _ctx.componentProps.buttonElevation,
-                            ref_for: true
-                          }, __spreadValues$i({}, _ctx.buttonProps(day)), {
+                            elevation: _ctx.componentProps.buttonElevation
+                          }, { ref_for: true }, __spreadValues$i({}, _ctx.buttonProps(day)), {
                             onClick: (event) => _ctx.chooseDay(day, event)
                           }), {
                             default: vue.withCtx(() => [
@@ -15713,9 +15717,8 @@ function __render__$R(_ctx, _cache) {
                         type: "primary",
                         "var-month-picker-cover": "",
                         ripple: false,
-                        elevation: _ctx.componentProps.buttonElevation,
-                        ref_for: true
-                      }, __spreadValues$h({}, _ctx.buttonProps(month)), {
+                        elevation: _ctx.componentProps.buttonElevation
+                      }, { ref_for: true }, __spreadValues$h({}, _ctx.buttonProps(month)), {
                         onClick: (event) => _ctx.chooseMonth(month, event)
                       }), {
                         default: vue.withCtx(() => [
@@ -16186,9 +16189,8 @@ function __render__$P(_ctx, _cache) {
                     type: "primary",
                     "var-year-picker-cover": "",
                     ripple: false,
-                    elevation: _ctx.componentProps.buttonElevation,
-                    ref_for: true
-                  }, __spreadValues$g({}, _ctx.buttonProps(`${year}`)), {
+                    elevation: _ctx.componentProps.buttonElevation
+                  }, { ref_for: true }, __spreadValues$g({}, _ctx.buttonProps(`${year}`)), {
                     onClick: (event) => _ctx.chooseYear(year, event)
                   }), {
                     default: vue.withCtx(() => [
@@ -22456,11 +22458,11 @@ const __sfc__$v = vue.defineComponent({
       const strokeOffset = `${(MAX - roundValue) / MAX * CIRCUMFERENCE}`;
       const strokeWidth = toPxNum(lineWidth) / toPxNum(size) * diameter;
       const beginPositionX = 0;
-      const beginPositionY = -20;
+      const beginPositionY = -RADIUS;
       const endPositionX = 0;
       const endPositionY = -2 * RADIUS;
       const path = `M ${diameter / 2} ${diameter / 2} m ${beginPositionX} ${beginPositionY} a ${RADIUS} ${RADIUS} 
-        0 1 1 ${endPositionX} ${40} a ${RADIUS} ${RADIUS} 0 1 1 ${-0} ${endPositionY}`;
+        0 1 1 ${endPositionX} ${-endPositionY} a ${RADIUS} ${RADIUS} 0 1 1 ${-endPositionX} ${endPositionY}`;
       return {
         strokeWidth,
         viewBox,
@@ -23464,7 +23466,7 @@ const props$j = {
 };
 const _hoisted_1$b = { viewBox: "-4 -4 32 32" };
 function __render__$p(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode(
       "path",
       {
@@ -23473,9 +23475,9 @@ function __render__$p(_ctx, _cache) {
       },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const __sfc__$q = vue.defineComponent({});
 __sfc__$q.render = __render__$p;
@@ -23485,15 +23487,15 @@ const _hoisted_1$a = {
   viewBox: "2 2 20 20"
 };
 function __render__$o(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode(
       "path",
       { d: "M19,3V5H19V19M17,8.4L13.4,12L17,15.6L15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4Z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const __sfc__$p = vue.defineComponent({});
 __sfc__$p.render = __render__$o;
@@ -23503,15 +23505,15 @@ const _hoisted_1$9 = {
   viewBox: "2 3.6 20 20"
 };
 function __render__$n(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode(
       "path",
       { d: "M11,9H13V7H11M11,20H13V11H11V20Z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const __sfc__$o = vue.defineComponent({});
 __sfc__$o.render = __render__$n;
@@ -23521,15 +23523,15 @@ const _hoisted_1$8 = {
   viewBox: "-3 -3 30 30"
 };
 function __render__$m(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode(
       "path",
       { d: "M10,19H13V22H10V19M12,2C17.35,2.22 19.68,7.62 16.5,11.67C15.67,12.67 14.33,13.33 13.67,14.17C13,15 13,16 13,17H10C10,15.33 10,13.92 10.67,12.92C11.33,11.92 12.67,11.33 13.5,10.67C15.92,8.43 15.32,5.26 12,5A3,3 0 0,0 9,8H6A6,6 0 0,1 12,2Z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const __sfc__$n = vue.defineComponent({});
 __sfc__$n.render = __render__$m;
@@ -23635,15 +23637,15 @@ const _hoisted_1$7 = {
   viewBox: "-6 -4 35 35"
 };
 function __render__$k(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode(
       "path",
       { d: "M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M19.75,3.19L18.33,4.61M1,11" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const __sfc__$l = vue.defineComponent({});
 __sfc__$l.render = __render__$k;
@@ -26330,7 +26332,7 @@ function __render__$9(_ctx, _cache) {
                     height: _ctx.radius
                   })
                 },
-                _cache[3] || (_cache[3] = [
+                [..._cache[3] || (_cache[3] = [
                   vue.createElementVNode(
                     "svg",
                     { viewBox: "25 25 50 50" },
@@ -26343,9 +26345,9 @@ function __render__$9(_ctx, _cache) {
                       })
                     ],
                     -1
-                    /* HOISTED */
+                    /* CACHED */
                   )
-                ]),
+                ])],
                 6
                 /* CLASS, STYLE */
               )) : vue.createCommentVNode("v-if", true)
@@ -32026,7 +32028,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.11.3";
+const version = "3.11.5-alpha.1757669330360";
 function install(app) {
   stdin_default$60.install && app.use(stdin_default$60);
   stdin_default$5_.install && app.use(stdin_default$5_);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.11.3",
+  "version": "3.11.5-alpha.1757669330360",
   "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
@@ -44,27 +44,27 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/shared": "3.11.3",
-    "@varlet/use": "3.11.3",
-    "@varlet/icons": "3.11.3"
+    "@varlet/icons": "3.11.5-alpha.1757669330360",
+    "@varlet/use": "3.11.5-alpha.1757669330360",
+    "@varlet/shared": "3.11.5-alpha.1757669330360"
   },
   "devDependencies": {
     "@types/node": "^18.7.20",
-    "@vitest/coverage-istanbul": "3.0.6",
-    "@vue/runtime-core": "3.5.13",
+    "@vitest/coverage-istanbul": "3.2.4",
+    "@vue/runtime-core": "3.5.21",
     "@vue/test-utils": "2.4.6",
     "clipboard": "^2.0.6",
-    "jsdom": "24.1.1",
+    "jsdom": "26.1.0",
     "live-server": "^1.2.1",
     "shiki": "^1.21.0",
     "typescript": "5.3.3",
-    "vitest": "3.0.6",
-    "vue": "3.5.13",
-    "vue-router": "4.5.0",
+    "vitest": "3.2.4",
+    "vue": "3.5.21",
+    "vue-router": "4.5.1",
     "zod": "^3.23.8",
-    "@varlet/ui": "3.11.3",
-    "@varlet/cli": "3.11.3",
-    "@varlet/touch-emulator": "3.11.3"
+    "@varlet/touch-emulator": "3.11.5-alpha.1757669330360",
+    "@varlet/ui": "3.11.5-alpha.1757669330360",
+    "@varlet/cli": "3.11.5-alpha.1757669330360"
   },
   "peerDependencies": {
     "vue": "^3.2.0"

package/types/input.d.ts

@@ -36,6 +36,8 @@ export interface InputProps extends BasicAttributes {
   clearable?: boolean
   resize?: boolean
   autofocus?: boolean
+  preventAutoFill?: boolean
+  inputmode?: InputHTMLAttributes['inputmode']
   validateTrigger?: InputValidateTrigger[]
   rules?: InputRules
   enterkeyhint?: InputHTMLAttributes['enterKeyHint']