@varlet/ui 3.11.2 → 3.11.4

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionItemSfc.css'
 import '../ActionSheetSfc.css'
+import '../ActionItemSfc.css'

package/es/index.bundle.mjs

@@ -283,7 +283,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.11.2'
+const version = '3.11.4'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -188,7 +188,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.11.2'
+const version = '3.11.4'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/input/Input.mjs

@@ -54,7 +54,7 @@ function __render__(_ctx, _cache) {
             _renderSlot(_ctx.$slots, "append-icon")
           ]),
           default: _withCtx(() => [
-            _ctx.normalizedType === "password" ? (_openBlock(), _createElementBlock("input", {
+            _ctx.normalizedType === "password" && _ctx.preventAutoFill ? (_openBlock(), _createElementBlock("input", {
               key: 0,
               tabindex: "-1",
               "aria-label": _ctx.ariaLabel,
@@ -88,7 +88,7 @@ function __render__(_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: _normalizeStyle({
                 color: !_ctx.errorMessage ? _ctx.textColor : void 0,
                 caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,
@@ -122,7 +122,7 @@ function __render__(_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: _normalizeStyle({
                 color: !_ctx.errorMessage ? _ctx.textColor : void 0,
                 caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,

package/es/input/props.mjs

@@ -45,6 +45,11 @@ const props = __spreadProps(__spreadValues({
   },
   rules: [Array, Function, Object],
   enterkeyhint: String,
+  preventAutoFill: {
+    type: Boolean,
+    default: true
+  },
+  inputmode: String,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onInput: defineListenerProp(),

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'

package/es/varlet.esm.js

@@ -3789,6 +3789,11 @@ const pu = w1(y1({
   },
   rules: [Array, Function, Object],
   enterkeyhint: String,
+  preventAutoFill: {
+    type: Boolean,
+    default: !0
+  },
+  inputmode: String,
   onFocus: F(),
   onBlur: F(),
   onInput: F(),
@@ -3866,7 +3871,7 @@ function z1(e, n) {
             H(e.$slots, "append-icon")
           ]),
           default: ue(() => [
-            e.normalizedType === "password" ? (g(), P("input", {
+            e.normalizedType === "password" && e.preventAutoFill ? (g(), P("input", {
               key: 0,
               tabindex: "-1",
               "aria-label": e.ariaLabel,
@@ -3900,7 +3905,7 @@ function z1(e, n) {
               maxlength: e.maxlength,
               rows: e.rows,
               enterkeyhint: e.enterkeyhint,
-              inputmode: e.type === "number" ? "decimal" : void 0,
+              inputmode: e.inputmode != null ? e.inputmode : e.type === "number" ? "decimal" : void 0,
               style: Z({
                 color: e.errorMessage ? void 0 : e.textColor,
                 caretColor: e.errorMessage ? void 0 : e.focusColor,
@@ -3934,7 +3939,7 @@ function z1(e, n) {
               placeholder: e.hint ? void 0 : e.placeholder,
               maxlength: e.maxlength,
               enterkeyhint: e.enterkeyhint,
-              inputmode: e.type === "number" ? "decimal" : void 0,
+              inputmode: e.inputmode != null ? e.inputmode : e.type === "number" ? "decimal" : void 0,
               style: Z({
                 color: e.errorMessage ? void 0 : e.textColor,
                 caretColor: e.errorMessage ? void 0 : e.focusColor,
@@ -25246,7 +25251,7 @@ re(_i);
 ie(_i, Kg);
 const lI = _i;
 var js = _i;
-const yB = "3.11.2";
+const yB = "3.11.4";
 function wB(e) {
   vl.install && e.use(vl), ml.install && e.use(ml), hl.install && e.use(hl), yl.install && e.use(yl), $l.install && e.use($l), Cl.install && e.use(Cl), Sl.install && e.use(Sl), Qr.install && e.use(Qr), Pl.install && e.use(Pl), Ol.install && e.use(Ol), zl.install && e.use(zl), El.install && e.use(El), Bn.install && e.use(Bn), Tl.install && e.use(Tl), Bl.install && e.use(Bl), Dl.install && e.use(Dl), ct.install && e.use(ct), Il.install && e.use(Il), _r.install && e.use(_r), Ml.install && e.use(Ml), Nl.install && e.use(Nl), Vl.install && e.use(Vl), Rl.install && e.use(Rl), Ll.install && e.use(Ll), Vn.install && e.use(Vn), Fl.install && e.use(Fl), Yl.install && e.use(Yl), Jl.install && e.use(Jl), _l.install && e.use(_l), xl.install && e.use(xl), es.install && e.use(es), ra.install && e.use(ra), ns.install && e.use(ns), os.install && e.use(os), Rt.install && e.use(Rt), ts.install && e.use(ts), rs.install && e.use(rs), Tn.install && e.use(Tn), as.install && e.use(as), In.install && e.use(In), Un.install && e.use(Un), Ge.install && e.use(Ge), is.install && e.use(is), Xt.install && e.use(Xt), ls.install && e.use(ls), ss.install && e.use(ss), Lt.install && e.use(Lt), Yt.install && e.use(Yt), us.install && e.use(us), cs.install && e.use(cs), mt.install && e.use(mt), ds.install && e.use(ds), fl.install && e.use(fl), fs.install && e.use(fs), Ht.install && e.use(Ht), dt.install && e.use(dt), jt.install && e.use(jt), ia.install && e.use(ia), ps.install && e.use(ps), vs.install && e.use(vs), ms.install && e.use(ms), hs.install && e.use(hs), Mo.install && e.use(Mo), gs.install && e.use(gs), bs.install && e.use(bs), la.install && e.use(la), ys.install && e.use(ys), ws.install && e.use(ws), ks.install && e.use(ks), rn.install && e.use(rn), $s.install && e.use($s), Cs.install && e.use(Cs), Ss.install && e.use(Ss), Ps.install && e.use(Ps), Os.install && e.use(Os), Es.install && e.use(Es), Ts.install && e.use(Ts), Bs.install && e.use(Bs), Ds.install && e.use(Ds), bt.install && e.use(bt), Is.install && e.use(Is), Kt.install && e.use(Kt), qt.install && e.use(qt), As.install && e.use(As), Ms.install && e.use(Ms), Ns.install && e.use(Ns), Vs.install && e.use(Vs), Rs.install && e.use(Rs), Ls.install && e.use(Ls), Fs.install && e.use(Fs), Us.install && e.use(Us), aa.install && e.use(aa), Hs.install && e.use(Hs), js.install && e.use(js);
 }

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.2",
+  "version": "3.11.4",
   "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.2",
+  "version": "3.11.4",
   "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,
@@ -32026,7 +32031,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.2";
+const version = "3.11.4";
 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.2",
+  "version": "3.11.4",
   "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
@@ -44,9 +44,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.11.2",
-    "@varlet/shared": "3.11.2",
-    "@varlet/use": "3.11.2"
+    "@varlet/icons": "3.11.4",
+    "@varlet/shared": "3.11.4",
+    "@varlet/use": "3.11.4"
   },
   "devDependencies": {
     "@types/node": "^18.7.20",
@@ -62,9 +62,9 @@
     "vue": "3.5.13",
     "vue-router": "4.5.0",
     "zod": "^3.23.8",
-    "@varlet/cli": "3.11.2",
-    "@varlet/ui": "3.11.2",
-    "@varlet/touch-emulator": "3.11.2"
+    "@varlet/ui": "3.11.4",
+    "@varlet/cli": "3.11.4",
+    "@varlet/touch-emulator": "3.11.4"
   },
   "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']

package/types/skeleton.d.ts

@@ -1,33 +1,30 @@
 import { VNode } from 'vue'
 import { BasicAttributes, SetPropsDefaults, VarComponent } from './varComponent'
 
-export type SignatureType = 'png' | 'jpg'
-
-export declare const signatureProps: Record<keyof SignatureProps, any>
-
-export interface SignatureProps extends BasicAttributes {
-  modelValue?: string
-  lineWidth?: number
-  strokeStyle?: string
-  type?: SignatureType
-  unsupportText?: string
-  customClass?: string
-  height?: number | string
-  validateTrigger?: string[]
-  rules?: Array<(v: string) => any>
+export declare const skeletonProps: Record<keyof SkeletonProps, any>
+
+export interface SkeletonProps extends BasicAttributes {
+  loading?: boolean
+  title?: boolean
+  avatar?: boolean
+  card?: boolean
+  fullscreen?: boolean
+  fullscreenZIndex?: string | number
+  titleWidth?: string | number
+  avatarSize?: string | number
+  cardHeight?: string | number
+  rows?: string | number
+  rowsWidth?: (string | number)[]
 }
 
-export class Signature extends VarComponent {
-  static setPropsDefaults: SetPropsDefaults<SignatureProps>
+export class Skeleton extends VarComponent {
+  static setPropsDefaults: SetPropsDefaults<SkeletonProps>
 
-  $props: SignatureProps
+  $props: SkeletonProps
 
   $slots: {
     default(): VNode[]
   }
-
-  clear(): void
-  confirm(): void
 }
 
-export class _SignatureComponent extends Signature {}
+export class _SkeletonComponent extends Skeleton {}