vueless 0.0.782 → 0.0.784
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/package.json +1 -1
- package/ui.button-toggle/storybook/docs.mdx +18 -1
- package/ui.button-toggle/storybook/stories.ts +4 -4
- package/ui.data-table/storybook/docs.mdx +1 -1
- package/ui.dropdown-list/storybook/docs.mdx +1 -1
- package/ui.form-checkbox/storybook/docs.mdx +1 -1
- package/ui.form-checkbox-group/storybook/docs.mdx +1 -1
- package/ui.form-label/config.ts +5 -5
- package/ui.form-select/storybook/docs.mdx +1 -1
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
|
|
1
|
+
import { Markdown, Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
|
|
2
2
|
import { getSource } from "../../utils/storybook.ts";
|
|
3
3
|
|
|
4
4
|
import * as stories from "./stories.ts";
|
|
@@ -12,5 +12,22 @@ import defaultConfig from "../config.ts?raw"
|
|
|
12
12
|
<Controls of={stories.Default} />
|
|
13
13
|
<Stories of={stories} />
|
|
14
14
|
|
|
15
|
+
## Option meta keys
|
|
16
|
+
Keys you may/have to provide to the component in an option object.
|
|
17
|
+
|
|
18
|
+
<Markdown>
|
|
19
|
+
{`
|
|
20
|
+
| Key name | Description | Type |
|
|
21
|
+
| ------------------| ----------------------------------------------- | ------------------------|
|
|
22
|
+
| value | Option value | String, Number, Boolean |
|
|
23
|
+
| label | Option label | String |
|
|
24
|
+
| disabled | Indicates if option is disabled | Boolean |
|
|
25
|
+
| icon | Icon name which appears instead of option label.| String |
|
|
26
|
+
| leftIcon | Option left icon name | String |
|
|
27
|
+
| rightIcon | Option right icon name | String |
|
|
28
|
+
| onClick | Option event handler | Function |
|
|
29
|
+
`}
|
|
30
|
+
</Markdown>
|
|
31
|
+
|
|
15
32
|
## Default config
|
|
16
33
|
<Source code={getSource(defaultConfig)} language="jsx" dark />
|
|
@@ -140,16 +140,16 @@ export const OptionSlot = DefaultTemplate.bind({});
|
|
|
140
140
|
OptionSlot.args = {
|
|
141
141
|
name: "optionSlot",
|
|
142
142
|
options: [
|
|
143
|
-
{ value: "1", label: "Download",
|
|
144
|
-
{ value: "2", label: "Edit",
|
|
145
|
-
{ value: "3", label: "Delete",
|
|
143
|
+
{ value: "1", label: "Download", iconName: "download", color: "green" },
|
|
144
|
+
{ value: "2", label: "Edit", iconName: "edit_note", color: "orange" },
|
|
145
|
+
{ value: "3", label: "Delete", iconName: "delete", color: "red" },
|
|
146
146
|
],
|
|
147
147
|
slotTemplate: `
|
|
148
148
|
<template #option="{ label, index }">
|
|
149
149
|
<UBadge
|
|
150
150
|
:label="label"
|
|
151
151
|
:color="args.options[index].color"
|
|
152
|
-
:right-icon="args.options[index].
|
|
152
|
+
:right-icon="args.options[index].iconName"
|
|
153
153
|
/>
|
|
154
154
|
</template>
|
|
155
155
|
`,
|
|
@@ -16,7 +16,7 @@ import defaultConfig from "../config.ts?raw"
|
|
|
16
16
|
Each character in the table below can be used in `dateFormat` and `userDateFormat` / `userDateTimeFormat` options to achieve the format you need.
|
|
17
17
|
|
|
18
18
|
## Row meta keys
|
|
19
|
-
Keys you have/may to provide to component in row object.
|
|
19
|
+
Keys you have/may to provide to the component in row object.
|
|
20
20
|
|
|
21
21
|
<Markdown>
|
|
22
22
|
{`
|
|
@@ -13,7 +13,7 @@ import defaultConfig from "../config.ts?raw"
|
|
|
13
13
|
<Stories of={stories} />
|
|
14
14
|
|
|
15
15
|
## Option meta keys
|
|
16
|
-
Full list of keys you may/have to provide to component in an option object can be found here:
|
|
16
|
+
Full list of keys you may/have to provide to the component in an option object can be found here: <a href="https://ui.vueless.com/?path=/docs/3100--docs" target="_blank">UCheckbox docs</a>.
|
|
17
17
|
|
|
18
18
|
## Default config
|
|
19
19
|
<Source code={getSource(defaultConfig)} language="jsx" dark />
|
package/ui.form-label/config.ts
CHANGED
|
@@ -33,7 +33,7 @@ export default /*tw*/ {
|
|
|
33
33
|
},
|
|
34
34
|
align: {
|
|
35
35
|
top: "font-medium",
|
|
36
|
-
topInside: "font-normal absolute text-gray-500 group-focus-within:text-brand-600",
|
|
36
|
+
topInside: "font-normal absolute left-3 text-gray-500 group-focus-within:text-brand-600",
|
|
37
37
|
topWithDesc: "font-medium",
|
|
38
38
|
left: "font-normal",
|
|
39
39
|
right: "font-normal",
|
|
@@ -47,9 +47,9 @@ export default /*tw*/ {
|
|
|
47
47
|
},
|
|
48
48
|
compoundVariants: [
|
|
49
49
|
{ interactive: true, disabled: false, class: "hover:cursor-pointer" },
|
|
50
|
-
{ align: "topInside", size: "sm", class: "
|
|
51
|
-
{ align: "topInside", size: "md", class: "
|
|
52
|
-
{ align: "topInside", size: "lg", class: "
|
|
50
|
+
{ align: "topInside", size: "sm", class: "top-2 text-2xs" },
|
|
51
|
+
{ align: "topInside", size: "md", class: "top-2.5 text-xs" },
|
|
52
|
+
{ align: "topInside", size: "lg", class: "top-2.5 text-sm" },
|
|
53
53
|
{ align: "topWithDesc", size: "sm", class: "-mt-px" },
|
|
54
54
|
{ align: "topWithDesc", size: "md", class: "" },
|
|
55
55
|
{ align: "topWithDesc", size: "lg", class: "mt-px" },
|
|
@@ -69,7 +69,7 @@ export default /*tw*/ {
|
|
|
69
69
|
},
|
|
70
70
|
align: {
|
|
71
71
|
top: "",
|
|
72
|
-
topInside: "mt-1.5",
|
|
72
|
+
topInside: "pl-3 mt-1.5",
|
|
73
73
|
topWithDesc: "pt-0.5",
|
|
74
74
|
left: "pt-0.5",
|
|
75
75
|
right: "pt-0.5",
|
|
@@ -13,7 +13,7 @@ import defaultConfig from "../config.ts?raw"
|
|
|
13
13
|
<Stories of={stories} />
|
|
14
14
|
|
|
15
15
|
## Option meta keys
|
|
16
|
-
Full list of keys you may/have to provide to component in an option object can be found here:
|
|
16
|
+
Full list of keys you may/have to provide to the component in an option object can be found here: <a href="https://ui.vueless.com/?path=/docs/2050--docs" target="_blank">UDropdownList docs</a>.
|
|
17
17
|
|
|
18
18
|
## Default config
|
|
19
19
|
<Source code={getSource(defaultConfig)} language="jsx" dark />
|