@varlet/ui 3.13.0 → 3.14.0-alpha.1772307023035

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.
Files changed (37) hide show
  1. package/README.md +0 -10
  2. package/es/bottom-navigation/BottomNavigation.mjs +2 -0
  3. package/es/bottom-navigation/props.mjs +4 -0
  4. package/es/bottom-navigation-item/BottomNavigationItem.mjs +11 -2
  5. package/es/bottom-navigation-item/bottomNavigationItem.css +1 -1
  6. package/es/field-decorator/fieldDecorator.css +1 -1
  7. package/es/index.bundle.mjs +1 -1
  8. package/es/index.mjs +1 -1
  9. package/es/locale/en-US.mjs +3 -1
  10. package/es/locale/fa-IR.mjs +3 -1
  11. package/es/locale/ja-JP.mjs +3 -1
  12. package/es/locale/zh-CN.mjs +3 -1
  13. package/es/locale/zh-TW.mjs +3 -1
  14. package/es/option/Option.mjs +31 -2
  15. package/es/select/Select.mjs +263 -42
  16. package/es/select/SelectFilter.mjs +61 -0
  17. package/es/select/props.mjs +4 -0
  18. package/es/select/select.css +1 -1
  19. package/es/select/useSelectFilterSize.mjs +27 -0
  20. package/es/themes/dark/fieldDecorator.mjs +1 -1
  21. package/es/themes/dark/select.mjs +4 -1
  22. package/es/themes/md3-dark/fieldDecorator.mjs +1 -1
  23. package/es/themes/md3-dark/select.mjs +4 -1
  24. package/es/themes/md3-light/fieldDecorator.mjs +1 -1
  25. package/es/themes/md3-light/select.mjs +4 -1
  26. package/es/varlet.css +1 -1
  27. package/es/varlet.esm.js +8834 -8550
  28. package/highlight/web-types.en-US.json +32 -1
  29. package/lib/varlet.cjs.js +2191 -1830
  30. package/lib/varlet.css +1 -1
  31. package/package.json +7 -7
  32. package/types/bottomNavigation.d.ts +1 -0
  33. package/types/index.d.ts +2 -2
  34. package/types/select.d.ts +5 -0
  35. package/types/styleVars.d.ts +3 -0
  36. package/umd/varlet.js +8 -8
  37. package/highlight/web-types.zh-CN.json +0 -9167
package/README.md CHANGED
@@ -122,16 +122,6 @@ See [Varlet UI Playground](https://varletjs.org/playground).
122
122
 
123
123
  See [Contributing Guide](https://github.com/varletjs/varlet/blob/dev/.github/CONTRIBUTING.md).
124
124
 
125
- ### Community
126
-
127
- We recommend that [issue](https://github.com/varletjs/varlet/issues) be used for problem feedback, or others:
128
-
129
- * Wechat group
130
-
131
- <img style="width: 25%" src="https://cdn.jsdelivr.net/gh/varletjs/varlet-static/community.png" />
132
-
133
- * Join the [Discord](https://discord.gg/Dmb8ydBHkw)
134
-
135
125
  ### Thanks to contributors
136
126
 
137
127
  <a href="https://github.com/varletjs/varlet/graphs/contributors">
@@ -90,6 +90,7 @@ const __sfc__ = defineComponent({
90
90
  props,
91
91
  setup(props2, { slots }) {
92
92
  const bottomNavigationDom = ref(null);
93
+ const animated = computed(() => props2.animated);
93
94
  const active = computed(() => props2.active);
94
95
  const activeColor = computed(() => props2.activeColor);
95
96
  const inactiveColor = computed(() => props2.inactiveColor);
@@ -98,6 +99,7 @@ const __sfc__ = defineComponent({
98
99
  const fabProps = ref({});
99
100
  const { length, bottomNavigationItems, bindBottomNavigationItem } = useBottomNavigationItems();
100
101
  const bottomNavigationProvider = {
102
+ animated,
101
103
  active,
102
104
  activeColor,
103
105
  inactiveColor,
@@ -8,6 +8,10 @@ const props = {
8
8
  type: [Number, String],
9
9
  default: 1
10
10
  },
11
+ animated: {
12
+ type: Boolean,
13
+ default: true
14
+ },
11
15
  fixed: Boolean,
12
16
  border: Boolean,
13
17
  variant: Boolean,
@@ -19,7 +19,15 @@ function __render__(_ctx, _cache) {
19
19
  return _withDirectives((_openBlock(), _createElementBlock(
20
20
  "button",
21
21
  {
22
- class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.variant, _ctx.n("--variant-padding")], [_ctx.isActive && !_ctx.variant, _ctx.n("--active")])),
22
+ class: _normalizeClass(
23
+ _ctx.classes(
24
+ _ctx.n(),
25
+ _ctx.n("$--box"),
26
+ [_ctx.variant, _ctx.n("--variant-padding")],
27
+ [_ctx.isActive && !_ctx.variant, _ctx.n("--active")],
28
+ [_ctx.animated, _ctx.n("--animated")]
29
+ )
30
+ ),
23
31
  style: _normalizeStyle({
24
32
  color: _ctx.isActive ? _ctx.activeColor : _ctx.inactiveColor
25
33
  }),
@@ -108,7 +116,7 @@ const __sfc__ = defineComponent({
108
116
  const isActive = computed(() => [name2.value, index.value].includes(active.value));
109
117
  const badgeProps = computed(() => props2.badge === true ? defaultBadgeProps : props2.badge);
110
118
  const { index, bottomNavigation, bindBottomNavigation } = useBottomNavigation();
111
- const { active, activeColor, inactiveColor, variant } = bottomNavigation;
119
+ const { animated, active, activeColor, inactiveColor, variant } = bottomNavigation;
112
120
  const bottomNavigationItemProvider = {
113
121
  name: name2,
114
122
  index
@@ -121,6 +129,7 @@ const __sfc__ = defineComponent({
121
129
  call(bottomNavigation.onToggle, active2);
122
130
  }
123
131
  return {
132
+ animated,
124
133
  activeColor,
125
134
  inactiveColor,
126
135
  badgeProps,
@@ -1 +1 @@
1
- :root { --bottom-navigation-item-font-size: var(--font-size-sm); --bottom-navigation-item-inactive-color: #646566; --bottom-navigation-item-active-color: var(--color-primary); --bottom-navigation-item-active-background-color: var(--color-surface-container-high); --bottom-navigation-item-variant-active-background-color: var(--color-primary-container); --bottom-navigation-item-variant-active-color: var(--color-on-primary-container); --bottom-navigation-item-line-height: 1; --bottom-navigation-item-icon-size: 22px; --bottom-navigation-item-icon-margin-bottom: 5px; --bottom-navigation-item-variant-icon-container-height: 30px; --bottom-navigation-item-variant-icon-container-border-radius: 100px; --bottom-navigation-item-variant-icon-container-max-width: 58px;}.var-bottom-navigation-item { height: 100%; padding-bottom: 2px; position: relative; display: inline-flex; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; line-height: var(--bottom-navigation-item-line-height); color: var(--bottom-navigation-item-inactive-color); cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; background-color: transparent; outline: 0; border: 0; transition: color 250ms, margin 250ms;}.var-bottom-navigation-item--variant-padding { padding-bottom: 6px;}.var-bottom-navigation-item--active { color: var(--bottom-navigation-item-active-color); background-color: var(--bottom-navigation-item-active-background-color); transition: background-color 250ms;}.var-bottom-navigation-item--active .var-bottom-navigation-item__label { font-size: calc(var(--bottom-navigation-item-font-size) * 1.16);}.var-bottom-navigation-item--variant-icon-container { display: flex; justify-content: center; align-items: center; width: 0; height: var(--bottom-navigation-item-variant-icon-container-height); border-radius: var(--bottom-navigation-item-variant-icon-container-border-radius); max-width: var(--bottom-navigation-item-variant-icon-container-max-width);}.var-bottom-navigation-item--variant-active { color: var(--bottom-navigation-item-variant-active-color); background-color: var(--bottom-navigation-item-variant-active-background-color); width: 100%; transition: background-color 0.25s, width 0.5s;}.var-bottom-navigation-item--right-half-space { margin-right: calc(var(--bottom-navigation-height) / 2);}.var-bottom-navigation-item--left-half-space { margin-left: calc(var(--bottom-navigation-height) / 2);}.var-bottom-navigation-item--right-space { margin-right: calc(var(--bottom-navigation-height) + var(--bottom-navigation-fab-offset));}.var-bottom-navigation-item__icon[var-bottom-navigation-item-cover] { font-size: var(--bottom-navigation-item-icon-size);}.var-bottom-navigation-item__badge[var-bottom-navigation-item-cover] { margin-top: 6px; margin-right: -4px;}.var-bottom-navigation-item__label { margin-top: var(--bottom-navigation-item-icon-margin-bottom); font-size: var(--bottom-navigation-item-font-size); transition: font-size 0.2s ease 0.1s; white-space: nowrap;}
1
+ :root { --bottom-navigation-item-font-size: var(--font-size-sm); --bottom-navigation-item-inactive-color: #646566; --bottom-navigation-item-active-color: var(--color-primary); --bottom-navigation-item-active-background-color: var(--color-surface-container-high); --bottom-navigation-item-variant-active-background-color: var(--color-primary-container); --bottom-navigation-item-variant-active-color: var(--color-on-primary-container); --bottom-navigation-item-line-height: 1; --bottom-navigation-item-icon-size: 22px; --bottom-navigation-item-icon-margin-bottom: 5px; --bottom-navigation-item-variant-icon-container-height: 30px; --bottom-navigation-item-variant-icon-container-border-radius: 100px; --bottom-navigation-item-variant-icon-container-max-width: 58px;}.var-bottom-navigation-item { height: 100%; padding-bottom: 2px; position: relative; display: inline-flex; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; line-height: var(--bottom-navigation-item-line-height); color: var(--bottom-navigation-item-inactive-color); cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; background-color: transparent; outline: 0; border: 0; transition: color 250ms, margin 250ms;}.var-bottom-navigation-item--variant-padding { padding-bottom: 6px;}.var-bottom-navigation-item--active { color: var(--bottom-navigation-item-active-color); background-color: var(--bottom-navigation-item-active-background-color); transition: background-color 250ms;}.var-bottom-navigation-item--animated .var-bottom-navigation-item__label { font-size: calc(var(--bottom-navigation-item-font-size) * 1.16);}.var-bottom-navigation-item--variant-icon-container { display: flex; justify-content: center; align-items: center; width: 0; height: var(--bottom-navigation-item-variant-icon-container-height); border-radius: var(--bottom-navigation-item-variant-icon-container-border-radius); max-width: var(--bottom-navigation-item-variant-icon-container-max-width);}.var-bottom-navigation-item--variant-active { color: var(--bottom-navigation-item-variant-active-color); background-color: var(--bottom-navigation-item-variant-active-background-color); width: 100%; transition: background-color 0.25s, width 0.5s;}.var-bottom-navigation-item--right-half-space { margin-right: calc(var(--bottom-navigation-height) / 2);}.var-bottom-navigation-item--left-half-space { margin-left: calc(var(--bottom-navigation-height) / 2);}.var-bottom-navigation-item--right-space { margin-right: calc(var(--bottom-navigation-height) + var(--bottom-navigation-fab-offset));}.var-bottom-navigation-item__icon[var-bottom-navigation-item-cover] { font-size: var(--bottom-navigation-item-icon-size);}.var-bottom-navigation-item__badge[var-bottom-navigation-item-cover] { margin-top: 6px; margin-right: -4px;}.var-bottom-navigation-item__label { margin-top: var(--bottom-navigation-item-icon-margin-bottom); font-size: var(--bottom-navigation-item-font-size); transition: font-size 0.2s ease 0.1s; white-space: nowrap;}
@@ -1 +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;}
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: 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;}
@@ -283,7 +283,7 @@ import './tooltip/style/index.mjs'
283
283
  import './uploader/style/index.mjs'
284
284
  import './watermark/style/index.mjs'
285
285
 
286
- const version = '3.13.0'
286
+ const version = '3.14.0-alpha.1772307023035'
287
287
 
288
288
  function install(app) {
289
289
  ActionSheet.install && app.use(ActionSheet)
package/es/index.mjs CHANGED
@@ -188,7 +188,7 @@ export * from './tooltip/index.mjs'
188
188
  export * from './uploader/index.mjs'
189
189
  export * from './watermark/index.mjs'
190
190
 
191
- const version = '3.13.0'
191
+ const version = '3.14.0-alpha.1772307023035'
192
192
 
193
193
  function install(app) {
194
194
  ActionSheet.install && app.use(ActionSheet)
@@ -101,7 +101,9 @@ var stdin_default = {
101
101
  paginationPage: "page",
102
102
  paginationJump: "Go to",
103
103
  // time-picker
104
- timePickerHint: "SELECT TIME"
104
+ timePickerHint: "SELECT TIME",
105
+ // select
106
+ selectEmptyText: "No Data"
105
107
  };
106
108
  export {
107
109
  stdin_default as default
@@ -101,7 +101,9 @@ var stdin_default = {
101
101
  paginationPage: "\u0635\u0641\u062D\u0647",
102
102
  paginationJump: "\u0628\u0631\u0648 \u0628\u0647",
103
103
  // time-picker
104
- timePickerHint: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646"
104
+ timePickerHint: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646",
105
+ // select
106
+ selectEmptyText: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F"
105
107
  };
106
108
  export {
107
109
  stdin_default as default
@@ -101,7 +101,9 @@ var stdin_default = {
101
101
  paginationPage: "\u30DA\u30FC\u30B8",
102
102
  paginationJump: "\u30B8\u30E3\u30F3\u30D7",
103
103
  // time-picker
104
- timePickerHint: "\u6642\u9593\u3092\u9078\u629E"
104
+ timePickerHint: "\u6642\u9593\u3092\u9078\u629E",
105
+ // select
106
+ selectEmptyText: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093"
105
107
  };
106
108
  export {
107
109
  stdin_default as default
@@ -101,7 +101,9 @@ var stdin_default = {
101
101
  paginationPage: "\u9875",
102
102
  paginationJump: "\u524D\u5F80",
103
103
  // time-picker
104
- timePickerHint: "\u9009\u62E9\u65F6\u95F4"
104
+ timePickerHint: "\u9009\u62E9\u65F6\u95F4",
105
+ // select
106
+ selectEmptyText: "\u6682\u65E0\u6570\u636E"
105
107
  };
106
108
  export {
107
109
  stdin_default as default
@@ -101,7 +101,9 @@ var stdin_default = {
101
101
  paginationPage: "\u9801",
102
102
  paginationJump: "\u524D\u5F80",
103
103
  // time-picker
104
- timePickerHint: "\u9078\u64C7\u6642\u9593"
104
+ timePickerHint: "\u9078\u64C7\u6642\u9593",
105
+ // select
106
+ selectEmptyText: "\u66AB\u7121\u6578\u64DA"
105
107
  };
106
108
  export {
107
109
  stdin_default as default
@@ -9,7 +9,7 @@ import { createNamespace, MaybeVNode } from "../utils/components.mjs";
9
9
  import { props } from "./props.mjs";
10
10
  import { useSelect } from "./provide.mjs";
11
11
  const { name, n, classes } = createNamespace("option");
12
- 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";
12
+ 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";
13
13
  const _hoisted_1 = ["tabindex"];
14
14
  function __render__(_ctx, _cache) {
15
15
  const _component_var_checkbox = _resolveComponent("var-checkbox");
@@ -69,6 +69,7 @@ function __render__(_ctx, _cache) {
69
69
  focusing: _ctx.isFocusing && !_ctx.disabled
70
70
  }, null, 8, ["hovering", "focusing"])
71
71
  ], 46, _hoisted_1)), [
72
+ [_vShow, _ctx.visible],
72
73
  [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }],
73
74
  [_directive_hover, _ctx.handleHovering, "desktop"]
74
75
  ]);
@@ -86,12 +87,22 @@ const __sfc__ = defineComponent({
86
87
  const root = ref();
87
88
  const isFocusing = ref(false);
88
89
  const optionSelected = ref(false);
90
+ const option = computed(
91
+ () => {
92
+ var _a;
93
+ return (_a = props2.option) != null ? _a : {
94
+ label: props2.label,
95
+ value: props2.value,
96
+ disabled: props2.disabled
97
+ };
98
+ }
99
+ );
89
100
  const selected = computed(() => optionSelected.value);
90
101
  const value = computed(() => props2.value);
91
102
  const disabled = computed(() => props2.disabled);
92
103
  const ripple = computed(() => props2.ripple);
93
104
  const { select, bindSelect } = useSelect();
94
- const { multiple, focusColor, onSelect, computeLabel } = select;
105
+ const { pattern, showMenu, filterable, multiple, focusColor, onSelect, computeLabel, filter } = select;
95
106
  const { hovering, handleHovering } = useHoverOverlay();
96
107
  const labelVNode = computed(
97
108
  () => {
@@ -106,6 +117,14 @@ const __sfc__ = defineComponent({
106
117
  ) : props2.label;
107
118
  }
108
119
  );
120
+ const frozenVisible = ref(true);
121
+ const visibleByFilter = computed(() => {
122
+ if (!filterable.value || !pattern.value) {
123
+ return true;
124
+ }
125
+ return filter(pattern.value, option.value);
126
+ });
127
+ const visible = computed(() => showMenu.value ? visibleByFilter.value : frozenVisible.value);
109
128
  const optionProvider = {
110
129
  label: labelVNode,
111
130
  value,
@@ -115,6 +134,15 @@ const __sfc__ = defineComponent({
115
134
  sync
116
135
  };
117
136
  watch([() => props2.label, () => props2.value], computeLabel);
137
+ watch(
138
+ () => [showMenu.value, visibleByFilter.value],
139
+ () => {
140
+ if (showMenu.value) {
141
+ frozenVisible.value = visibleByFilter.value;
142
+ }
143
+ },
144
+ { immediate: true }
145
+ );
118
146
  bindSelect(optionProvider);
119
147
  useEventListener(() => window, "keydown", handleKeydown);
120
148
  useEventListener(() => window, "keyup", handleKeyup);
@@ -156,6 +184,7 @@ const __sfc__ = defineComponent({
156
184
  return {
157
185
  root,
158
186
  optionSelected,
187
+ visible,
159
188
  multiple,
160
189
  focusColor,
161
190
  hovering,