@quasar/quasar-ui-qiconpicker 3.0.0-beta.4 → 3.0.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 (15) hide show
  1. package/README.md +15 -10
  2. package/dist/api/QIconPicker.json +102 -60
  3. package/dist/index.css +1 -1
  4. package/dist/index.esm.js +155 -6
  5. package/dist/index.esm.min.js +2 -2
  6. package/dist/index.min.css +1 -1
  7. package/dist/index.rtl.css +1 -1
  8. package/dist/index.rtl.min.css +1 -1
  9. package/dist/index.umd.js +155 -6
  10. package/dist/index.umd.min.js +2 -2
  11. package/dist/types/index.d.ts +170 -104
  12. package/package.json +14 -17
  13. package/src/components/QIconPicker.ts +205 -13
  14. package/src/version.ts +1 -1
  15. package/src/components/QIconPicker.json +0 -177
package/dist/types/index.d.ts CHANGED
@@ -1,117 +1,183 @@
1
- import type { ComponentPublicInstance, ComponentOptions } from 'vue'
1
+ import type { App as Application, ComponentOptions, ComponentPublicInstance } from 'vue'
2
+ import type { NumberArray, StringArray, IconName, IconNameArray, Pagination, PaginationProps } from './types'
2
3
 
3
4
  export interface QIconPicker extends ComponentPublicInstance {
4
- /**
5
- * `v-model`; The selected icon
6
- */
7
- modelValue? : string
8
- /**
9
- * The name of a [Quasar Icon Set](https://quasar.dev/options/quasar-icon-sets). Built-in sets are lazy loaded from `@quasar/extras`.
10
- */
11
- iconSet? : "material-icons" | "material-icons-outlined" | "material-icons-round" | "material-icons-sharp" | "material-symbols-outlined" | "material-symbols-rounded" | "material-symbols-sharp" | "ionicons-v8" | "mdi-v7" | "fontawesome-v7" | "line-awesome" | "eva-icons" | "themify" | "bootstrap-icons"
12
- /**
13
- * An array of objects containing icon information. The object must contain the key `name` with the value being the selected icon name. Use the optional `icon` key for SVG path data used for display, for example `{ name: 'bolt', icon: matBolt }`.
14
- */
15
- icons? : IconNameArray
16
- /**
17
- * Icons will be filtered by the passed string
18
- */
19
- filter? : string
20
- /**
21
- * Use less of a foot print for the component
22
- */
23
- dense? : boolean
24
- /**
25
- * Turns tooltips on for each displayed icon (shows the icon name)
26
- */
27
- tooltips? : boolean
28
- /**
29
- * hides the footer area when `pagination` is enabled
30
- */
31
- noFooter? : boolean
32
- /**
33
- * Any color from the [Quasar Color Pallete](https://quasar.dev/style/color-palette)
34
- */
35
- color? : string
36
- /**
37
- * Any color from the [Quasar Color Pallete](https://quasar.dev/style/color-palette)
38
- */
39
- textColor? : string
40
- /**
41
- * Any color from the [Quasar Color Pallete](https://quasar.dev/style/color-palette)
42
- */
43
- selectedColor? : string
44
- /**
45
- * Any color from the [Quasar Color Pallete](https://quasar.dev/style/color-palette)
46
- */
47
- selectedTextColor? : string
48
- /**
49
- * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
50
- */
51
- size? : string
52
- /**
53
- * For pagination purposes uses Quasar's pagination component. Use `v-model:model-pagination` to synchronize the data. You can use `page` and `itemsPerPage` to control the pagination. QIconPicker will set `totalPages` depending on `icon-set` or `icons` properties. If using a `filter` the page will automatically be reset to 1
54
- */
55
- modelPagination? : Pagination
56
- /**
57
- * The properties to pass to the QPagination component
58
- */
59
- paginationProps? : PaginationProps
60
- /**
61
- * Turns on animation
62
- */
63
- animated? : boolean
64
- /**
65
- * When animated property is true, transition to use for previous paginated view
66
- */
67
- transitionPrev? : string
68
- /**
69
- * When animated property is true, transition to use for next paginated view
70
- */
71
- transitionNext? : string
72
- /**
73
- * If paginated, will go to previous page if not on 1st page
74
- */
75
- prevPage (): void
76
- /**
77
- * If paginated, will go to next page, if not on last page
78
- */
79
- nextPage (): void
80
- /**
81
- * If paginated, will go to the last page
82
- */
83
- lastPage (): void
84
- /**
85
- * True if on last page otherwise false
86
- */
87
- isLastPage (): void
88
- /**
89
- * If paginated, will go to the first page
90
- */
91
- firstPage (): void
92
- /**
93
- * True if on first page otherwise false
94
- */
95
- isFirstPage (): void
5
+ /**
6
+ * `v-model`; the selected icon.
7
+ */
8
+ modelValue?: string
9
+ /**
10
+ * The name of a [Quasar Icon Set](https://quasar.dev/options/quasar-icon-sets). Built-in sets are lazy loaded from `@quasar/extras`.
11
+ */
12
+ iconSet?: "material-icons" | "material-icons-outlined" | "material-icons-round" | "material-icons-sharp" | "material-symbols-outlined" | "material-symbols-rounded" | "material-symbols-sharp" | "ionicons-v8" | "mdi-v7" | "fontawesome-v7" | "line-awesome" | "eva-icons" | "themify" | "bootstrap-icons"
13
+ /**
14
+ * An array of objects containing icon information. The object must contain the key `name` with the value being the selected icon name. Use the optional `icon` key for SVG path data used for display, for example `{ name: 'bolt', icon: matBolt }`.
15
+ */
16
+ icons?: IconNameArray
17
+ /**
18
+ * Icons will be filtered by the passed string.
19
+ */
20
+ filter?: string
21
+ /**
22
+ * Use less of a footprint for the component.
23
+ */
24
+ dense?: boolean
25
+ /**
26
+ * Turns tooltips on for each displayed icon, showing the icon name.
27
+ */
28
+ tooltips?: boolean
29
+ /**
30
+ * Hides the footer area when pagination is enabled.
31
+ */
32
+ noFooter?: boolean
33
+ /**
34
+ * Size in CSS units, including unit name or standard size name (xs, sm, md, lg, xl).
35
+ */
36
+ size?: string
37
+ /**
38
+ * Any color from the [Quasar Color Palette](https://quasar.dev/style/color-palette).
39
+ */
40
+ color?: string
41
+ /**
42
+ * Any text color from the [Quasar Color Palette](https://quasar.dev/style/color-palette).
43
+ */
44
+ textColor?: string
45
+ /**
46
+ * Color used for the selected icon.
47
+ */
48
+ selectedColor?: string
49
+ /**
50
+ * Text color used for the selected icon.
51
+ */
52
+ selectedTextColor?: string
53
+ /**
54
+ * The properties to pass to the QPagination component.
55
+ */
56
+ paginationProps?: PaginationProps
57
+ /**
58
+ * For pagination purposes uses Quasar's pagination component. Use `v-model:model-pagination` to synchronize the data. You can use `page` and `itemsPerPage` to control the pagination. QIconPicker will set `totalPages` depending on `icon-set` or `icons` properties. If using a `filter` the page will automatically be reset to 1.
59
+ */
60
+ modelPagination?: Pagination
61
+ /**
62
+ * Turns on animation.
63
+ */
64
+ animated?: boolean
65
+ /**
66
+ * When animated property is true, transition to use for previous paginated view.
67
+ */
68
+ transitionPrev?: string
69
+ /**
70
+ * When animated property is true, transition to use for next paginated view.
71
+ */
72
+ transitionNext?: string
73
+ /**
74
+ * If paginated, will go to previous page if not on 1st page.
75
+ */
76
+ prevPage(): void
77
+ /**
78
+ * If paginated, will go to next page, if not on last page.
79
+ */
80
+ nextPage(): void
81
+ /**
82
+ * If paginated, will go to the last page.
83
+ */
84
+ lastPage(): void
85
+ /**
86
+ * If paginated, will go to the first page.
87
+ */
88
+ firstPage(): void
89
+ /**
90
+ * True if on last page otherwise false.
91
+ */
92
+ isLastPage(): void
93
+ /**
94
+ * True if on first page otherwise false.
95
+ */
96
+ isFirstPage(): void
96
97
  }
97
98
 
98
- import { NumberArray, StringArray, IconName, IconNameArray, Pagination, PaginationProps } from './types'
99
-
100
- declare module 'vue' {
101
- interface ComponentCustomProperties {
102
- }
99
+ export interface QIconPickerProps {
100
+ /**
101
+ * `v-model`; the selected icon.
102
+ */
103
+ modelValue?: string
104
+ /**
105
+ * The name of a [Quasar Icon Set](https://quasar.dev/options/quasar-icon-sets). Built-in sets are lazy loaded from `@quasar/extras`.
106
+ */
107
+ iconSet?: "material-icons" | "material-icons-outlined" | "material-icons-round" | "material-icons-sharp" | "material-symbols-outlined" | "material-symbols-rounded" | "material-symbols-sharp" | "ionicons-v8" | "mdi-v7" | "fontawesome-v7" | "line-awesome" | "eva-icons" | "themify" | "bootstrap-icons"
108
+ /**
109
+ * An array of objects containing icon information. The object must contain the key `name` with the value being the selected icon name. Use the optional `icon` key for SVG path data used for display, for example `{ name: 'bolt', icon: matBolt }`.
110
+ */
111
+ icons?: IconNameArray
112
+ /**
113
+ * Icons will be filtered by the passed string.
114
+ */
115
+ filter?: string
116
+ /**
117
+ * Use less of a footprint for the component.
118
+ */
119
+ dense?: boolean
120
+ /**
121
+ * Turns tooltips on for each displayed icon, showing the icon name.
122
+ */
123
+ tooltips?: boolean
124
+ /**
125
+ * Hides the footer area when pagination is enabled.
126
+ */
127
+ noFooter?: boolean
128
+ /**
129
+ * Size in CSS units, including unit name or standard size name (xs, sm, md, lg, xl).
130
+ */
131
+ size?: string
132
+ /**
133
+ * Any color from the [Quasar Color Palette](https://quasar.dev/style/color-palette).
134
+ */
135
+ color?: string
136
+ /**
137
+ * Any text color from the [Quasar Color Palette](https://quasar.dev/style/color-palette).
138
+ */
139
+ textColor?: string
140
+ /**
141
+ * Color used for the selected icon.
142
+ */
143
+ selectedColor?: string
144
+ /**
145
+ * Text color used for the selected icon.
146
+ */
147
+ selectedTextColor?: string
148
+ /**
149
+ * The properties to pass to the QPagination component.
150
+ */
151
+ paginationProps?: PaginationProps
152
+ /**
153
+ * For pagination purposes uses Quasar's pagination component. Use `v-model:model-pagination` to synchronize the data. You can use `page` and `itemsPerPage` to control the pagination. QIconPicker will set `totalPages` depending on `icon-set` or `icons` properties. If using a `filter` the page will automatically be reset to 1.
154
+ */
155
+ modelPagination?: Pagination
156
+ /**
157
+ * Turns on animation.
158
+ */
159
+ animated?: boolean
160
+ /**
161
+ * When animated property is true, transition to use for previous paginated view.
162
+ */
163
+ transitionPrev?: string
164
+ /**
165
+ * When animated property is true, transition to use for next paginated view.
166
+ */
167
+ transitionNext?: string
103
168
  }
104
- export * from './types'
105
- export as namespace QIconPicker
106
- export const QIconPicker: ComponentOptions
107
169
 
108
170
  export const version: string
109
171
 
172
+ export const QIconPicker: ComponentOptions
173
+
110
174
  export interface QIconPickerPlugin {
111
- version: string
112
- QIconPicker: ComponentOptions
113
- install(app: import('vue').App): void
175
+ version: string
176
+ QIconPicker: ComponentOptions
177
+ install(app: Application): void
114
178
  }
115
179
 
116
180
  declare const plugin: QIconPickerPlugin
117
181
  export default plugin
182
+ export * from './types'
183
+ export as namespace QIconPicker
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quasar/quasar-ui-qiconpicker",
3
- "version": "3.0.0-beta.4",
3
+ "version": "3.0.0",
4
4
  "description": "QIconPicker - Quasar component",
5
5
  "keywords": [
6
6
  "icon",
@@ -66,27 +66,28 @@
66
66
  "access": "public"
67
67
  },
68
68
  "devDependencies": {
69
- "@quasar/extras": "2.0.0",
70
- "@types/node": "^25.9.1",
69
+ "@md-plugins/quasar-app-extension-q-press": "1.0.0",
70
+ "@quasar/extras": "^2.0.2",
71
+ "@types/node": "^26.1.0",
71
72
  "@types/rtlcss": "^3.5.4",
72
73
  "@types/uglify-js": "^3.17.5",
73
- "autoprefixer": "^10.5.0",
74
+ "autoprefixer": "^10.5.2",
74
75
  "cross-fetch": "^4.1.0",
75
- "cssnano": "^8.0.1",
76
- "fs-extra": "^11.3.5",
76
+ "cssnano": "^8.0.2",
77
+ "fs-extra": "^11.3.6",
77
78
  "kolorist": "^1.8.0",
78
79
  "open": "^11.0.0",
79
- "postcss": "^8.5.15",
80
- "quasar": "^2.19.3",
80
+ "postcss": "^8.5.16",
81
+ "quasar": "^2.21.1",
81
82
  "rimraf": "^6.1.3",
82
- "rolldown": "^1.0.3",
83
+ "rolldown": "^1.1.4",
83
84
  "rtlcss": "^4.3.0",
84
- "sass-embedded": "^1.100.0",
85
+ "sass-embedded": "1.100.0",
85
86
  "table": "^6.9.0",
86
- "tsx": "^4.22.4",
87
+ "tsx": "^4.23.0",
87
88
  "typescript": "~6.0.3",
88
89
  "uglify-js": "^3.19.3",
89
- "vue": "^3.5.35"
90
+ "vue": "^3.5.39"
90
91
  },
91
92
  "peerDependencies": {
92
93
  "@quasar/extras": ">=2.0.0"
@@ -105,10 +106,6 @@
105
106
  "node": ">=22.13",
106
107
  "pnpm": ">=11.5.0"
107
108
  },
108
- "vetur": {
109
- "tags": "dist/vetur/tags.json",
110
- "attributes": "dist/vetur/attributes.json"
111
- },
112
109
  "scripts": {
113
110
  "lint": "oxlint src build types",
114
111
  "dev:umd": "pnpm build && tsx build/script.open-umd.ts",
@@ -119,6 +116,6 @@
119
116
  "build:app-ext": "tsx build/script.app-ext.ts",
120
117
  "typecheck": "pnpm build:api && tsc -p tsconfig.json --noEmit --pretty false && tsc -p test-d/tsconfig.json --noEmit --pretty false",
121
118
  "test:types": "pnpm build && pnpm typecheck",
122
- "release": "pnpm publish --tag beta"
119
+ "release": "pnpm publish --tag latest"
123
120
  }
124
121
  }