@varlet/ui 2.10.2-alpha.1683283732565 → 2.10.2-alpha.1683284670321

package/es/index.bundle.mjs

@@ -241,7 +241,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.10.2-alpha.1683283732565'
+const version = '2.10.2-alpha.1683284670321'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -160,7 +160,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.10.2-alpha.1683283732565'
+const version = '2.10.2-alpha.1683284670321'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/input/Input.mjs

@@ -14,9 +14,9 @@ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalize
 
 var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
-var _hoisted_1 = ["placeholder"];
-var _hoisted_2 = ["id", "disabled", "type", "value", "placeholder", "maxlength", "rows"];
-var _hoisted_3 = ["id", "disabled", "type", "value", "placeholder", "maxlength"];
+var _hoisted_1 = ["placeholder", "enterkeyhint"];
+var _hoisted_2 = ["id", "disabled", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
+var _hoisted_3 = ["id", "disabled", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
 
 function __render__(_ctx, _cache) {
   var _component_var_field_decorator = _resolveComponent("var-field-decorator");
@@ -52,13 +52,14 @@ function __render__(_ctx, _cache) {
   })), {
     "prepend-icon": _withCtx(() => [_renderSlot(_ctx.$slots, "prepend-icon")]),
     "append-icon": _withCtx(() => [_renderSlot(_ctx.$slots, "append-icon")]),
-    default: _withCtx(() => [_ctx.type === 'password' ? (_openBlock(), _createElementBlock("input", {
+    default: _withCtx(() => [_ctx.normalizedType === 'password' ? (_openBlock(), _createElementBlock("input", {
       key: 0,
       class: _normalizeClass(_ctx.n('autocomplete')),
       placeholder: !_ctx.hint ? _ctx.placeholder : undefined,
       style: _normalizeStyle({
         '--input-placeholder-color': _ctx.placeholderColor
-      })
+      }),
+      enterkeyhint: _ctx.enterkeyhint
     }, null, 14
     /* CLASS, STYLE, PROPS */
     , _hoisted_1)) : _createCommentVNode("v-if", true), _ctx.textarea ? (_openBlock(), _createElementBlock("textarea", {
@@ -68,11 +69,13 @@ function __render__(_ctx, _cache) {
       autocomplete: "new-password",
       id: _ctx.id,
       disabled: _ctx.formDisabled || _ctx.disabled || _ctx.formReadonly || _ctx.readonly,
-      type: _ctx.type,
+      type: _ctx.normalizedType,
       value: _ctx.modelValue,
       placeholder: !_ctx.hint ? _ctx.placeholder : undefined,
       maxlength: _ctx.maxlength,
       rows: _ctx.rows,
+      enterkeyhint: _ctx.enterkeyhint,
+      inputmode: _ctx.type === 'number' ? 'numeric' : undefined,
       style: _normalizeStyle({
         color: !_ctx.errorMessage ? _ctx.textColor : undefined,
         caretColor: !_ctx.errorMessage ? _ctx.focusColor : undefined,
@@ -109,10 +112,12 @@ function __render__(_ctx, _cache) {
       autocomplete: "new-password",
       id: _ctx.id,
       disabled: _ctx.formDisabled || _ctx.disabled || _ctx.formReadonly || _ctx.readonly,
-      type: _ctx.type,
+      type: _ctx.normalizedType,
       value: _ctx.modelValue,
       placeholder: !_ctx.hint ? _ctx.placeholder : undefined,
       maxlength: _ctx.maxlength,
+      enterkeyhint: _ctx.enterkeyhint,
+      inputmode: _ctx.type === 'number' ? 'numeric' : undefined,
       style: _normalizeStyle({
         color: !_ctx.errorMessage ? _ctx.textColor : undefined,
         caretColor: !_ctx.errorMessage ? _ctx.focusColor : undefined,
@@ -171,7 +176,7 @@ var __sfc__ = defineComponent({
     var el = ref(null);
     var isFocus = ref(false);
     var isComposing = ref(false);
-    var type = computed(() => {
+    var normalizedType = computed(() => {
       if (props.type === 'number') {
         return 'text';
       }
@@ -411,7 +416,7 @@ var __sfc__ = defineComponent({
       isComposing,
       errorMessage,
       placeholderColor,
-      type,
+      normalizedType,
       cursor,
       maxlengthText,
       formDisabled: form == null ? void 0 : form.disabled,

package/es/input/props.mjs

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { defineListenerProp, pickProps } from '../utils/components.mjs';
 import { props as fieldDecoratorProps } from '../field-decorator/props.mjs';
 export function typeValidator(type) {
-  return ['text', 'password', 'number'].includes(type);
+  return ['text', 'password', 'number', 'tel', 'email'].includes(type);
 }
 export var props = _extends({
   modelValue: {
@@ -48,6 +48,9 @@ export var props = _extends({
   rules: {
     type: Array
   },
+  enterkeyhint: {
+    type: String
+  },
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onInput: defineListenerProp(),

package/es/varlet.esm.js

@@ -12022,7 +12022,7 @@ function di() {
   }, di.apply(this, arguments);
 }
 function ub(e) {
-  return ["text", "password", "number"].includes(e);
+  return ["text", "password", "number", "tel", "email"].includes(e);
 }
 var db = di({
   modelValue: {
@@ -12067,6 +12067,9 @@ var db = di({
   rules: {
     type: Array
   },
+  enterkeyhint: {
+    type: String
+  },
   onFocus: U(),
   onBlur: U(),
   onInput: U(),
@@ -12076,7 +12079,7 @@ var db = di({
 }, qe(Ui, ["size", "variant", "placeholder", "line", "hint", "textColor", "focusColor", "blurColor", "disabled", "clearable", "onClick"])), {
   n: vb,
   classes: fb
-} = x("input"), cb = ["placeholder"], mb = ["id", "disabled", "type", "value", "placeholder", "maxlength", "rows"], pb = ["id", "disabled", "type", "value", "placeholder", "maxlength"];
+} = x("input"), cb = ["placeholder", "enterkeyhint"], mb = ["id", "disabled", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"], pb = ["id", "disabled", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
 function hb(e, n) {
   var r = te("var-field-decorator"), a = te("var-form-details");
   return h(), O(
@@ -12114,7 +12117,7 @@ function hb(e, n) {
       {
         "prepend-icon": ve(() => [F(e.$slots, "prepend-icon")]),
         "append-icon": ve(() => [F(e.$slots, "append-icon")]),
-        default: ve(() => [e.type === "password" ? (h(), O(
+        default: ve(() => [e.normalizedType === "password" ? (h(), O(
           "input",
           {
             key: 0,
@@ -12122,7 +12125,8 @@ function hb(e, n) {
             placeholder: e.hint ? void 0 : e.placeholder,
             style: W({
               "--input-placeholder-color": e.placeholderColor
-            })
+            }),
+            enterkeyhint: e.enterkeyhint
           },
           null,
           14,
@@ -12136,11 +12140,13 @@ function hb(e, n) {
             autocomplete: "new-password",
             id: e.id,
             disabled: e.formDisabled || e.disabled || e.formReadonly || e.readonly,
-            type: e.type,
+            type: e.normalizedType,
             value: e.modelValue,
             placeholder: e.hint ? void 0 : e.placeholder,
             maxlength: e.maxlength,
             rows: e.rows,
+            enterkeyhint: e.enterkeyhint,
+            inputmode: e.type === "number" ? "numeric" : void 0,
             style: W({
               color: e.errorMessage ? void 0 : e.textColor,
               caretColor: e.errorMessage ? void 0 : e.focusColor,
@@ -12182,10 +12188,12 @@ function hb(e, n) {
             autocomplete: "new-password",
             id: e.id,
             disabled: e.formDisabled || e.disabled || e.formReadonly || e.readonly,
-            type: e.type,
+            type: e.normalizedType,
             value: e.modelValue,
             placeholder: e.hint ? void 0 : e.placeholder,
             maxlength: e.maxlength,
+            enterkeyhint: e.enterkeyhint,
+            inputmode: e.type === "number" ? "numeric" : void 0,
             style: W({
               color: e.errorMessage ? void 0 : e.textColor,
               caretColor: e.errorMessage ? void 0 : e.focusColor,
@@ -12350,7 +12358,7 @@ var kd = _({
       isComposing: t,
       errorMessage: v,
       placeholderColor: s,
-      type: o,
+      normalizedType: o,
       cursor: i,
       maxlengthText: l,
       formDisabled: d == null ? void 0 : d.disabled,
@@ -19723,7 +19731,7 @@ Ma.install = function(e) {
   e.component(Ma.name, Ma);
 };
 var Dk = Ma;
-const iS = "2.10.2-alpha.1683283732565";
+const iS = "2.10.2-alpha.1683284670321";
 function lS(e) {
   Zn.install && e.use(Zn), Er.install && e.use(Er), Ir.install && e.use(Ir), Nr.install && e.use(Nr), Dr.install && e.use(Dr), vr.install && e.use(vr), Ar.install && e.use(Ar), zr.install && e.use(zr), Lr.install && e.use(Lr), Rr.install && e.use(Rr), Qe.install && e.use(Qe), Ur.install && e.use(Ur), Hr.install && e.use(Hr), fr.install && e.use(fr), cr.install && e.use(cr), Fr.install && e.use(Fr), mr.install && e.use(mr), Yr.install && e.use(Yr), jr.install && e.use(jr), Wr.install && e.use(Wr), hn.install && e.use(hn), Gr.install && e.use(Gr), qr.install && e.use(qr), Kr.install && e.use(Kr), Jn.install && e.use(Jn), Zr.install && e.use(Zr), Jr.install && e.use(Jr), Qr.install && e.use(Qr), jn.install && e.use(jn), Ke.install && e.use(Ke), zn.install && e.use(zn), un.install && e.use(un), Pe.install && e.use(Pe), _r.install && e.use(_r), Dn.install && e.use(Dn), xr.install && e.use(xr), ea.install && e.use(ea), br.install && e.use(br), ft.install && e.use(ft), na.install && e.use(na), ra.install && e.use(ra), En.install && e.use(En), vi.install && e.use(vi), Ao.install && e.use(Ao), Xn.install && e.use(Xn), aa.install && e.use(aa), ta.install && e.use(ta), oa.install && e.use(oa), ia.install && e.use(ia), Na.install && e.use(Na), Cn.install && e.use(Cn), la.install && e.use(la), sa.install && e.use(sa), ua.install && e.use(ua), da.install && e.use(da), va.install && e.use(va), fa.install && e.use(fa), He.install && e.use(He), ca.install && e.use(ca), ma.install && e.use(ma), pa.install && e.use(pa), ha.install && e.use(ha), hi.install && e.use(hi), ya.install && e.use(ya), ba.install && e.use(ba), wa.install && e.use(wa), qn.install && e.use(qn), gt.install && e.use(gt), Wn.install && e.use(Wn), Gn.install && e.use(Gn), Sa.install && e.use(Sa), ka.install && e.use(ka), $a.install && e.use($a), Ta.install && e.use(Ta), Pa.install && e.use(Pa), Oa.install && e.use(Oa), yi.install && e.use(yi), Va.install && e.use(Va), gr.install && e.use(gr), Ma.install && e.use(Ma);
 }

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": "2.10.2-alpha.1683283732565",
+  "version": "2.10.2-alpha.1683284670321",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -3313,6 +3313,15 @@
                 "type": "Array<(v: string) => any>",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "enterkeyhint",
+              "description": "Customize the enter key style, See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)",
+              "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": "2.10.2-alpha.1683283732565",
+  "version": "2.10.2-alpha.1683284670321",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -3485,6 +3485,15 @@
                 "type": "Array<(v: string) => any>",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "enterkeyhint",
+              "description": "定制回车键样式，参见 [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/lib/varlet.cjs.js

@@ -16008,7 +16008,7 @@ function _extends$5() {
   return _extends$5.apply(this, arguments);
 }
 function typeValidator$3(type) {
-  return ["text", "password", "number"].includes(type);
+  return ["text", "password", "number", "tel", "email"].includes(type);
 }
 var props$x = _extends$5({
   modelValue: {
@@ -16053,6 +16053,9 @@ var props$x = _extends$5({
   rules: {
     type: Array
   },
+  enterkeyhint: {
+    type: String
+  },
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onInput: defineListenerProp(),
@@ -16064,9 +16067,9 @@ var {
   n: n$z,
   classes: classes$t
 } = createNamespace("input");
-var _hoisted_1$e = ["placeholder"];
-var _hoisted_2$9 = ["id", "disabled", "type", "value", "placeholder", "maxlength", "rows"];
-var _hoisted_3$7 = ["id", "disabled", "type", "value", "placeholder", "maxlength"];
+var _hoisted_1$e = ["placeholder", "enterkeyhint"];
+var _hoisted_2$9 = ["id", "disabled", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
+var _hoisted_3$7 = ["id", "disabled", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
 function __render__$A(_ctx, _cache) {
   var _component_var_field_decorator = vue.resolveComponent("var-field-decorator");
   var _component_var_form_details = vue.resolveComponent("var-form-details");
@@ -16105,7 +16108,7 @@ function __render__$A(_ctx, _cache) {
       {
         "prepend-icon": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "prepend-icon")]),
         "append-icon": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "append-icon")]),
-        default: vue.withCtx(() => [_ctx.type === "password" ? (vue.openBlock(), vue.createElementBlock(
+        default: vue.withCtx(() => [_ctx.normalizedType === "password" ? (vue.openBlock(), vue.createElementBlock(
           "input",
           {
             key: 0,
@@ -16113,7 +16116,8 @@ function __render__$A(_ctx, _cache) {
             placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
             style: vue.normalizeStyle({
               "--input-placeholder-color": _ctx.placeholderColor
-            })
+            }),
+            enterkeyhint: _ctx.enterkeyhint
           },
           null,
           14,
@@ -16127,11 +16131,13 @@ function __render__$A(_ctx, _cache) {
             autocomplete: "new-password",
             id: _ctx.id,
             disabled: _ctx.formDisabled || _ctx.disabled || _ctx.formReadonly || _ctx.readonly,
-            type: _ctx.type,
+            type: _ctx.normalizedType,
             value: _ctx.modelValue,
             placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
             maxlength: _ctx.maxlength,
             rows: _ctx.rows,
+            enterkeyhint: _ctx.enterkeyhint,
+            inputmode: _ctx.type === "number" ? "numeric" : void 0,
             style: vue.normalizeStyle({
               color: !_ctx.errorMessage ? _ctx.textColor : void 0,
               caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,
@@ -16172,10 +16178,12 @@ function __render__$A(_ctx, _cache) {
             autocomplete: "new-password",
             id: _ctx.id,
             disabled: _ctx.formDisabled || _ctx.disabled || _ctx.formReadonly || _ctx.readonly,
-            type: _ctx.type,
+            type: _ctx.normalizedType,
             value: _ctx.modelValue,
             placeholder: !_ctx.hint ? _ctx.placeholder : void 0,
             maxlength: _ctx.maxlength,
+            enterkeyhint: _ctx.enterkeyhint,
+            inputmode: _ctx.type === "number" ? "numeric" : void 0,
             style: vue.normalizeStyle({
               color: !_ctx.errorMessage ? _ctx.textColor : void 0,
               caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,
@@ -16240,7 +16248,7 @@ var __sfc__$B = vue.defineComponent({
     var el = vue.ref(null);
     var isFocus = vue.ref(false);
     var isComposing = vue.ref(false);
-    var type = vue.computed(() => {
+    var normalizedType = vue.computed(() => {
       if (props2.type === "number") {
         return "text";
       }
@@ -16430,7 +16438,7 @@ var __sfc__$B = vue.defineComponent({
       isComposing,
       errorMessage,
       placeholderColor,
-      type,
+      normalizedType,
       cursor,
       maxlengthText,
       formDisabled: form == null ? void 0 : form.disabled,
@@ -25394,7 +25402,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.10.2-alpha.1683283732565";
+const version = "2.10.2-alpha.1683284670321";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.10.2-alpha.1683283732565",
+  "version": "2.10.2-alpha.1683284670321",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -46,9 +46,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/shared": "2.10.2-alpha.1683283732565",
-    "@varlet/use": "2.10.2-alpha.1683283732565",
-    "@varlet/icons": "2.10.2-alpha.1683283732565"
+    "@varlet/icons": "2.10.2-alpha.1683284670321",
+    "@varlet/shared": "2.10.2-alpha.1683284670321",
+    "@varlet/use": "2.10.2-alpha.1683284670321"
   },
   "devDependencies": {
     "@types/jest": "^26.0.15",
@@ -63,8 +63,8 @@
     "typescript": "^4.4.4",
     "vue": "3.2.47",
     "vue-router": "4.1.6",
-    "@varlet/cli": "2.10.2-alpha.1683283732565",
-    "@varlet/touch-emulator": "2.10.2-alpha.1683283732565"
+    "@varlet/cli": "2.10.2-alpha.1683284670321",
+    "@varlet/touch-emulator": "2.10.2-alpha.1683284670321"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/input.d.ts

@@ -29,6 +29,7 @@ export interface InputProps extends BasicAttributes {
   autofocus?: boolean
   validateTrigger?: InputValidateTrigger[]
   rules?: Array<(v: string) => any>
+  enterkeyhint?: string
   onFocus?: ListenerProp<(e: Event) => void>
   onBlur?: ListenerProp<(e: Event) => void>
   onClick?: ListenerProp<(e: Event) => void>