@varlet/ui 3.13.1 → 3.14.0

package/README.md

@@ -122,16 +122,6 @@ See [Varlet UI Playground](https://varletjs.org/playground).
 
 See [Contributing Guide](https://github.com/varletjs/varlet/blob/dev/.github/CONTRIBUTING.md).
 
-### Community
-
-We recommend that [issue](https://github.com/varletjs/varlet/issues) be used for problem feedback, or others:
-
-* Wechat group 
-
-<img style="width: 25%" src="https://cdn.jsdelivr.net/gh/varletjs/varlet-static/community.png" />
-
-* Join the [Discord](https://discord.gg/Dmb8ydBHkw)
-
 ### Thanks to contributors
 
 <a href="https://github.com/varletjs/varlet/graphs/contributors">

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 '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/field-decorator/fieldDecorator.css

@@ -1 +1 @@
-:root { --field-decorator-text-color: #555; --field-decorator-error-color: var(--color-danger); --field-decorator-blur-color: #888; --field-decorator-focus-color: var(--color-primary); --field-decorator-placeholder-size: 16px; --field-decorator-icon-size: 20px; --field-decorator-line-size: 1px; --field-decorator-line-focus-size: 2px; --field-decorator-line-border-radius: 4px; --field-decorator-disabled-color: var(--color-text-disabled); --field-decorator-standard-normal-margin-top: 22px; --field-decorator-standard-normal-margin-bottom: 4px; --field-decorator-standard-normal-icon-margin-top: 22px; --field-decorator-standard-normal-icon-margin-bottom: 4px; --field-decorator-standard-normal-non-hint-margin-top: 4px; --field-decorator-standard-small-margin-top: 18px; --field-decorator-standard-small-margin-bottom: 4px; --field-decorator-standard-small-icon-margin-top: 18px; --field-decorator-standard-small-icon-margin-bottom: 4px; --field-decorator-standard-small-non-hint-margin-top: 2px; --field-decorator-outlined-normal-margin-top: 16px; --field-decorator-outlined-normal-margin-bottom: 16px; --field-decorator-outlined-normal-padding-left: 16px; --field-decorator-outlined-normal-padding-right: 16px; --field-decorator-outlined-normal-placeholder-space: 4px; --field-decorator-outlined-normal-icon-margin-top: 16px; --field-decorator-outlined-normal-icon-margin-bottom: 16px; --field-decorator-outlined-small-margin-top: 8px; --field-decorator-outlined-small-margin-bottom: 8px; --field-decorator-outlined-small-padding-left: 12px; --field-decorator-outlined-small-padding-right: 12px; --field-decorator-outlined-small-placeholder-space: 2px; --field-decorator-outlined-small-icon-margin-top: 8px; --field-decorator-outlined-small-icon-margin-bottom: 8px; --field-decorator-filled-background-color: #f6f6f6; --field-decorator-filled-border-radius: 4px; --field-decorator-filled-normal-placeholder-hint-top: 4px; --field-decorator-filled-normal-margin-top: 26px; --field-decorator-filled-normal-margin-bottom: 6px; --field-decorator-filled-normal-hint-center-margin-top: 16px; --field-decorator-filled-normal-hint-margin-top: 16px; --field-decorator-filled-normal-non-hint-margin-top: 16px; --field-decorator-filled-normal-non-hint-margin-bottom: 16px; --field-decorator-filled-normal-padding-left: 16px; --field-decorator-filled-normal-padding-right: 16px; --field-decorator-filled-normal-placeholder-space: 4px; --field-decorator-filled-normal-icon-margin-top: 16px; --field-decorator-filled-normal-icon-margin-bottom: 16px; --field-decorator-filled-small-placeholder-hint-top: 2px; --field-decorator-filled-small-margin-top: 18px; --field-decorator-filled-small-margin-bottom: 2px; --field-decorator-filled-small-hint-center-margin-top: 10px; --field-decorator-filled-small-hint-margin-top: 10px; --field-decorator-filled-small-padding-left: 12px; --field-decorator-filled-small-padding-right: 12px; --field-decorator-filled-small-placeholder-space: 2px; --field-decorator-filled-small-icon-margin-top: 10px; --field-decorator-filled-small-icon-margin-bottom: 10px; --field-decorator-filled-small-non-hint-margin-top: 10px; --field-decorator-filled-small-non-hint-margin-bottom: 10px;}.var-field-decorator { position: relative; width: 100%; color: var(--field-decorator-text-color);}.var-field-decorator__controller { width: 100%; display: flex; align-items: stretch; position: relative;}.var-field-decorator__middle { position: relative; flex-grow: 1; display: flex; justify-content: center; align-items: center;}.var-field-decorator__icon { display: flex; align-items: center; font-size: var(--field-decorator-icon-size);}.var-field-decorator__icon .var-icon { font-size: var(--field-decorator-icon-size);}.var-field-decorator__placeholder { position: absolute; top: 0; left: 0; max-width: var(--field-decorator-middle-offset-width); font-size: var(--field-decorator-placeholder-size); line-height: 1.5em; color: var(--field-decorator-placeholder-color, var(--field-decorator-blur-color)); pointer-events: none; cursor: inherit; transform-origin: left; transition: transform 0.28s var(--cubic-bezier), color 0.25s, max-width 0.2s;}.var-field-decorator__clear-icon[var-field-decorator-cover] { font-size: var(--field-decorator-icon-size); margin-left: 6px; cursor: pointer;}.var-field-decorator__placeholder-text { max-width: calc(133% - var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-padding-right)); position: absolute; z-index: -1000; top: -1000px; display: inline-block; pointer-events: none; opacity: 0; font-size: var(--field-decorator-placeholder-size);}.var-field-decorator__placeholder-text--small { max-width: calc(133% - var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-padding-right));}.var-field-decorator--placeholder-hidden { visibility: hidden;}.var-field-decorator--focus { color: var(--field-decorator-focus-color);}.var-field-decorator--disabled { color: var(--field-decorator-disabled-color); cursor: not-allowed;}.var-field-decorator--error { color: var(--field-decorator-error-color);}.var-field-decorator--standard .var-field-decorator__middle { margin-top: var(--field-decorator-standard-normal-margin-top); margin-bottom: var(--field-decorator-standard-normal-margin-bottom);}.var-field-decorator--standard .var-field-decorator__icon { margin-top: var(--field-decorator-standard-normal-icon-margin-top); margin-bottom: var(--field-decorator-standard-normal-icon-margin-bottom);}.var-field-decorator--standard .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-standard-normal-margin-top));}.var-field-decorator--standard .var-field-decorator--placeholder-hint { max-width: 133%; transform: translate(0, 0) scale(0.75) !important;}.var-field-decorator--standard .var-field-decorator__line { width: 100%; height: var(--field-decorator-line-size); background: var(--field-decorator-blur-color); transition: background-color 0.25s;}.var-field-decorator--standard .var-field-decorator--line-disabled { background: var(--field-decorator-disabled-color);}.var-field-decorator--standard .var-field-decorator__dot { width: 100%; height: var(--field-decorator-line-focus-size); background: var(--field-decorator-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier), background-color 0.25s;}.var-field-decorator--standard .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-standard-normal-non-hint-margin-top);}.var-field-decorator--standard .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-standard-normal-non-hint-margin-top);}.var-field-decorator--standard .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-standard-normal-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--standard .var-field-decorator--line-focus { transform: scaleX(1);}.var-field-decorator--standard .var-field-decorator--line-error { background: var(--field-decorator-error-color);}.var-field-decorator--outlined .var-field-decorator__controller { padding: 0 var(--field-decorator-outlined-normal-padding-right) 0 var(--field-decorator-outlined-normal-padding-left);}.var-field-decorator--outlined .var-field-decorator__middle { margin-top: var(--field-decorator-outlined-normal-margin-top); margin-bottom: var(--field-decorator-outlined-normal-margin-bottom);}.var-field-decorator--outlined .var-field-decorator__icon { margin-top: var(--field-decorator-outlined-normal-icon-margin-top); margin-bottom: var(--field-decorator-outlined-normal-icon-margin-bottom);}.var-field-decorator--outlined .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-outlined-normal-margin-top));}.var-field-decorator--outlined .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-outlined-normal-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--outlined .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-padding-right)); transform: translate(calc(var(--field-decorator-outlined-normal-padding-left)), -50%) scale(0.75);}.var-field-decorator--outlined .var-field-decorator__line { min-width: 0; width: 100%; height: calc(100% + (var(--field-decorator-placeholder-size) * 0.75 / 2)); position: absolute; top: calc(var(--field-decorator-placeholder-size) * 0.75 / 2 * -1); left: 0; pointer-events: none; border-radius: var(--field-decorator-line-border-radius); border: var(--field-decorator-line-size) solid var(--field-decorator-blur-color); overflow: hidden; padding: 0 calc(var(--field-decorator-outlined-normal-padding-right) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-size)) 0 calc(var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-size)); margin: 0;}.var-field-decorator--outlined .var-field-decorator__line-legend { max-width: 0; height: calc(var(--field-decorator-placeholder-size) * 0.75); visibility: hidden; padding: 0; overflow: hidden; display: block; white-space: nowrap;}.var-field-decorator--outlined .var-field-decorator__line-legend--hint { max-width: 100%;}.var-field-decorator--outlined .var-field-decorator--line-focus { border-width: var(--field-decorator-line-focus-size); border-color: var(--field-decorator-focus-color); padding: 0 calc(var(--field-decorator-outlined-normal-padding-right) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-focus-size)) 0 calc(var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-focus-size));}.var-field-decorator--outlined .var-field-decorator--line-disabled { border-radius: var(--field-decorator-line-border-radius); border: var(--field-decorator-line-size) solid var(--field-decorator-disabled-color);}.var-field-decorator--outlined .var-field-decorator--line-error { border-color: var(--field-decorator-error-color) !important;}.var-field-decorator--filled .var-field-decorator__controller { padding: 0 var(--field-decorator-filled-normal-padding-right) 0 var(--field-decorator-filled-normal-padding-left); background-color: var(--field-decorator-filled-background-color); border-top-left-radius: var(--field-decorator-filled-border-radius); border-top-right-radius: var(--field-decorator-filled-border-radius);}.var-field-decorator--filled .var-field-decorator__middle { margin-top: var(--field-decorator-filled-normal-margin-top); margin-bottom: var(--field-decorator-filled-normal-margin-bottom);}.var-field-decorator--filled .var-field-decorator__icon { margin-top: var(--field-decorator-filled-normal-icon-margin-top); margin-bottom: var(--field-decorator-filled-normal-icon-margin-bottom);}.var-field-decorator--filled .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-filled-normal-hint-margin-top));}.var-field-decorator--filled .var-field-decorator--bottom-border-radius { border-bottom-left-radius: var(--field-decorator-filled-border-radius); border-bottom-right-radius: var(--field-decorator-filled-border-radius);}.var-field-decorator--filled .var-field-decorator__line { width: 100%; height: var(--field-decorator-line-size); background: var(--field-decorator-blur-color); transition: background-color 0.25s;}.var-field-decorator--filled .var-field-decorator__dot { width: 100%; height: var(--field-decorator-line-focus-size); background: var(--field-decorator-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier), background-color 0.25s;}.var-field-decorator--filled .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-filled-normal-hint-center-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--filled .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-filled-normal-padding-left) - var(--field-decorator-filled-normal-padding-right)); transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-filled-normal-placeholder-hint-top)) scale(0.75);}.var-field-decorator--filled .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-filled-normal-non-hint-margin-top); margin-bottom: var(--field-decorator-filled-normal-non-hint-margin-bottom);}.var-field-decorator--filled .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-filled-normal-non-hint-margin-top); margin-bottom: var(--field-decorator-filled-normal-non-hint-margin-bottom);}.var-field-decorator--filled .var-field-decorator--line-disabled { background: var(--field-decorator-disabled-color);}.var-field-decorator--filled .var-field-decorator--line-focus { transform: scaleX(1);}.var-field-decorator--filled .var-field-decorator--line-error { background: var(--field-decorator-error-color);}.var-field-decorator--filled .var-field-decorator--line-error { border-color: var(--field-decorator-error-color) !important;}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator__middle { margin-top: var(--field-decorator-standard-small-margin-top); margin-bottom: var(--field-decorator-standard-small-margin-bottom);}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-standard-small-margin-top));}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-standard-small-non-hint-margin-top);}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-standard-small-non-hint-margin-top);}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-standard-small-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__controller { padding: 0 var(--field-decorator-outlined-small-padding-right) 0 var(--field-decorator-outlined-small-padding-left);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__middle { margin-top: var(--field-decorator-outlined-small-margin-top); margin-bottom: var(--field-decorator-outlined-small-margin-bottom);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__icon { margin-top: var(--field-decorator-outlined-small-icon-margin-top); margin-bottom: var(--field-decorator-outlined-small-icon-margin-bottom);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-outlined-small-margin-top));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-outlined-small-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-padding-right)); transform: translate(calc(var(--field-decorator-outlined-small-padding-left)), -50%) scale(0.75);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__line { padding: 0 calc(var(--field-decorator-outlined-small-padding-right) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-size)) 0 calc(var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-size));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator--line-focus { padding: 0 calc(var(--field-decorator-outlined-small-padding-right) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-focus-size)) 0 calc(var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-focus-size));}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator__controller { padding: 0 var(--field-decorator-filled-small-padding-right) 0 var(--field-decorator-filled-small-padding-left);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator__middle { margin-top: var(--field-decorator-filled-small-margin-top); margin-bottom: var(--field-decorator-filled-small-margin-bottom);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-filled-small-hint-margin-top));}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator__icon { margin-top: var(--field-decorator-filled-small-icon-margin-top); margin-bottom: var(--field-decorator-filled-small-icon-margin-bottom);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-filled-small-non-hint-margin-top); margin-bottom: var(--field-decorator-filled-small-non-hint-margin-bottom);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-filled-small-non-hint-margin-top); margin-bottom: var(--field-decorator-filled-small-non-hint-margin-bottom);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-filled-small-hint-center-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-filled-small-padding-left) - var(--field-decorator-filled-small-padding-right)); transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-filled-small-placeholder-hint-top)) scale(0.75);}.var-field-decorator--transition-disabled { transition: none;}
+:root { --field-decorator-text-color: #555; --field-decorator-error-color: var(--color-danger); --field-decorator-blur-color: #888; --field-decorator-focus-color: var(--color-primary); --field-decorator-placeholder-size: 16px; --field-decorator-icon-size: 20px; --field-decorator-line-size: 1px; --field-decorator-line-focus-size: 2px; --field-decorator-line-border-radius: 4px; --field-decorator-disabled-color: var(--color-text-disabled); --field-decorator-standard-normal-margin-top: 22px; --field-decorator-standard-normal-margin-bottom: 4px; --field-decorator-standard-normal-icon-margin-top: 22px; --field-decorator-standard-normal-icon-margin-bottom: 4px; --field-decorator-standard-normal-non-hint-margin-top: 4px; --field-decorator-standard-small-margin-top: 18px; --field-decorator-standard-small-margin-bottom: 0; --field-decorator-standard-small-icon-margin-top: 18px; --field-decorator-standard-small-icon-margin-bottom: 4px; --field-decorator-standard-small-non-hint-margin-top: 2px; --field-decorator-outlined-normal-margin-top: 16px; --field-decorator-outlined-normal-margin-bottom: 16px; --field-decorator-outlined-normal-padding-left: 16px; --field-decorator-outlined-normal-padding-right: 16px; --field-decorator-outlined-normal-placeholder-space: 4px; --field-decorator-outlined-normal-icon-margin-top: 16px; --field-decorator-outlined-normal-icon-margin-bottom: 16px; --field-decorator-outlined-small-margin-top: 8px; --field-decorator-outlined-small-margin-bottom: 8px; --field-decorator-outlined-small-padding-left: 12px; --field-decorator-outlined-small-padding-right: 12px; --field-decorator-outlined-small-placeholder-space: 2px; --field-decorator-outlined-small-icon-margin-top: 8px; --field-decorator-outlined-small-icon-margin-bottom: 8px; --field-decorator-filled-background-color: #f6f6f6; --field-decorator-filled-border-radius: 4px; --field-decorator-filled-normal-placeholder-hint-top: 4px; --field-decorator-filled-normal-margin-top: 26px; --field-decorator-filled-normal-margin-bottom: 6px; --field-decorator-filled-normal-hint-center-margin-top: 16px; --field-decorator-filled-normal-hint-margin-top: 16px; --field-decorator-filled-normal-non-hint-margin-top: 16px; --field-decorator-filled-normal-non-hint-margin-bottom: 16px; --field-decorator-filled-normal-padding-left: 16px; --field-decorator-filled-normal-padding-right: 16px; --field-decorator-filled-normal-placeholder-space: 4px; --field-decorator-filled-normal-icon-margin-top: 16px; --field-decorator-filled-normal-icon-margin-bottom: 16px; --field-decorator-filled-small-placeholder-hint-top: 2px; --field-decorator-filled-small-margin-top: 18px; --field-decorator-filled-small-margin-bottom: 2px; --field-decorator-filled-small-hint-center-margin-top: 10px; --field-decorator-filled-small-hint-margin-top: 10px; --field-decorator-filled-small-padding-left: 12px; --field-decorator-filled-small-padding-right: 12px; --field-decorator-filled-small-placeholder-space: 2px; --field-decorator-filled-small-icon-margin-top: 10px; --field-decorator-filled-small-icon-margin-bottom: 10px; --field-decorator-filled-small-non-hint-margin-top: 10px; --field-decorator-filled-small-non-hint-margin-bottom: 10px;}.var-field-decorator { position: relative; width: 100%; color: var(--field-decorator-text-color);}.var-field-decorator__controller { width: 100%; display: flex; align-items: stretch; position: relative;}.var-field-decorator__middle { position: relative; flex-grow: 1; display: flex; justify-content: center; align-items: center;}.var-field-decorator__icon { display: flex; align-items: center; font-size: var(--field-decorator-icon-size);}.var-field-decorator__icon .var-icon { font-size: var(--field-decorator-icon-size);}.var-field-decorator__placeholder { position: absolute; top: 0; left: 0; max-width: var(--field-decorator-middle-offset-width); font-size: var(--field-decorator-placeholder-size); line-height: 1.5em; color: var(--field-decorator-placeholder-color, var(--field-decorator-blur-color)); pointer-events: none; cursor: inherit; transform-origin: left; transition: transform 0.28s var(--cubic-bezier), color 0.25s, max-width 0.2s;}.var-field-decorator__clear-icon[var-field-decorator-cover] { font-size: var(--field-decorator-icon-size); margin-left: 6px; cursor: pointer;}.var-field-decorator__placeholder-text { max-width: calc(133% - var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-padding-right)); position: absolute; z-index: -1000; top: -1000px; display: inline-block; pointer-events: none; opacity: 0; font-size: var(--field-decorator-placeholder-size);}.var-field-decorator__placeholder-text--small { max-width: calc(133% - var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-padding-right));}.var-field-decorator--placeholder-hidden { visibility: hidden;}.var-field-decorator--focus { color: var(--field-decorator-focus-color);}.var-field-decorator--disabled { color: var(--field-decorator-disabled-color); cursor: not-allowed;}.var-field-decorator--error { color: var(--field-decorator-error-color);}.var-field-decorator--standard .var-field-decorator__middle { margin-top: var(--field-decorator-standard-normal-margin-top); margin-bottom: var(--field-decorator-standard-normal-margin-bottom);}.var-field-decorator--standard .var-field-decorator__icon { margin-top: var(--field-decorator-standard-normal-icon-margin-top); margin-bottom: var(--field-decorator-standard-normal-icon-margin-bottom);}.var-field-decorator--standard .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-standard-normal-margin-top));}.var-field-decorator--standard .var-field-decorator--placeholder-hint { max-width: 133%; transform: translate(0, 0) scale(0.75) !important;}.var-field-decorator--standard .var-field-decorator__line { width: 100%; height: var(--field-decorator-line-size); background: var(--field-decorator-blur-color); transition: background-color 0.25s;}.var-field-decorator--standard .var-field-decorator--line-disabled { background: var(--field-decorator-disabled-color);}.var-field-decorator--standard .var-field-decorator__dot { width: 100%; height: var(--field-decorator-line-focus-size); background: var(--field-decorator-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier), background-color 0.25s;}.var-field-decorator--standard .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-standard-normal-non-hint-margin-top);}.var-field-decorator--standard .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-standard-normal-non-hint-margin-top);}.var-field-decorator--standard .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-standard-normal-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--standard .var-field-decorator--line-focus { transform: scaleX(1);}.var-field-decorator--standard .var-field-decorator--line-error { background: var(--field-decorator-error-color);}.var-field-decorator--outlined .var-field-decorator__controller { padding: 0 var(--field-decorator-outlined-normal-padding-right) 0 var(--field-decorator-outlined-normal-padding-left);}.var-field-decorator--outlined .var-field-decorator__middle { margin-top: var(--field-decorator-outlined-normal-margin-top); margin-bottom: var(--field-decorator-outlined-normal-margin-bottom);}.var-field-decorator--outlined .var-field-decorator__icon { margin-top: var(--field-decorator-outlined-normal-icon-margin-top); margin-bottom: var(--field-decorator-outlined-normal-icon-margin-bottom);}.var-field-decorator--outlined .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-outlined-normal-margin-top));}.var-field-decorator--outlined .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-outlined-normal-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--outlined .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-padding-right)); transform: translate(calc(var(--field-decorator-outlined-normal-padding-left)), -50%) scale(0.75);}.var-field-decorator--outlined .var-field-decorator__line { min-width: 0; width: 100%; height: calc(100% + (var(--field-decorator-placeholder-size) * 0.75 / 2)); position: absolute; top: calc(var(--field-decorator-placeholder-size) * 0.75 / 2 * -1); left: 0; pointer-events: none; border-radius: var(--field-decorator-line-border-radius); border: var(--field-decorator-line-size) solid var(--field-decorator-blur-color); overflow: hidden; padding: 0 calc(var(--field-decorator-outlined-normal-padding-right) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-size)) 0 calc(var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-size)); margin: 0;}.var-field-decorator--outlined .var-field-decorator__line-legend { max-width: 0; height: calc(var(--field-decorator-placeholder-size) * 0.75); visibility: hidden; padding: 0; overflow: hidden; display: block; white-space: nowrap;}.var-field-decorator--outlined .var-field-decorator__line-legend--hint { max-width: 100%;}.var-field-decorator--outlined .var-field-decorator--line-focus { border-width: var(--field-decorator-line-focus-size); border-color: var(--field-decorator-focus-color); padding: 0 calc(var(--field-decorator-outlined-normal-padding-right) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-focus-size)) 0 calc(var(--field-decorator-outlined-normal-padding-left) - var(--field-decorator-outlined-normal-placeholder-space) - var(--field-decorator-line-focus-size));}.var-field-decorator--outlined .var-field-decorator--line-disabled { border-radius: var(--field-decorator-line-border-radius); border: var(--field-decorator-line-size) solid var(--field-decorator-disabled-color);}.var-field-decorator--outlined .var-field-decorator--line-error { border-color: var(--field-decorator-error-color) !important;}.var-field-decorator--filled .var-field-decorator__controller { padding: 0 var(--field-decorator-filled-normal-padding-right) 0 var(--field-decorator-filled-normal-padding-left); background-color: var(--field-decorator-filled-background-color); border-top-left-radius: var(--field-decorator-filled-border-radius); border-top-right-radius: var(--field-decorator-filled-border-radius);}.var-field-decorator--filled .var-field-decorator__middle { margin-top: var(--field-decorator-filled-normal-margin-top); margin-bottom: var(--field-decorator-filled-normal-margin-bottom);}.var-field-decorator--filled .var-field-decorator__icon { margin-top: var(--field-decorator-filled-normal-icon-margin-top); margin-bottom: var(--field-decorator-filled-normal-icon-margin-bottom);}.var-field-decorator--filled .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-filled-normal-hint-margin-top));}.var-field-decorator--filled .var-field-decorator--bottom-border-radius { border-bottom-left-radius: var(--field-decorator-filled-border-radius); border-bottom-right-radius: var(--field-decorator-filled-border-radius);}.var-field-decorator--filled .var-field-decorator__line { width: 100%; height: var(--field-decorator-line-size); background: var(--field-decorator-blur-color); transition: background-color 0.25s;}.var-field-decorator--filled .var-field-decorator__dot { width: 100%; height: var(--field-decorator-line-focus-size); background: var(--field-decorator-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier), background-color 0.25s;}.var-field-decorator--filled .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-filled-normal-hint-center-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--filled .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-filled-normal-padding-left) - var(--field-decorator-filled-normal-padding-right)); transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-filled-normal-placeholder-hint-top)) scale(0.75);}.var-field-decorator--filled .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-filled-normal-non-hint-margin-top); margin-bottom: var(--field-decorator-filled-normal-non-hint-margin-bottom);}.var-field-decorator--filled .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-filled-normal-non-hint-margin-top); margin-bottom: var(--field-decorator-filled-normal-non-hint-margin-bottom);}.var-field-decorator--filled .var-field-decorator--line-disabled { background: var(--field-decorator-disabled-color);}.var-field-decorator--filled .var-field-decorator--line-focus { transform: scaleX(1);}.var-field-decorator--filled .var-field-decorator--line-error { background: var(--field-decorator-error-color);}.var-field-decorator--filled .var-field-decorator--line-error { border-color: var(--field-decorator-error-color) !important;}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator__middle { margin-top: var(--field-decorator-standard-small-margin-top); margin-bottom: var(--field-decorator-standard-small-margin-bottom);}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-standard-small-margin-top));}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-standard-small-non-hint-margin-top);}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-standard-small-non-hint-margin-top);}.var-field-decorator--standard.var-field-decorator--small .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-standard-small-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__controller { padding: 0 var(--field-decorator-outlined-small-padding-right) 0 var(--field-decorator-outlined-small-padding-left);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__middle { margin-top: var(--field-decorator-outlined-small-margin-top); margin-bottom: var(--field-decorator-outlined-small-margin-bottom);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__icon { margin-top: var(--field-decorator-outlined-small-icon-margin-top); margin-bottom: var(--field-decorator-outlined-small-icon-margin-bottom);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-outlined-small-margin-top));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-outlined-small-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-padding-right)); transform: translate(calc(var(--field-decorator-outlined-small-padding-left)), -50%) scale(0.75);}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator__line { padding: 0 calc(var(--field-decorator-outlined-small-padding-right) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-size)) 0 calc(var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-size));}.var-field-decorator--outlined.var-field-decorator--small .var-field-decorator--line-focus { padding: 0 calc(var(--field-decorator-outlined-small-padding-right) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-focus-size)) 0 calc(var(--field-decorator-outlined-small-padding-left) - var(--field-decorator-outlined-small-placeholder-space) - var(--field-decorator-line-focus-size));}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator__controller { padding: 0 var(--field-decorator-filled-small-padding-right) 0 var(--field-decorator-filled-small-padding-left);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator__middle { margin-top: var(--field-decorator-filled-small-margin-top); margin-bottom: var(--field-decorator-filled-small-margin-bottom);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator__placeholder { transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-filled-small-hint-margin-top));}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator__icon { margin-top: var(--field-decorator-filled-small-icon-margin-top); margin-bottom: var(--field-decorator-filled-small-icon-margin-bottom);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator--middle-non-hint { margin-top: var(--field-decorator-filled-small-non-hint-margin-top); margin-bottom: var(--field-decorator-filled-small-non-hint-margin-bottom);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator--icon-non-hint { margin-top: var(--field-decorator-filled-small-non-hint-margin-top); margin-bottom: var(--field-decorator-filled-small-non-hint-margin-bottom);}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator--hint-center { transform: translate(var(--field-decorator-middle-offset-left), calc(var(--field-decorator-filled-small-hint-center-margin-top) + var(--field-decorator-middle-offset-height) / 2 - 50%));}.var-field-decorator--filled.var-field-decorator--small .var-field-decorator--placeholder-hint { max-width: calc(133% - var(--field-decorator-filled-small-padding-left) - var(--field-decorator-filled-small-padding-right)); transform: translate(var(--field-decorator-middle-offset-left), var(--field-decorator-filled-small-placeholder-hint-top)) scale(0.75);}.var-field-decorator--transition-disabled { transition: none;}

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.13.1'
+const version = '3.14.0'
 
 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.13.1'
+const version = '3.14.0'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/locale/en-US.mjs

@@ -101,7 +101,9 @@ var stdin_default = {
   paginationPage: "page",
   paginationJump: "Go to",
   // time-picker
-  timePickerHint: "SELECT TIME"
+  timePickerHint: "SELECT TIME",
+  // select
+  selectEmptyText: "No Data"
 };
 export {
   stdin_default as default

package/es/locale/fa-IR.mjs

@@ -101,7 +101,9 @@ var stdin_default = {
   paginationPage: "\u0635\u0641\u062D\u0647",
   paginationJump: "\u0628\u0631\u0648 \u0628\u0647",
   // time-picker
-  timePickerHint: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646"
+  timePickerHint: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646",
+  // select
+  selectEmptyText: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F"
 };
 export {
   stdin_default as default

package/es/locale/ja-JP.mjs

@@ -101,7 +101,9 @@ var stdin_default = {
   paginationPage: "\u30DA\u30FC\u30B8",
   paginationJump: "\u30B8\u30E3\u30F3\u30D7",
   // time-picker
-  timePickerHint: "\u6642\u9593\u3092\u9078\u629E"
+  timePickerHint: "\u6642\u9593\u3092\u9078\u629E",
+  // select
+  selectEmptyText: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093"
 };
 export {
   stdin_default as default

package/es/locale/zh-CN.mjs

@@ -101,7 +101,9 @@ var stdin_default = {
   paginationPage: "\u9875",
   paginationJump: "\u524D\u5F80",
   // time-picker
-  timePickerHint: "\u9009\u62E9\u65F6\u95F4"
+  timePickerHint: "\u9009\u62E9\u65F6\u95F4",
+  // select
+  selectEmptyText: "\u6682\u65E0\u6570\u636E"
 };
 export {
   stdin_default as default

package/es/locale/zh-TW.mjs

@@ -101,7 +101,9 @@ var stdin_default = {
   paginationPage: "\u9801",
   paginationJump: "\u524D\u5F80",
   // time-picker
-  timePickerHint: "\u9078\u64C7\u6642\u9593"
+  timePickerHint: "\u9078\u64C7\u6642\u9593",
+  // select
+  selectEmptyText: "\u66AB\u7121\u6578\u64DA"
 };
 export {
   stdin_default as default

package/es/option/Option.mjs

@@ -9,7 +9,7 @@ import { createNamespace, MaybeVNode } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 import { useSelect } from "./provide.mjs";
 const { name, n, classes } = createNamespace("option");
-import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createVNode as _createVNode, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
+import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createVNode as _createVNode, vShow as _vShow, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = ["tabindex"];
 function __render__(_ctx, _cache) {
   const _component_var_checkbox = _resolveComponent("var-checkbox");
@@ -69,6 +69,7 @@ function __render__(_ctx, _cache) {
       focusing: _ctx.isFocusing && !_ctx.disabled
     }, null, 8, ["hovering", "focusing"])
   ], 46, _hoisted_1)), [
+    [_vShow, _ctx.visible],
     [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }],
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
@@ -86,12 +87,22 @@ const __sfc__ = defineComponent({
     const root = ref();
     const isFocusing = ref(false);
     const optionSelected = ref(false);
+    const option = computed(
+      () => {
+        var _a;
+        return (_a = props2.option) != null ? _a : {
+          label: props2.label,
+          value: props2.value,
+          disabled: props2.disabled
+        };
+      }
+    );
     const selected = computed(() => optionSelected.value);
     const value = computed(() => props2.value);
     const disabled = computed(() => props2.disabled);
     const ripple = computed(() => props2.ripple);
     const { select, bindSelect } = useSelect();
-    const { multiple, focusColor, onSelect, computeLabel } = select;
+    const { pattern, showMenu, filterable, multiple, focusColor, onSelect, computeLabel, filter } = select;
     const { hovering, handleHovering } = useHoverOverlay();
     const labelVNode = computed(
       () => {
@@ -106,6 +117,14 @@ const __sfc__ = defineComponent({
         ) : props2.label;
       }
     );
+    const frozenVisible = ref(true);
+    const visibleByFilter = computed(() => {
+      if (!filterable.value || !pattern.value) {
+        return true;
+      }
+      return filter(pattern.value, option.value);
+    });
+    const visible = computed(() => showMenu.value ? visibleByFilter.value : frozenVisible.value);
     const optionProvider = {
       label: labelVNode,
       value,
@@ -115,6 +134,15 @@ const __sfc__ = defineComponent({
       sync
     };
     watch([() => props2.label, () => props2.value], computeLabel);
+    watch(
+      () => [showMenu.value, visibleByFilter.value],
+      () => {
+        if (showMenu.value) {
+          frozenVisible.value = visibleByFilter.value;
+        }
+      },
+      { immediate: true }
+    );
     bindSelect(optionProvider);
     useEventListener(() => window, "keydown", handleKeydown);
     useEventListener(() => window, "keyup", handleKeyup);
@@ -156,6 +184,7 @@ const __sfc__ = defineComponent({
     return {
       root,
       optionSelected,
+      visible,
       multiple,
       focusColor,
       hovering,