@varlet/ui 3.16.0-alpha.1778506868488 → 3.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/otp-input/OtpInput.mjs +2 -1
- package/es/otp-input/otpInput.css +1 -1
- package/es/otp-input/props.mjs +4 -0
- package/es/themes/dark/otpInput.mjs +1 -2
- package/es/themes/md3-dark/otpInput.mjs +1 -2
- package/es/themes/md3-light/otpInput.mjs +1 -2
- package/es/varlet.css +1 -1
- package/es/varlet.esm.js +10 -8
- package/highlight/web-types.en-US.json +12 -3
- package/highlight/web-types.zh-CN.json +12 -3
- package/lib/varlet.cjs.js +10 -8
- package/lib/varlet.css +1 -1
- package/package.json +7 -7
- package/types/otpInput.d.ts +3 -0
- package/types/styleVars.d.ts +0 -1
- package/umd/varlet.js +5 -5
package/es/index.bundle.mjs
CHANGED
|
@@ -286,7 +286,7 @@ import './tooltip/style/index.mjs'
|
|
|
286
286
|
import './uploader/style/index.mjs'
|
|
287
287
|
import './watermark/style/index.mjs'
|
|
288
288
|
|
|
289
|
-
const version = '3.16.
|
|
289
|
+
const version = '3.16.1'
|
|
290
290
|
|
|
291
291
|
function install(app) {
|
|
292
292
|
ActionSheet.install && app.use(ActionSheet)
|
package/es/index.mjs
CHANGED
|
@@ -190,7 +190,7 @@ export * from './tooltip/index.mjs'
|
|
|
190
190
|
export * from './uploader/index.mjs'
|
|
191
191
|
export * from './watermark/index.mjs'
|
|
192
192
|
|
|
193
|
-
const version = '3.16.
|
|
193
|
+
const version = '3.16.1'
|
|
194
194
|
|
|
195
195
|
function install(app) {
|
|
196
196
|
ActionSheet.install && app.use(ActionSheet)
|
|
@@ -17,7 +17,7 @@ function __render__(_ctx, _cache) {
|
|
|
17
17
|
"div",
|
|
18
18
|
{
|
|
19
19
|
ref: "rootEl",
|
|
20
|
-
class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"))),
|
|
20
|
+
class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.n(`--align-${_ctx.align}`))),
|
|
21
21
|
style: _normalizeStyle({
|
|
22
22
|
"--otp-input-gutter": _ctx.gutterStyle,
|
|
23
23
|
"--otp-input-cell-height": _ctx.cellHeightStyle,
|
|
@@ -398,6 +398,7 @@ const __sfc__ = defineComponent({
|
|
|
398
398
|
cellMaxWidthStyle,
|
|
399
399
|
resolvedInputmode,
|
|
400
400
|
nativeInputType,
|
|
401
|
+
align: props2.align,
|
|
401
402
|
n,
|
|
402
403
|
classes,
|
|
403
404
|
setInputRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --otp-input-gutter: 8px; --otp-input-cell-height: 48px; --otp-input-cell-max-width: 48px; --otp-input-input-font-size: 20px;
|
|
1
|
+
:root { --otp-input-gutter: 8px; --otp-input-cell-height: 48px; --otp-input-cell-max-width: 48px; --otp-input-input-font-size: 20px;}.var-otp-input { display: inline-flex; flex-direction: column; align-items: stretch; width: 100%; max-width: 100%;}.var-otp-input__cells { display: flex; align-items: center; justify-content: center; gap: var(--otp-input-gutter); width: 100%; max-width: 100%;}.var-otp-input__cell { flex: 1 1 0; min-width: 0; height: var(--otp-input-cell-height); max-width: var(--otp-input-cell-max-width);}.var-otp-input__separator { display: inline-flex; align-items: center; justify-content: center; flex-wrap: nowrap; flex-shrink: 0;}.var-otp-input__details { width: 100%;}.var-otp-input--align-start .var-otp-input__cells { justify-content: flex-start;}.var-otp-input--align-start .var-otp-input__details,.var-otp-input--align-start .var-otp-input__details .var-form-details__error-message,.var-otp-input--align-start .var-otp-input__details .var-form-details__extra-message { text-align: left;}.var-otp-input--align-center .var-otp-input__cells { justify-content: center;}.var-otp-input--align-center .var-otp-input__details,.var-otp-input--align-center .var-otp-input__details .var-form-details__error-message,.var-otp-input--align-center .var-otp-input__details .var-form-details__extra-message { text-align: center;}.var-otp-input--align-end .var-otp-input__cells { justify-content: flex-end;}.var-otp-input--align-end .var-otp-input__details,.var-otp-input--align-end .var-otp-input__details .var-form-details__error-message,.var-otp-input--align-end .var-otp-input__details .var-form-details__extra-message { text-align: right;}.var-otp-input .var-input__input { text-align: center; font-size: var(--otp-input-input-font-size); text-transform: none; height: 100%;}.var-otp-input .var-field-decorator__middle { justify-content: center;}.var-otp-input .var-field-decorator--outlined .var-field-decorator__controller,.var-otp-input .var-field-decorator--filled .var-field-decorator__controller,.var-otp-input .var-field-decorator--small.var-field-decorator--outlined .var-field-decorator__controller,.var-otp-input .var-field-decorator--small.var-field-decorator--filled .var-field-decorator__controller { padding-left: 0; padding-right: 0;}.var-otp-input .var-field-decorator--standard .var-field-decorator__controller,.var-otp-input .var-field-decorator--standard .var-field-decorator__middle { height: 100%;}.var-otp-input .var-field-decorator--standard .var-field-decorator__middle,.var-otp-input .var-field-decorator--standard .var-field-decorator__icon,.var-otp-input .var-field-decorator--standard .var-field-decorator--middle-non-hint,.var-otp-input .var-field-decorator--standard .var-field-decorator--icon-non-hint { margin-top: 0; margin-bottom: 0;}.var-otp-input .var-field-decorator--outlined .var-field-decorator__controller,.var-otp-input .var-field-decorator--outlined .var-field-decorator__middle { height: 100%;}.var-otp-input .var-field-decorator--outlined .var-field-decorator__middle,.var-otp-input .var-field-decorator--outlined .var-field-decorator__icon { margin-top: 0; margin-bottom: 0;}.var-otp-input .var-field-decorator--filled .var-field-decorator__controller,.var-otp-input .var-field-decorator--filled .var-field-decorator__middle { height: 100%;}.var-otp-input .var-field-decorator--filled .var-field-decorator__middle,.var-otp-input .var-field-decorator--filled .var-field-decorator__icon,.var-otp-input .var-field-decorator--filled .var-field-decorator--middle-non-hint,.var-otp-input .var-field-decorator--filled .var-field-decorator--icon-non-hint { margin-top: 0; margin-bottom: 0;}.var-otp-input .var-input,.var-otp-input .var-field-decorator,.var-otp-input .var-field-decorator__container,.var-otp-input .var-field-decorator__main,.var-otp-input .var-field-decorator__body { height: 100%;}
|
package/es/otp-input/props.mjs
CHANGED
|
@@ -2,8 +2,7 @@ var stdin_default = {
|
|
|
2
2
|
"--otp-input-gutter": "8px",
|
|
3
3
|
"--otp-input-cell-height": "48px",
|
|
4
4
|
"--otp-input-cell-max-width": "48px",
|
|
5
|
-
"--otp-input-input-font-size": "20px"
|
|
6
|
-
"--otp-input-separator-color": "var(--color-text-disabled)"
|
|
5
|
+
"--otp-input-input-font-size": "20px"
|
|
7
6
|
};
|
|
8
7
|
export {
|
|
9
8
|
stdin_default as default
|
|
@@ -2,8 +2,7 @@ var stdin_default = {
|
|
|
2
2
|
"--otp-input-gutter": "8px",
|
|
3
3
|
"--otp-input-cell-height": "48px",
|
|
4
4
|
"--otp-input-cell-max-width": "48px",
|
|
5
|
-
"--otp-input-input-font-size": "20px"
|
|
6
|
-
"--otp-input-separator-color": "var(--color-text-disabled)"
|
|
5
|
+
"--otp-input-input-font-size": "20px"
|
|
7
6
|
};
|
|
8
7
|
export {
|
|
9
8
|
stdin_default as default
|
|
@@ -2,8 +2,7 @@ var stdin_default = {
|
|
|
2
2
|
"--otp-input-gutter": "8px",
|
|
3
3
|
"--otp-input-cell-height": "48px",
|
|
4
4
|
"--otp-input-cell-max-width": "48px",
|
|
5
|
-
"--otp-input-input-font-size": "20px"
|
|
6
|
-
"--otp-input-separator-color": "var(--color-text-disabled)"
|
|
5
|
+
"--otp-input-input-font-size": "20px"
|
|
7
6
|
};
|
|
8
7
|
export {
|
|
9
8
|
stdin_default as default
|