@varlet/ui 3.13.1 → 3.14.0

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 (34) hide show
  1. package/README.md +0 -10
  2. package/es/action-sheet/style/index.mjs +1 -1
  3. package/es/field-decorator/fieldDecorator.css +1 -1
  4. package/es/index.bundle.mjs +1 -1
  5. package/es/index.mjs +1 -1
  6. package/es/locale/en-US.mjs +3 -1
  7. package/es/locale/fa-IR.mjs +3 -1
  8. package/es/locale/ja-JP.mjs +3 -1
  9. package/es/locale/zh-CN.mjs +3 -1
  10. package/es/locale/zh-TW.mjs +3 -1
  11. package/es/option/Option.mjs +31 -2
  12. package/es/select/Select.mjs +258 -45
  13. package/es/select/SelectFilter.mjs +61 -0
  14. package/es/select/props.mjs +4 -0
  15. package/es/select/select.css +1 -1
  16. package/es/select/useOptionsMutationObserver.mjs +73 -0
  17. package/es/select/useSelectFilterSize.mjs +27 -0
  18. package/es/themes/dark/fieldDecorator.mjs +1 -1
  19. package/es/themes/dark/select.mjs +4 -1
  20. package/es/themes/md3-dark/fieldDecorator.mjs +1 -1
  21. package/es/themes/md3-dark/select.mjs +4 -1
  22. package/es/themes/md3-light/fieldDecorator.mjs +1 -1
  23. package/es/themes/md3-light/select.mjs +4 -1
  24. package/es/varlet.css +1 -1
  25. package/es/varlet.esm.js +7925 -7607
  26. package/highlight/web-types.en-US.json +23 -1
  27. package/highlight/web-types.zh-CN.json +23 -1
  28. package/lib/varlet.cjs.js +2236 -1832
  29. package/lib/varlet.css +1 -1
  30. package/package.json +7 -7
  31. package/types/index.d.ts +2 -2
  32. package/types/select.d.ts +5 -0
  33. package/types/styleVars.d.ts +3 -0
  34. package/umd/varlet.js +8 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@varlet/ui",
3
- "version": "3.13.1",
3
+ "version": "3.14.0",
4
4
  "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
5
5
  "keywords": [
6
6
  "Vue3",
@@ -44,9 +44,9 @@
44
44
  "@popperjs/core": "^2.11.6",
45
45
  "dayjs": "^1.10.4",
46
46
  "decimal.js": "^10.2.1",
47
- "@varlet/icons": "3.13.1",
48
- "@varlet/shared": "3.13.1",
49
- "@varlet/use": "3.13.1"
47
+ "@varlet/icons": "3.14.0",
48
+ "@varlet/shared": "3.14.0",
49
+ "@varlet/use": "3.14.0"
50
50
  },
51
51
  "devDependencies": {
52
52
  "@types/node": "^18.7.20",
@@ -62,9 +62,9 @@
62
62
  "vue": "3.5.21",
63
63
  "vue-router": "4.5.1",
64
64
  "zod": "^3.23.8",
65
- "@varlet/cli": "3.13.1",
66
- "@varlet/ui": "3.13.1",
67
- "@varlet/touch-emulator": "3.13.1"
65
+ "@varlet/ui": "3.14.0",
66
+ "@varlet/cli": "3.14.0",
67
+ "@varlet/touch-emulator": "3.14.0"
68
68
  },
69
69
  "peerDependencies": {
70
70
  "vue": "^3.2.0"
package/types/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { App } from 'vue'
2
2
 
3
- export const version: string
4
- export const install: (app: App) => void
3
+ export declare const version: string
4
+ export declare const install: (app: App) => void
5
5
 
6
6
  export * from './actionSheet'
7
7
  export * from './alert'
package/types/select.d.ts CHANGED
@@ -20,6 +20,8 @@ export type SelectOptionLabelRender = (option: SelectOption, checked: boolean) =
20
20
 
21
21
  export type SelectOptionLabel = string | VNode | SelectOptionLabelRender
22
22
 
23
+ export type SelectFilterMethod = (pattern: string, option: SelectOption) => boolean
24
+
23
25
  export interface SelectOption {
24
26
  label?: SelectOptionLabel
25
27
  value?: any
@@ -52,6 +54,8 @@ export interface SelectProps extends BasicAttributes {
52
54
  validateTrigger?: Array<SelectValidateTrigger>
53
55
  rules?: SelectRules
54
56
  tabindex?: SelectHTMLAttributes['tabindex']
57
+ filterable?: boolean
58
+ filter?: SelectFilterMethod
55
59
  onFocus?: ListenerProp<(e: Event) => void>
56
60
  onBlur?: ListenerProp<(e: Event) => void>
57
61
  onClick?: ListenerProp<(e: Event) => void>
@@ -81,6 +85,7 @@ export class Select extends VarComponent {
81
85
  'clear-icon'(data: SelectClearIconData): VNode[]
82
86
  'append-icon'(): VNode[]
83
87
  'arrow-icon'(data: SelectArrowIconData): VNode[]
88
+ 'empty'(): VNode[]
84
89
  }
85
90
 
86
91
  focus(): void
package/types/styleVars.d.ts CHANGED
@@ -596,6 +596,9 @@ interface BaseStyleVars {
596
596
  '--select-chip-margin'?: string
597
597
  '--select-arrow-size'?: string
598
598
  '--select-standard-menu-margin'?: string
599
+ '--select-empty-text-color'?: string
600
+ '--select-empty-height'?: string
601
+ '--select-empty-font-size'?: string
599
602
  '--option-height'?: string
600
603
  '--option-padding'?: string
601
604
  '--option-font-size'?: string