veloce-vue 0.21.0 → 0.22.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.
- package/_virtual/_plugin-vue_export-helper.js +9 -0
- package/components/Accordion.vue.js +91 -0
- package/components/Accordion.vue2.js +4 -0
- package/components/Badge.vue.d.ts +1 -0
- package/components/Badge.vue.js +47 -0
- package/components/Badge.vue2.js +4 -0
- package/components/Button.vue.d.ts +7 -8
- package/components/Button.vue.js +7 -0
- package/components/Button.vue2.js +114 -0
- package/components/Checkbox.vue.d.ts +6 -7
- package/components/Checkbox.vue.js +98 -0
- package/components/Checkbox.vue2.js +4 -0
- package/components/Chip.vue.d.ts +6 -7
- package/components/Chip.vue.js +61 -0
- package/components/Chip.vue2.js +4 -0
- package/components/Drawer.vue.js +94 -0
- package/components/Drawer.vue2.js +4 -0
- package/components/Fieldset.vue.d.ts +6 -7
- package/components/Fieldset.vue.js +49 -0
- package/components/Fieldset.vue2.js +4 -0
- package/components/Input.vue.d.ts +11 -12
- package/components/Input.vue.js +106 -0
- package/components/Input.vue2.js +4 -0
- package/components/JsonRenderer.vue.js +63 -0
- package/components/JsonRenderer.vue2.js +4 -0
- package/components/Layout.vue.js +83 -0
- package/components/Layout.vue2.js +4 -0
- package/components/Message.vue.d.ts +6 -7
- package/components/Message.vue.js +109 -0
- package/components/Message.vue2.js +4 -0
- package/components/MiniEditor.vue.js +132 -0
- package/components/MiniEditor.vue2.js +4 -0
- package/components/Modal.vue.js +73 -0
- package/components/Modal.vue2.js +4 -0
- package/components/Popover.vue.js +78 -0
- package/components/Popover.vue2.js +4 -0
- package/components/ProgressBar.vue.js +51 -0
- package/components/ProgressBar.vue2.js +4 -0
- package/components/ProgressSpinner.vue.js +47 -0
- package/components/ProgressSpinner.vue2.js +4 -0
- package/components/RangeSlider.vue.js +61 -0
- package/components/RangeSlider.vue2.js +4 -0
- package/components/Select.vue.js +129 -0
- package/components/Select.vue2.js +4 -0
- package/components/Separator.vue.d.ts +6 -7
- package/components/Separator.vue.js +74 -0
- package/components/Separator.vue2.js +4 -0
- package/components/Skeleton.vue.js +7 -0
- package/components/Skeleton.vue2.js +24 -0
- package/components/Switch.vue.js +48 -0
- package/components/Switch.vue2.js +4 -0
- package/components/Tooltip.vue.js +35 -0
- package/components/Tooltip.vue2.js +4 -0
- package/components/icon/Icon.vue.d.ts +2 -3
- package/components/icon/Icon.vue.js +21 -0
- package/components/icon/Icon.vue2.js +4 -0
- package/components/icon/icons.d.ts +139 -142
- package/components/typography/Blockquote.vue.js +55 -0
- package/components/typography/Blockquote.vue2.js +4 -0
- package/components/typography/Code.vue.js +74 -0
- package/components/typography/Code.vue2.js +4 -0
- package/components/typography/H1.vue.js +55 -0
- package/components/typography/H1.vue2.js +4 -0
- package/components/typography/H2.vue.js +55 -0
- package/components/typography/H2.vue2.js +4 -0
- package/components/typography/H3.vue.js +55 -0
- package/components/typography/H3.vue2.js +4 -0
- package/components/typography/H4.vue.js +55 -0
- package/components/typography/H4.vue2.js +4 -0
- package/components/typography/H5.vue.js +55 -0
- package/components/typography/H5.vue2.js +4 -0
- package/components/typography/H6.vue.js +55 -0
- package/components/typography/H6.vue2.js +4 -0
- package/components/typography/Label.vue.js +61 -0
- package/components/typography/Label.vue2.js +4 -0
- package/components/typography/List.vue.js +60 -0
- package/components/typography/List.vue2.js +4 -0
- package/components/typography/P.vue.js +55 -0
- package/components/typography/P.vue2.js +4 -0
- package/components/typography/Span.vue.js +55 -0
- package/components/typography/Span.vue2.js +4 -0
- package/config.js +2 -14
- package/exports/icons.d.ts +2 -1
- package/exports/toast.d.ts +1 -1
- package/exports/types.d.ts +3 -3
- package/icons/Alert.vue.js +31 -0
- package/icons/AlertCircle.vue.js +31 -0
- package/icons/Archive.vue.js +33 -0
- package/icons/ArrowDown.vue.js +26 -0
- package/icons/ArrowLeft.vue.js +26 -0
- package/icons/ArrowRight.vue.js +26 -0
- package/icons/ArrowUp.vue.js +26 -0
- package/icons/AtSign.vue.js +30 -0
- package/icons/Bell.vue.js +26 -0
- package/icons/Bold.vue.js +20 -0
- package/icons/Bookmark.vue.js +25 -0
- package/icons/Camera.vue.js +30 -0
- package/icons/Check.vue.js +20 -0
- package/icons/CheckCircle.vue.js +26 -0
- package/icons/CheckSquare.vue.js +26 -0
- package/icons/ChevronDown.vue.js +20 -0
- package/icons/ChevronLeft.vue.js +25 -0
- package/icons/ChevronRight.vue.js +25 -0
- package/icons/ChevronUp.vue.js +25 -0
- package/icons/Circle.vue.js +29 -0
- package/icons/Clock.vue.js +30 -0
- package/icons/Close.vue.js +20 -0
- package/icons/Cloud.vue.js +25 -0
- package/icons/CloudDownload.vue.js +27 -0
- package/icons/CloudUpload.vue.js +27 -0
- package/icons/Code.vue.js +26 -0
- package/icons/Command.vue.js +26 -0
- package/icons/Copy.vue.js +33 -0
- package/icons/CreditCard.vue.js +32 -0
- package/icons/Database.vue.js +32 -0
- package/icons/Download.vue.js +27 -0
- package/icons/Edit.vue.js +26 -0
- package/icons/ExternalLink.vue.js +27 -0
- package/icons/Eye.vue.js +30 -0
- package/icons/EyeOff.vue.js +26 -0
- package/icons/FastForward.vue.js +26 -0
- package/icons/File.vue.js +26 -0
- package/icons/FileAudio.vue.js +17 -0
- package/icons/FileImage.vue.js +27 -0
- package/icons/FilePdf.vue.js +17 -0
- package/icons/FileText.vue.js +17 -0
- package/icons/FileVideo.vue.js +27 -0
- package/icons/FileZip.vue.js +17 -0
- package/icons/Filter.vue.js +25 -0
- package/icons/Folder.vue.js +25 -0
- package/icons/FolderOpen.vue.js +25 -0
- package/icons/FolderPlus.vue.js +27 -0
- package/icons/Grid.vue.js +33 -0
- package/icons/Hamburger.vue.js +24 -0
- package/icons/Hash.vue.js +17 -0
- package/icons/Heart.vue.js +25 -0
- package/icons/HelpCircle.vue.js +31 -0
- package/icons/Highlight.vue.js +20 -0
- package/icons/Home.vue.js +26 -0
- package/icons/Image.vue.js +38 -0
- package/icons/Inbox.vue.js +26 -0
- package/icons/Info.vue.js +31 -0
- package/icons/Italic.vue.js +24 -0
- package/icons/Key.vue.js +31 -0
- package/icons/Layout.vue.js +33 -0
- package/icons/Link.vue.js +26 -0
- package/icons/Link2.vue.js +27 -0
- package/icons/List.vue.js +17 -0
- package/icons/Loading.vue.js +33 -0
- package/icons/Lock.vue.js +33 -0
- package/icons/LogIn.vue.js +27 -0
- package/icons/LogOut.vue.js +27 -0
- package/icons/Mail.vue.js +32 -0
- package/icons/Maximize.vue.js +25 -0
- package/icons/Menu.vue.js +42 -0
- package/icons/MessageCircle.vue.js +25 -0
- package/icons/MessageSquare.vue.js +25 -0
- package/icons/Mic.vue.js +17 -0
- package/icons/MicOff.vue.js +17 -0
- package/icons/Minimize.vue.js +25 -0
- package/icons/Minus.vue.js +25 -0
- package/icons/Moon.vue.js +24 -0
- package/icons/MoreHorizontal.vue.js +39 -0
- package/icons/MoreVertical.vue.js +39 -0
- package/icons/Move.vue.js +17 -0
- package/icons/Package.vue.js +17 -0
- package/icons/Paperclip.vue.js +25 -0
- package/icons/Pause.vue.js +36 -0
- package/icons/Phone.vue.js +25 -0
- package/icons/Play.vue.js +25 -0
- package/icons/Plus.vue.js +26 -0
- package/icons/Printer.vue.js +27 -0
- package/icons/RadioButton.vue.js +34 -0
- package/icons/RefreshCw.vue.js +17 -0
- package/icons/Repeat.vue.js +17 -0
- package/icons/Rewind.vue.js +26 -0
- package/icons/RotateCcw.vue.js +26 -0
- package/icons/RotateCw.vue.js +26 -0
- package/icons/Save.vue.js +26 -0
- package/icons/Scissors.vue.js +17 -0
- package/icons/Search.vue.js +30 -0
- package/icons/Send.vue.js +26 -0
- package/icons/Server.vue.js +17 -0
- package/icons/Settings.vue.js +30 -0
- package/icons/Share.vue.js +27 -0
- package/icons/Shield.vue.js +25 -0
- package/icons/Shuffle.vue.js +17 -0
- package/icons/Sidebar.vue.js +32 -0
- package/icons/SkipBack.vue.js +31 -0
- package/icons/SkipForward.vue.js +31 -0
- package/icons/Slider.vue.js +17 -0
- package/icons/Sliders.vue.js +17 -0
- package/icons/SortAsc.vue.js +17 -0
- package/icons/SortDesc.vue.js +17 -0
- package/icons/Square.vue.js +31 -0
- package/icons/Star.vue.js +25 -0
- package/icons/Stop.vue.js +31 -0
- package/icons/Sun.vue.js +20 -0
- package/icons/Tag.vue.js +31 -0
- package/icons/Tags.vue.js +27 -0
- package/icons/Terminal.vue.js +31 -0
- package/icons/ThumbsDown.vue.js +26 -0
- package/icons/ThumbsUp.vue.js +26 -0
- package/icons/ToggleLeft.vue.js +36 -0
- package/icons/ToggleRight.vue.js +36 -0
- package/icons/Trash.vue.js +27 -0
- package/icons/Trash2.vue.js +17 -0
- package/icons/Unlink.vue.js +17 -0
- package/icons/Unlock.vue.js +33 -0
- package/icons/Upload.vue.js +27 -0
- package/icons/User.vue.js +30 -0
- package/icons/Users.vue.js +31 -0
- package/icons/Video.vue.js +32 -0
- package/icons/VideoOff.vue.js +27 -0
- package/icons/Volume.vue.js +26 -0
- package/icons/Volume1.vue.js +26 -0
- package/icons/Volume2.vue.js +26 -0
- package/icons/VolumeMute.vue.js +25 -0
- package/icons/VolumeX.vue.js +27 -0
- package/icons/X.vue.js +26 -0
- package/icons/XCircle.vue.js +31 -0
- package/icons/Zap.vue.js +25 -0
- package/icons/ZoomIn.vue.js +17 -0
- package/icons/ZoomOut.vue.js +31 -0
- package/icons.js +280 -4
- package/package.json +6 -1
- package/ui.js +45 -8345
- package/utils/config.js +16 -0
- package/utils/margin.js +77 -0
- package/utils/padding.js +77 -0
- package/utils/typography.js +66 -0
- package/utils/useRandomId.js +10 -0
- package/veloce.css +1 -1
- package/components/icon/index.d.ts +0 -6
- package/index-BLYh_r9b.js +0 -2977
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
|
|
2
|
+
import { getTypography as x } from "../../utils/typography.js";
|
|
3
|
+
import { getMargin as H } from "../../utils/margin.js";
|
|
4
|
+
import { getPadding as R } from "../../utils/padding.js";
|
|
5
|
+
const z = ["innerHTML"], P = /* @__PURE__ */ h({
|
|
6
|
+
__name: "H2",
|
|
7
|
+
props: {
|
|
8
|
+
text: { type: String, default: "" },
|
|
9
|
+
fontSize: { type: String, default: "3xl" },
|
|
10
|
+
color: { type: String, default: "default" },
|
|
11
|
+
fontWeight: { type: String, default: "medium" },
|
|
12
|
+
lineHeight: { type: String, default: "xs" },
|
|
13
|
+
letterSpacing: { type: String, default: "md" },
|
|
14
|
+
// margin
|
|
15
|
+
margin: { type: String, default: "" },
|
|
16
|
+
marginLeft: { type: String, default: "" },
|
|
17
|
+
marginRight: { type: String, default: "" },
|
|
18
|
+
marginTop: { type: String, default: "lg" },
|
|
19
|
+
marginBottom: { type: String, default: "md" },
|
|
20
|
+
// padding
|
|
21
|
+
padding: { type: String, default: "" },
|
|
22
|
+
paddingLeft: { type: String, default: "" },
|
|
23
|
+
paddingRight: { type: String, default: "" },
|
|
24
|
+
paddingTop: { type: String, default: "" },
|
|
25
|
+
paddingBottom: { type: String, default: "" }
|
|
26
|
+
},
|
|
27
|
+
setup(e) {
|
|
28
|
+
const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: l, marginBottom: m } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
|
|
29
|
+
n[t.fontSize],
|
|
30
|
+
g[t.color],
|
|
31
|
+
i[t.fontWeight],
|
|
32
|
+
r[t.lineHeight],
|
|
33
|
+
a[t.letterSpacing],
|
|
34
|
+
// margin
|
|
35
|
+
o[t.margin],
|
|
36
|
+
d[t.marginLeft],
|
|
37
|
+
p[t.marginRight],
|
|
38
|
+
l[t.marginTop],
|
|
39
|
+
m[t.marginBottom],
|
|
40
|
+
// padding
|
|
41
|
+
f[t.padding],
|
|
42
|
+
s[t.paddingLeft],
|
|
43
|
+
u[t.paddingRight],
|
|
44
|
+
c[t.paddingTop],
|
|
45
|
+
S[t.paddingBottom]
|
|
46
|
+
]);
|
|
47
|
+
return (C, M) => (L(), B("h2", {
|
|
48
|
+
class: _(y.value),
|
|
49
|
+
innerHTML: t.text
|
|
50
|
+
}, null, 10, z));
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
P as default
|
|
55
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
|
|
2
|
+
import { getTypography as x } from "../../utils/typography.js";
|
|
3
|
+
import { getMargin as H } from "../../utils/margin.js";
|
|
4
|
+
import { getPadding as R } from "../../utils/padding.js";
|
|
5
|
+
const z = ["innerHTML"], P = /* @__PURE__ */ h({
|
|
6
|
+
__name: "H3",
|
|
7
|
+
props: {
|
|
8
|
+
text: { type: String, default: "" },
|
|
9
|
+
fontSize: { type: String, default: "2xl" },
|
|
10
|
+
color: { type: String, default: "default" },
|
|
11
|
+
fontWeight: { type: String, default: "medium" },
|
|
12
|
+
lineHeight: { type: String, default: "xs" },
|
|
13
|
+
letterSpacing: { type: String, default: "md" },
|
|
14
|
+
// margin
|
|
15
|
+
margin: { type: String, default: "" },
|
|
16
|
+
marginLeft: { type: String, default: "" },
|
|
17
|
+
marginRight: { type: String, default: "" },
|
|
18
|
+
marginTop: { type: String, default: "lg" },
|
|
19
|
+
marginBottom: { type: String, default: "md" },
|
|
20
|
+
// padding
|
|
21
|
+
padding: { type: String, default: "" },
|
|
22
|
+
paddingLeft: { type: String, default: "" },
|
|
23
|
+
paddingRight: { type: String, default: "" },
|
|
24
|
+
paddingTop: { type: String, default: "" },
|
|
25
|
+
paddingBottom: { type: String, default: "" }
|
|
26
|
+
},
|
|
27
|
+
setup(e) {
|
|
28
|
+
const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: l, marginBottom: m } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
|
|
29
|
+
n[t.fontSize],
|
|
30
|
+
g[t.color],
|
|
31
|
+
i[t.fontWeight],
|
|
32
|
+
r[t.lineHeight],
|
|
33
|
+
a[t.letterSpacing],
|
|
34
|
+
// margin
|
|
35
|
+
o[t.margin],
|
|
36
|
+
d[t.marginLeft],
|
|
37
|
+
p[t.marginRight],
|
|
38
|
+
l[t.marginTop],
|
|
39
|
+
m[t.marginBottom],
|
|
40
|
+
// padding
|
|
41
|
+
f[t.padding],
|
|
42
|
+
s[t.paddingLeft],
|
|
43
|
+
u[t.paddingRight],
|
|
44
|
+
c[t.paddingTop],
|
|
45
|
+
S[t.paddingBottom]
|
|
46
|
+
]);
|
|
47
|
+
return (C, M) => (L(), B("h3", {
|
|
48
|
+
class: _(y.value),
|
|
49
|
+
innerHTML: t.text
|
|
50
|
+
}, null, 10, z));
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
P as default
|
|
55
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
|
|
2
|
+
import { getTypography as x } from "../../utils/typography.js";
|
|
3
|
+
import { getMargin as H } from "../../utils/margin.js";
|
|
4
|
+
import { getPadding as R } from "../../utils/padding.js";
|
|
5
|
+
const z = ["innerHTML"], P = /* @__PURE__ */ h({
|
|
6
|
+
__name: "H4",
|
|
7
|
+
props: {
|
|
8
|
+
text: { type: String, default: "" },
|
|
9
|
+
fontSize: { type: String, default: "xl" },
|
|
10
|
+
color: { type: String, default: "default" },
|
|
11
|
+
fontWeight: { type: String, default: "medium" },
|
|
12
|
+
lineHeight: { type: String, default: "xs" },
|
|
13
|
+
letterSpacing: { type: String, default: "md" },
|
|
14
|
+
// margin
|
|
15
|
+
margin: { type: String, default: "" },
|
|
16
|
+
marginLeft: { type: String, default: "" },
|
|
17
|
+
marginRight: { type: String, default: "" },
|
|
18
|
+
marginTop: { type: String, default: "md" },
|
|
19
|
+
marginBottom: { type: String, default: "sm" },
|
|
20
|
+
// padding
|
|
21
|
+
padding: { type: String, default: "" },
|
|
22
|
+
paddingLeft: { type: String, default: "" },
|
|
23
|
+
paddingRight: { type: String, default: "" },
|
|
24
|
+
paddingTop: { type: String, default: "" },
|
|
25
|
+
paddingBottom: { type: String, default: "" }
|
|
26
|
+
},
|
|
27
|
+
setup(e) {
|
|
28
|
+
const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: m, marginBottom: l } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
|
|
29
|
+
n[t.fontSize],
|
|
30
|
+
g[t.color],
|
|
31
|
+
i[t.fontWeight],
|
|
32
|
+
r[t.lineHeight],
|
|
33
|
+
a[t.letterSpacing],
|
|
34
|
+
// margin
|
|
35
|
+
o[t.margin],
|
|
36
|
+
d[t.marginLeft],
|
|
37
|
+
p[t.marginRight],
|
|
38
|
+
m[t.marginTop],
|
|
39
|
+
l[t.marginBottom],
|
|
40
|
+
// padding
|
|
41
|
+
f[t.padding],
|
|
42
|
+
s[t.paddingLeft],
|
|
43
|
+
u[t.paddingRight],
|
|
44
|
+
c[t.paddingTop],
|
|
45
|
+
S[t.paddingBottom]
|
|
46
|
+
]);
|
|
47
|
+
return (C, M) => (L(), B("h4", {
|
|
48
|
+
class: _(y.value),
|
|
49
|
+
innerHTML: t.text
|
|
50
|
+
}, null, 10, z));
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
P as default
|
|
55
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
|
|
2
|
+
import { getTypography as x } from "../../utils/typography.js";
|
|
3
|
+
import { getMargin as H } from "../../utils/margin.js";
|
|
4
|
+
import { getPadding as R } from "../../utils/padding.js";
|
|
5
|
+
const z = ["innerHTML"], P = /* @__PURE__ */ h({
|
|
6
|
+
__name: "H5",
|
|
7
|
+
props: {
|
|
8
|
+
text: { type: String, default: "" },
|
|
9
|
+
fontSize: { type: String, default: "lg" },
|
|
10
|
+
color: { type: String, default: "default" },
|
|
11
|
+
fontWeight: { type: String, default: "medium" },
|
|
12
|
+
lineHeight: { type: String, default: "xs" },
|
|
13
|
+
letterSpacing: { type: String, default: "md" },
|
|
14
|
+
// margin
|
|
15
|
+
margin: { type: String, default: "" },
|
|
16
|
+
marginLeft: { type: String, default: "" },
|
|
17
|
+
marginRight: { type: String, default: "" },
|
|
18
|
+
marginTop: { type: String, default: "md" },
|
|
19
|
+
marginBottom: { type: String, default: "sm" },
|
|
20
|
+
// padding
|
|
21
|
+
padding: { type: String, default: "" },
|
|
22
|
+
paddingLeft: { type: String, default: "" },
|
|
23
|
+
paddingRight: { type: String, default: "" },
|
|
24
|
+
paddingTop: { type: String, default: "" },
|
|
25
|
+
paddingBottom: { type: String, default: "" }
|
|
26
|
+
},
|
|
27
|
+
setup(e) {
|
|
28
|
+
const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: m, marginBottom: l } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
|
|
29
|
+
n[t.fontSize],
|
|
30
|
+
g[t.color],
|
|
31
|
+
i[t.fontWeight],
|
|
32
|
+
r[t.lineHeight],
|
|
33
|
+
a[t.letterSpacing],
|
|
34
|
+
// margin
|
|
35
|
+
o[t.margin],
|
|
36
|
+
d[t.marginLeft],
|
|
37
|
+
p[t.marginRight],
|
|
38
|
+
m[t.marginTop],
|
|
39
|
+
l[t.marginBottom],
|
|
40
|
+
// padding
|
|
41
|
+
f[t.padding],
|
|
42
|
+
s[t.paddingLeft],
|
|
43
|
+
u[t.paddingRight],
|
|
44
|
+
c[t.paddingTop],
|
|
45
|
+
S[t.paddingBottom]
|
|
46
|
+
]);
|
|
47
|
+
return (C, M) => (L(), B("h5", {
|
|
48
|
+
class: _(y.value),
|
|
49
|
+
innerHTML: t.text
|
|
50
|
+
}, null, 10, z));
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
P as default
|
|
55
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
|
|
2
|
+
import { getTypography as x } from "../../utils/typography.js";
|
|
3
|
+
import { getMargin as H } from "../../utils/margin.js";
|
|
4
|
+
import { getPadding as R } from "../../utils/padding.js";
|
|
5
|
+
const z = ["innerHTML"], E = /* @__PURE__ */ h({
|
|
6
|
+
__name: "H6",
|
|
7
|
+
props: {
|
|
8
|
+
text: { type: String, default: "" },
|
|
9
|
+
fontSize: { type: String, default: "base" },
|
|
10
|
+
color: { type: String, default: "default" },
|
|
11
|
+
fontWeight: { type: String, default: "medium" },
|
|
12
|
+
lineHeight: { type: String, default: "xs" },
|
|
13
|
+
letterSpacing: { type: String, default: "md" },
|
|
14
|
+
// margin
|
|
15
|
+
margin: { type: String, default: "" },
|
|
16
|
+
marginLeft: { type: String, default: "" },
|
|
17
|
+
marginRight: { type: String, default: "" },
|
|
18
|
+
marginTop: { type: String, default: "md" },
|
|
19
|
+
marginBottom: { type: String, default: "sm" },
|
|
20
|
+
// padding
|
|
21
|
+
padding: { type: String, default: "" },
|
|
22
|
+
paddingLeft: { type: String, default: "" },
|
|
23
|
+
paddingRight: { type: String, default: "" },
|
|
24
|
+
paddingTop: { type: String, default: "" },
|
|
25
|
+
paddingBottom: { type: String, default: "" }
|
|
26
|
+
},
|
|
27
|
+
setup(e) {
|
|
28
|
+
const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: m, marginBottom: l } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
|
|
29
|
+
n[t.fontSize],
|
|
30
|
+
g[t.color],
|
|
31
|
+
i[t.fontWeight],
|
|
32
|
+
r[t.lineHeight],
|
|
33
|
+
a[t.letterSpacing],
|
|
34
|
+
// margin
|
|
35
|
+
o[t.margin],
|
|
36
|
+
d[t.marginLeft],
|
|
37
|
+
p[t.marginRight],
|
|
38
|
+
m[t.marginTop],
|
|
39
|
+
l[t.marginBottom],
|
|
40
|
+
// padding
|
|
41
|
+
f[t.padding],
|
|
42
|
+
s[t.paddingLeft],
|
|
43
|
+
u[t.paddingRight],
|
|
44
|
+
c[t.paddingTop],
|
|
45
|
+
S[t.paddingBottom]
|
|
46
|
+
]);
|
|
47
|
+
return (C, M) => (L(), B("h6", {
|
|
48
|
+
class: _(y.value),
|
|
49
|
+
innerHTML: t.text
|
|
50
|
+
}, null, 10, z));
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
E as default
|
|
55
|
+
};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { defineComponent as T, computed as _, createElementBlock as e, openBlock as n, normalizeClass as x, createTextVNode as L, createCommentVNode as R, toDisplayString as k } from "vue";
|
|
2
|
+
import { getTypography as z } from "../../utils/typography.js";
|
|
3
|
+
import { getMargin as C } from "../../utils/margin.js";
|
|
4
|
+
import { getPadding as b } from "../../utils/padding.js";
|
|
5
|
+
const H = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "text-error ml-1"
|
|
8
|
+
}, E = /* @__PURE__ */ T({
|
|
9
|
+
__name: "Label",
|
|
10
|
+
props: {
|
|
11
|
+
text: { type: String, default: "" },
|
|
12
|
+
fontSize: { type: String, default: "" },
|
|
13
|
+
color: { type: String, default: "" },
|
|
14
|
+
fontWeight: { type: String, default: "" },
|
|
15
|
+
lineHeight: { type: String, default: "" },
|
|
16
|
+
letterSpacing: { type: String, default: "" },
|
|
17
|
+
required: { type: Boolean, default: !1 },
|
|
18
|
+
// margin
|
|
19
|
+
margin: { type: String, default: "" },
|
|
20
|
+
marginLeft: { type: String, default: "" },
|
|
21
|
+
marginRight: { type: String, default: "" },
|
|
22
|
+
marginTop: { type: String, default: "sm" },
|
|
23
|
+
marginBottom: { type: String, default: "sm" },
|
|
24
|
+
// padding
|
|
25
|
+
padding: { type: String, default: "" },
|
|
26
|
+
paddingLeft: { type: String, default: "" },
|
|
27
|
+
paddingRight: { type: String, default: "" },
|
|
28
|
+
paddingTop: { type: String, default: "" },
|
|
29
|
+
paddingBottom: { type: String, default: "" }
|
|
30
|
+
},
|
|
31
|
+
setup(i) {
|
|
32
|
+
const { fontSizes: a, fontWeights: r, textColors: g, letterSpacings: o, lineHeights: p } = z(), { margin: d, marginLeft: l, marginRight: m, marginTop: f, marginBottom: s } = C(), { padding: u, paddingLeft: c, paddingRight: S, paddingTop: y, paddingBottom: h } = b(), t = i, B = _(() => [
|
|
33
|
+
a[t.fontSize],
|
|
34
|
+
g[t.color],
|
|
35
|
+
r[t.fontWeight],
|
|
36
|
+
p[t.lineHeight],
|
|
37
|
+
o[t.letterSpacing],
|
|
38
|
+
// margin
|
|
39
|
+
d[t.margin],
|
|
40
|
+
l[t.marginLeft],
|
|
41
|
+
m[t.marginRight],
|
|
42
|
+
f[t.marginTop],
|
|
43
|
+
s[t.marginBottom],
|
|
44
|
+
// padding
|
|
45
|
+
u[t.padding],
|
|
46
|
+
c[t.paddingLeft],
|
|
47
|
+
S[t.paddingRight],
|
|
48
|
+
y[t.paddingTop],
|
|
49
|
+
h[t.paddingBottom]
|
|
50
|
+
]);
|
|
51
|
+
return (W, q) => (n(), e("label", {
|
|
52
|
+
class: x([B.value, "block"])
|
|
53
|
+
}, [
|
|
54
|
+
L(k(t.text) + " ", 1),
|
|
55
|
+
t.required ? (n(), e("span", H, "*")) : R("", !0)
|
|
56
|
+
], 2));
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
export {
|
|
60
|
+
E as default
|
|
61
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { defineComponent as h, computed as L, createBlock as C, openBlock as i, resolveDynamicComponent as R, normalizeClass as T, withCtx as x, createElementBlock as n, Fragment as k, renderList as _, toDisplayString as v } from "vue";
|
|
2
|
+
import { getMargin as D } from "../../utils/margin.js";
|
|
3
|
+
import { getPadding as q } from "../../utils/padding.js";
|
|
4
|
+
const M = /* @__PURE__ */ h({
|
|
5
|
+
__name: "List",
|
|
6
|
+
props: {
|
|
7
|
+
type: { type: String, default: "ul" },
|
|
8
|
+
spacing: { type: String, default: "sm" },
|
|
9
|
+
items: { type: Array, required: !0 },
|
|
10
|
+
// margin
|
|
11
|
+
margin: { type: String, default: "" },
|
|
12
|
+
marginLeft: { type: String, default: "xl" },
|
|
13
|
+
marginRight: { type: String, default: "" },
|
|
14
|
+
marginTop: { type: String, default: "" },
|
|
15
|
+
marginBottom: { type: String, default: "" },
|
|
16
|
+
// padding
|
|
17
|
+
padding: { type: String, default: "" },
|
|
18
|
+
paddingLeft: { type: String, default: "" },
|
|
19
|
+
paddingRight: { type: String, default: "" },
|
|
20
|
+
paddingTop: { type: String, default: "" },
|
|
21
|
+
paddingBottom: { type: String, default: "" }
|
|
22
|
+
},
|
|
23
|
+
setup(e) {
|
|
24
|
+
const { margin: a, marginLeft: g, marginRight: r, marginTop: p, marginBottom: d } = D(), { padding: o, paddingLeft: l, paddingRight: s, paddingTop: m, paddingBottom: c } = q(), t = e, u = {
|
|
25
|
+
sm: "space-y-1",
|
|
26
|
+
md: "space-y-2",
|
|
27
|
+
lg: "space-y-3",
|
|
28
|
+
xl: "space-y-4"
|
|
29
|
+
}, f = {
|
|
30
|
+
ul: "list-disc",
|
|
31
|
+
ol: "list-decimal"
|
|
32
|
+
}, y = L(() => [
|
|
33
|
+
f[t.type],
|
|
34
|
+
u[t.spacing],
|
|
35
|
+
// margin
|
|
36
|
+
a[t.margin],
|
|
37
|
+
g[t.marginLeft],
|
|
38
|
+
r[t.marginRight],
|
|
39
|
+
p[t.marginTop],
|
|
40
|
+
d[t.marginBottom],
|
|
41
|
+
// padding
|
|
42
|
+
o[t.padding],
|
|
43
|
+
l[t.paddingLeft],
|
|
44
|
+
s[t.paddingRight],
|
|
45
|
+
m[t.paddingTop],
|
|
46
|
+
c[t.paddingBottom]
|
|
47
|
+
].filter(Boolean));
|
|
48
|
+
return (w, z) => (i(), C(R(e.type), {
|
|
49
|
+
class: T(y.value)
|
|
50
|
+
}, {
|
|
51
|
+
default: x(() => [
|
|
52
|
+
(i(!0), n(k, null, _(e.items || [], (S, B) => (i(), n("li", { key: B }, v(S), 1))), 128))
|
|
53
|
+
]),
|
|
54
|
+
_: 1
|
|
55
|
+
}, 8, ["class"]));
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
export {
|
|
59
|
+
M as default
|
|
60
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
|
|
2
|
+
import { getTypography as x } from "../../utils/typography.js";
|
|
3
|
+
import { getMargin as R } from "../../utils/margin.js";
|
|
4
|
+
import { getPadding as H } from "../../utils/padding.js";
|
|
5
|
+
const z = ["innerHTML"], E = /* @__PURE__ */ h({
|
|
6
|
+
__name: "P",
|
|
7
|
+
props: {
|
|
8
|
+
text: { type: String, default: "" },
|
|
9
|
+
fontSize: { type: String, default: "md" },
|
|
10
|
+
color: { type: String, default: "default" },
|
|
11
|
+
fontWeight: { type: String, default: "normal" },
|
|
12
|
+
lineHeight: { type: String, default: "" },
|
|
13
|
+
letterSpacing: { type: String, default: "" },
|
|
14
|
+
// margin
|
|
15
|
+
margin: { type: String, default: "" },
|
|
16
|
+
marginLeft: { type: String, default: "" },
|
|
17
|
+
marginRight: { type: String, default: "" },
|
|
18
|
+
marginTop: { type: String, default: "xs" },
|
|
19
|
+
marginBottom: { type: String, default: "md" },
|
|
20
|
+
// padding
|
|
21
|
+
padding: { type: String, default: "" },
|
|
22
|
+
paddingLeft: { type: String, default: "" },
|
|
23
|
+
paddingRight: { type: String, default: "" },
|
|
24
|
+
paddingTop: { type: String, default: "" },
|
|
25
|
+
paddingBottom: { type: String, default: "" }
|
|
26
|
+
},
|
|
27
|
+
setup(e) {
|
|
28
|
+
const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: p, marginRight: d, marginTop: l, marginBottom: m } = R(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = H(), t = e, y = T(() => [
|
|
29
|
+
n[t.fontSize],
|
|
30
|
+
g[t.color],
|
|
31
|
+
i[t.fontWeight],
|
|
32
|
+
r[t.lineHeight],
|
|
33
|
+
a[t.letterSpacing],
|
|
34
|
+
// margin
|
|
35
|
+
o[t.margin],
|
|
36
|
+
p[t.marginLeft],
|
|
37
|
+
d[t.marginRight],
|
|
38
|
+
l[t.marginTop],
|
|
39
|
+
m[t.marginBottom],
|
|
40
|
+
// padding
|
|
41
|
+
f[t.padding],
|
|
42
|
+
s[t.paddingLeft],
|
|
43
|
+
u[t.paddingRight],
|
|
44
|
+
c[t.paddingTop],
|
|
45
|
+
S[t.paddingBottom]
|
|
46
|
+
]);
|
|
47
|
+
return (C, M) => (L(), B("p", {
|
|
48
|
+
class: _(y.value),
|
|
49
|
+
innerHTML: t.text
|
|
50
|
+
}, null, 10, z));
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
E as default
|
|
55
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
|
|
2
|
+
import { getTypography as R } from "../../utils/typography.js";
|
|
3
|
+
import { getMargin as x } from "../../utils/margin.js";
|
|
4
|
+
import { getPadding as H } from "../../utils/padding.js";
|
|
5
|
+
const z = ["innerHTML"], P = /* @__PURE__ */ h({
|
|
6
|
+
__name: "Span",
|
|
7
|
+
props: {
|
|
8
|
+
text: { type: String, default: "" },
|
|
9
|
+
fontSize: { type: String, default: "" },
|
|
10
|
+
color: { type: String, default: "" },
|
|
11
|
+
fontWeight: { type: String, default: "" },
|
|
12
|
+
lineHeight: { type: String, default: "" },
|
|
13
|
+
letterSpacing: { type: String, default: "" },
|
|
14
|
+
// margin
|
|
15
|
+
margin: { type: String, default: "" },
|
|
16
|
+
marginLeft: { type: String, default: "" },
|
|
17
|
+
marginRight: { type: String, default: "" },
|
|
18
|
+
marginTop: { type: String, default: "" },
|
|
19
|
+
marginBottom: { type: String, default: "" },
|
|
20
|
+
// padding
|
|
21
|
+
padding: { type: String, default: "" },
|
|
22
|
+
paddingLeft: { type: String, default: "" },
|
|
23
|
+
paddingRight: { type: String, default: "" },
|
|
24
|
+
paddingTop: { type: String, default: "" },
|
|
25
|
+
paddingBottom: { type: String, default: "" }
|
|
26
|
+
},
|
|
27
|
+
setup(e) {
|
|
28
|
+
const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = R(), { margin: o, marginLeft: p, marginRight: d, marginTop: l, marginBottom: f } = x(), { padding: m, paddingLeft: s, paddingRight: u, paddingTop: S, paddingBottom: c } = H(), t = e, y = T(() => [
|
|
29
|
+
n[t.fontSize],
|
|
30
|
+
g[t.color],
|
|
31
|
+
i[t.fontWeight],
|
|
32
|
+
r[t.lineHeight],
|
|
33
|
+
a[t.letterSpacing],
|
|
34
|
+
// margin
|
|
35
|
+
o[t.margin],
|
|
36
|
+
p[t.marginLeft],
|
|
37
|
+
d[t.marginRight],
|
|
38
|
+
l[t.marginTop],
|
|
39
|
+
f[t.marginBottom],
|
|
40
|
+
// padding
|
|
41
|
+
m[t.padding],
|
|
42
|
+
s[t.paddingLeft],
|
|
43
|
+
u[t.paddingRight],
|
|
44
|
+
S[t.paddingTop],
|
|
45
|
+
c[t.paddingBottom]
|
|
46
|
+
]);
|
|
47
|
+
return (C, M) => (L(), B("span", {
|
|
48
|
+
class: _(y.value),
|
|
49
|
+
innerHTML: t.text
|
|
50
|
+
}, null, 10, z));
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
P as default
|
|
55
|
+
};
|
package/config.js
CHANGED
|
@@ -1,16 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
install() {
|
|
3
|
-
if (!o || !o.colors) {
|
|
4
|
-
console.warn("No config provided for the theme settings");
|
|
5
|
-
return;
|
|
6
|
-
}
|
|
7
|
-
r(o.colors);
|
|
8
|
-
}
|
|
9
|
-
}), r = (o) => {
|
|
10
|
-
const e = document.documentElement;
|
|
11
|
-
for (const t in o)
|
|
12
|
-
o[t] && e.style.setProperty(`--ui-color-${t}`, o[t]);
|
|
13
|
-
};
|
|
1
|
+
import { config as r } from "./utils/config.js";
|
|
14
2
|
export {
|
|
15
|
-
|
|
3
|
+
r as config
|
|
16
4
|
};
|
package/exports/icons.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from '../components/icon/icons';
|
|
2
|
+
export { default as Icon } from '../components/icon/Icon.vue';
|
package/exports/toast.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { default as Toast } from '../components/toast/Toast.vue';
|
|
2
2
|
export { default as ToastContainer } from '../components/toast/ToastContainer.vue';
|
|
3
|
-
export { useToast } from '../composables/useToast';
|
|
3
|
+
export { useToast, type ToastItem } from '../composables/useToast';
|
|
4
4
|
export { setToastContainer } from '../composables/useToast';
|
package/exports/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Component } from 'vue';
|
|
2
2
|
type Sizes = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
|
|
3
3
|
export type Size = "sm" | "md" | "lg" | "xl";
|
|
4
4
|
export type Variant = "outlined" | "link" | "ghost" | "solid" | "soft";
|
|
@@ -16,7 +16,7 @@ export type AccordionItem = {
|
|
|
16
16
|
title: string;
|
|
17
17
|
content: string;
|
|
18
18
|
slot?: string;
|
|
19
|
-
icon?:
|
|
19
|
+
icon?: Component;
|
|
20
20
|
active?: boolean;
|
|
21
21
|
};
|
|
22
22
|
type CommonTypographyProps = {
|
|
@@ -62,6 +62,6 @@ export type JsonRendererItem = ({
|
|
|
62
62
|
} & JsonRendererItemBase<Omit<CommonTypographyProps, "fontSize" | "color" | "fontWeight" | "lineHeight" | "letterSpacing"> & {
|
|
63
63
|
severity?: Severity;
|
|
64
64
|
variant?: Variant;
|
|
65
|
-
icon?:
|
|
65
|
+
icon?: Component;
|
|
66
66
|
}>);
|
|
67
67
|
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { createElementBlock as o, openBlock as r, createElementVNode as t } from "vue";
|
|
2
|
+
import n from "../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
const i = {}, l = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
width: "24",
|
|
6
|
+
height: "24",
|
|
7
|
+
viewBox: "0 0 24 24"
|
|
8
|
+
};
|
|
9
|
+
function s(a, e) {
|
|
10
|
+
return r(), o("svg", l, [...e[0] || (e[0] = [
|
|
11
|
+
t("g", { fill: "none" }, [
|
|
12
|
+
t("path", {
|
|
13
|
+
fill: "currentColor",
|
|
14
|
+
"fill-opacity": "0.16",
|
|
15
|
+
d: "M10.575 5.217L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"
|
|
16
|
+
}),
|
|
17
|
+
t("path", {
|
|
18
|
+
stroke: "currentColor",
|
|
19
|
+
"stroke-linecap": "round",
|
|
20
|
+
"stroke-linejoin": "round",
|
|
21
|
+
"stroke-miterlimit": "10",
|
|
22
|
+
"stroke-width": "1.5",
|
|
23
|
+
d: "M12 16h.008M12 10v3m-1.425-7.783L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"
|
|
24
|
+
})
|
|
25
|
+
], -1)
|
|
26
|
+
])]);
|
|
27
|
+
}
|
|
28
|
+
const m = /* @__PURE__ */ n(i, [["render", s]]);
|
|
29
|
+
export {
|
|
30
|
+
m as default
|
|
31
|
+
};
|