@maz-ui/mcp 4.8.0 → 4.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -7
- package/dist/mcp.d.mts +36 -10
- package/dist/mcp.d.ts +36 -10
- package/dist/mcp.mjs +768 -483
- package/docs/generated-docs/maz-avatar.doc.md +25 -24
- package/docs/generated-docs/maz-btn.doc.md +1 -1
- package/docs/generated-docs/maz-container.doc.md +13 -13
- package/docs/generated-docs/maz-input.doc.md +33 -33
- package/docs/generated-docs/maz-read-more.doc.md +10 -10
- package/docs/generated-docs/maz-skeleton.doc.md +10 -10
- package/docs/generated-docs/maz-table.doc.md +37 -37
- package/docs/generated-docs/maz-textarea.doc.md +24 -22
- package/docs/src/components/maz-textarea.md +104 -6
- package/package.json +6 -6
|
@@ -10,14 +10,14 @@ description: MazTextarea is a standalone component that replaces the standard ht
|
|
|
10
10
|
<!--@include: ./../../.vitepress/mixins/getting-started.md-->
|
|
11
11
|
|
|
12
12
|
::: info
|
|
13
|
-
This component
|
|
13
|
+
This component uses the native CSS `field-sizing: content` property for autogrow — the textarea expands automatically as the user types, with zero JavaScript overhead.
|
|
14
14
|
:::
|
|
15
15
|
|
|
16
16
|
## Basic usage
|
|
17
17
|
|
|
18
18
|
<ComponentDemo expanded>
|
|
19
19
|
<MazTextarea
|
|
20
|
-
v-model="
|
|
20
|
+
v-model="mainValue"
|
|
21
21
|
name="comment"
|
|
22
22
|
label="Enter your comment"
|
|
23
23
|
/>
|
|
@@ -44,6 +44,30 @@ const value = ref()
|
|
|
44
44
|
</template>
|
|
45
45
|
</ComponentDemo>
|
|
46
46
|
|
|
47
|
+
## With top-label
|
|
48
|
+
|
|
49
|
+
You can use the `top-label` attribute to display a top label above the textarea.
|
|
50
|
+
|
|
51
|
+
<ComponentDemo>
|
|
52
|
+
<MazTextarea
|
|
53
|
+
v-model="value"
|
|
54
|
+
top-label="Your message"
|
|
55
|
+
placeholder="Type your message..."
|
|
56
|
+
/>
|
|
57
|
+
|
|
58
|
+
<template #code>
|
|
59
|
+
|
|
60
|
+
```html
|
|
61
|
+
<MazTextarea
|
|
62
|
+
v-model="value"
|
|
63
|
+
top-label="Your message"
|
|
64
|
+
placeholder="Type your message..."
|
|
65
|
+
/>
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
</template>
|
|
69
|
+
</ComponentDemo>
|
|
70
|
+
|
|
47
71
|
## With label and append slots
|
|
48
72
|
|
|
49
73
|
You can use the `label` and `append` slots to customize the label and the append element.
|
|
@@ -137,6 +161,34 @@ You can use the `hint` attribute to display a hint message. This will replace th
|
|
|
137
161
|
hint="This is a hint message"
|
|
138
162
|
warning
|
|
139
163
|
/>
|
|
164
|
+
<hr class="maz-my-4">
|
|
165
|
+
<MazTextarea
|
|
166
|
+
v-model="value"
|
|
167
|
+
name="comment"
|
|
168
|
+
top-label="This is a label"
|
|
169
|
+
hint="This is a hint message"
|
|
170
|
+
/>
|
|
171
|
+
<MazTextarea
|
|
172
|
+
v-model="value"
|
|
173
|
+
name="comment"
|
|
174
|
+
top-label="This is a label"
|
|
175
|
+
hint="This is a hint message"
|
|
176
|
+
error
|
|
177
|
+
/>
|
|
178
|
+
<MazTextarea
|
|
179
|
+
v-model="value"
|
|
180
|
+
name="comment"
|
|
181
|
+
top-label="This is a label"
|
|
182
|
+
hint="This is a hint message"
|
|
183
|
+
success
|
|
184
|
+
/>
|
|
185
|
+
<MazTextarea
|
|
186
|
+
v-model="value"
|
|
187
|
+
name="comment"
|
|
188
|
+
top-label="This is a label"
|
|
189
|
+
hint="This is a hint message"
|
|
190
|
+
warning
|
|
191
|
+
/>
|
|
140
192
|
</div>
|
|
141
193
|
|
|
142
194
|
<template #code>
|
|
@@ -170,12 +222,61 @@ You can use the `hint` attribute to display a hint message. This will replace th
|
|
|
170
222
|
hint="This is a hint message"
|
|
171
223
|
warning
|
|
172
224
|
/>
|
|
225
|
+
<hr class="maz-my-4">
|
|
226
|
+
<MazTextarea
|
|
227
|
+
v-model="value"
|
|
228
|
+
name="comment"
|
|
229
|
+
top-label="This is a label"
|
|
230
|
+
hint="This is a hint message"
|
|
231
|
+
/>
|
|
232
|
+
<MazTextarea
|
|
233
|
+
v-model="value"
|
|
234
|
+
name="comment"
|
|
235
|
+
top-label="This is a label"
|
|
236
|
+
hint="This is a hint message"
|
|
237
|
+
error
|
|
238
|
+
/>
|
|
239
|
+
<MazTextarea
|
|
240
|
+
v-model="value"
|
|
241
|
+
name="comment"
|
|
242
|
+
top-label="This is a label"
|
|
243
|
+
hint="This is a hint message"
|
|
244
|
+
success
|
|
245
|
+
/>
|
|
246
|
+
<MazTextarea
|
|
247
|
+
v-model="value"
|
|
248
|
+
name="comment"
|
|
249
|
+
top-label="This is a label"
|
|
250
|
+
hint="This is a hint message"
|
|
251
|
+
warning
|
|
252
|
+
/>
|
|
173
253
|
</template>
|
|
174
254
|
```
|
|
175
255
|
|
|
176
256
|
</template>
|
|
177
257
|
</ComponentDemo>
|
|
178
258
|
|
|
259
|
+
## Disable autogrow
|
|
260
|
+
|
|
261
|
+
By default, the textarea automatically expands as the user types. You can disable this behavior with the `autogrow` prop set to `false` — the textarea will then have a fixed height with a manual resize handle.
|
|
262
|
+
|
|
263
|
+
<ComponentDemo>
|
|
264
|
+
<MazTextarea
|
|
265
|
+
v-model="value"
|
|
266
|
+
name="comment"
|
|
267
|
+
label="Fixed height textarea"
|
|
268
|
+
:autogrow="false"
|
|
269
|
+
/>
|
|
270
|
+
|
|
271
|
+
<template #code>
|
|
272
|
+
|
|
273
|
+
```html
|
|
274
|
+
<MazTextarea v-model="value" name="comment" label="Fixed height textarea" :autogrow="false" />
|
|
275
|
+
```
|
|
276
|
+
|
|
277
|
+
</template>
|
|
278
|
+
</ComponentDemo>
|
|
279
|
+
|
|
179
280
|
## Disabled
|
|
180
281
|
|
|
181
282
|
<ComponentDemo>
|
|
@@ -201,6 +302,7 @@ You can use the `hint` attribute to display a hint message. This will replace th
|
|
|
201
302
|
import { ref } from 'vue'
|
|
202
303
|
import { useToast } from 'maz-ui/src/composables/useToast'
|
|
203
304
|
|
|
305
|
+
const mainValue = ref()
|
|
204
306
|
const value = ref()
|
|
205
307
|
|
|
206
308
|
const toast = useToast()
|
|
@@ -212,7 +314,3 @@ You can use the `hint` attribute to display a hint message. This will replace th
|
|
|
212
314
|
value.value = ''
|
|
213
315
|
}
|
|
214
316
|
</script>
|
|
215
|
-
|
|
216
|
-
```
|
|
217
|
-
|
|
218
|
-
```
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maz-ui/mcp",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.9.1",
|
|
5
5
|
"description": "Maz-UI ModelContextProtocol Client",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -41,18 +41,18 @@
|
|
|
41
41
|
"docs"
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@modelcontextprotocol/sdk": "^1.
|
|
44
|
+
"@modelcontextprotocol/sdk": "^1.29.0",
|
|
45
45
|
"@maz-ui/node": "4.6.1",
|
|
46
46
|
"@maz-ui/utils": "4.7.6"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@modelcontextprotocol/inspector": "^0.21.
|
|
50
|
-
"@swc/core": "1.15.
|
|
51
|
-
"prettier": "^3.8.
|
|
49
|
+
"@modelcontextprotocol/inspector": "^0.21.2",
|
|
50
|
+
"@swc/core": "1.15.26",
|
|
51
|
+
"prettier": "^3.8.3",
|
|
52
52
|
"ts-node-maintained": "^10.9.5",
|
|
53
53
|
"tsx": "^4.21.0",
|
|
54
54
|
"unbuild": "^3.6.1",
|
|
55
|
-
"@maz-ui/eslint-config": "4.
|
|
55
|
+
"@maz-ui/eslint-config": "4.9.1"
|
|
56
56
|
},
|
|
57
57
|
"lint-staged": {
|
|
58
58
|
"*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"
|