vuiii 1.0.0-beta.7 → 1.0.0-beta.71
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 +11 -10
- package/dist/arrow-narrow-down-D7TTg_Sg.js +22 -0
- package/dist/arrow-narrow-left-DtYskF4u.js +22 -0
- package/dist/arrow-narrow-right-BJQhmnn_.js +22 -0
- package/dist/arrow-narrow-up-CQrQ9M4D.js +22 -0
- package/dist/arrow-up-tray-CiOLkzou.js +21 -0
- package/dist/caret-sort-C5vFjl8V.js +21 -0
- package/dist/check-fIjMng7B.js +22 -0
- package/dist/chevron-down-Ba3vWwVv.js +22 -0
- package/dist/chevron-left-C_3hZrgL.js +22 -0
- package/dist/chevron-right-DDxObgsn.js +22 -0
- package/dist/chevron-up-CQmsFtn5.js +22 -0
- package/dist/exclamation-C6mSrM_E.js +22 -0
- package/dist/index-DmsS8oJ5.js +2705 -0
- package/dist/mail-DrRAX7M1.js +22 -0
- package/dist/minus-Des-0JUa.js +22 -0
- package/dist/pencil-DJcpXseh.js +22 -0
- package/dist/plus-LLjGl5U3.js +22 -0
- package/dist/search-DvPkCGBS.js +22 -0
- package/dist/spinner-BxAMlAIZ.js +23 -0
- package/dist/trash-B7VQazD_.js +22 -0
- package/dist/triangle-down-BR_1dv1e.js +19 -0
- package/dist/triangle-left-C2WtINFd.js +19 -0
- package/dist/triangle-right-D5HL9gAQ.js +19 -0
- package/dist/triangle-up-BE_espQu.js +19 -0
- package/dist/vuiii.css +1 -0
- package/dist/vuiii.js +41 -0
- package/dist/x-BCDZi2yn.js +23 -0
- package/package.json +48 -45
- package/dist/components/Breadcrumbs.vue.d.ts +0 -81
- package/dist/components/Button.vue.d.ts +0 -97
- package/dist/components/Checkbox.vue.d.ts +0 -28
- package/dist/components/CheckboxGroup.vue.d.ts +0 -59
- package/dist/components/Form.vue.d.ts +0 -87
- package/dist/components/FormFields.vue.d.ts +0 -52
- package/dist/components/FormGroup.vue.d.ts +0 -87
- package/dist/components/Icon.vue.d.ts +0 -61
- package/dist/components/Input.vue.d.ts +0 -111
- package/dist/components/Radio.vue.d.ts +0 -94
- package/dist/components/Select.vue.d.ts +0 -137
- package/dist/components/Table.vue.d.ts +0 -72
- package/dist/components/Textarea.vue.d.ts +0 -78
- package/dist/components/modal/ModalLayout.vue.d.ts +0 -39
- package/dist/components/modal/ModalLayoutDialog.vue.d.ts +0 -36
- package/dist/components/modal/ModalStack.vue.d.ts +0 -28
- package/dist/components/snackbar/SnackbarStack.vue.d.ts +0 -20
- package/dist/hooks/useLoadData.d.ts +0 -21
- package/dist/hooks/useOnClickOutside.d.ts +0 -2
- package/dist/hooks/useOnKeyPress.d.ts +0 -1
- package/dist/hooks/useRouteQuery.d.ts +0 -17
- package/dist/hooks/useSubmitAction.d.ts +0 -33
- package/dist/icons/arrow-narrow-down.vue.d.ts +0 -2
- package/dist/icons/arrow-narrow-left.vue.d.ts +0 -2
- package/dist/icons/arrow-narrow-right.vue.d.ts +0 -2
- package/dist/icons/arrow-narrow-up.vue.d.ts +0 -2
- package/dist/icons/check-circle.vue.d.ts +0 -2
- package/dist/icons/check.vue.d.ts +0 -2
- package/dist/icons/chevron-left.vue.d.ts +0 -2
- package/dist/icons/chevron-right.vue.d.ts +0 -2
- package/dist/icons/exclamation-circle.vue.d.ts +0 -2
- package/dist/icons/exclamation.vue.d.ts +0 -2
- package/dist/icons/minus.vue.d.ts +0 -2
- package/dist/icons/plus.vue.d.ts +0 -2
- package/dist/icons/search.vue.d.ts +0 -2
- package/dist/icons/spinner.vue.d.ts +0 -2
- package/dist/icons/trash.vue.d.ts +0 -2
- package/dist/icons/x.vue.d.ts +0 -2
- package/dist/index.d.ts +0 -27
- package/dist/modal.d.ts +0 -69
- package/dist/snackbar.d.ts +0 -21
- package/dist/stories/Button.stories.d.ts +0 -449
- package/dist/stories/Icon.stories.d.ts +0 -128
- package/dist/style.css +0 -1
- package/dist/types.d.ts +0 -31
- package/dist/utils/generateId.d.ts +0 -1
- package/dist/utils/iconsResolver.d.ts +0 -5
- package/dist/utils/normalizeOptions.d.ts +0 -16
- package/dist/utils/resolveGlobImport.d.ts +0 -3
- package/dist/utils/retrieveInputValue.d.ts +0 -1
- package/dist/utils/transformInputAttrs.d.ts +0 -5
- package/dist/validations/validator.d.ts +0 -2
- package/dist/vuiii.mjs +0 -1550
- package/dist/vuiii.umd.js +0 -1
package/README.md
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
#
|
|
1
|
+
# VUIII
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A stupid simple components and utils library for rapid development of the UI in your project.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Instalation
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
```sh
|
|
8
|
+
npm install vuiii
|
|
9
|
+
```
|
|
8
10
|
|
|
9
|
-
##
|
|
11
|
+
## Storybook
|
|
10
12
|
|
|
11
|
-
|
|
13
|
+
Run showcase of all provided components in storybook
|
|
12
14
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
|
|
15
|
+
```sh
|
|
16
|
+
npm run storybook
|
|
17
|
+
```
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as r, openBlock as e, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, l = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function c(i, o) {
|
|
11
|
+
return e(), r("svg", l, [...o[0] || (o[0] = [
|
|
12
|
+
t("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M16 17l-4 4m0 0l-4-4m4 4V3"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const d = /* @__PURE__ */ n(s, [["render", c]]);
|
|
20
|
+
export {
|
|
21
|
+
d as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as e, openBlock as r, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, l = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function c(i, o) {
|
|
11
|
+
return r(), e("svg", l, [...o[0] || (o[0] = [
|
|
12
|
+
t("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M7 16l-4-4m0 0l4-4m-4 4h18"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const d = /* @__PURE__ */ n(s, [["render", c]]);
|
|
20
|
+
export {
|
|
21
|
+
d as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as r, openBlock as e, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, l = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function c(i, o) {
|
|
11
|
+
return e(), r("svg", l, [...o[0] || (o[0] = [
|
|
12
|
+
t("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M17 8l4 4m0 0l-4 4m4-4H3"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const d = /* @__PURE__ */ n(s, [["render", c]]);
|
|
20
|
+
export {
|
|
21
|
+
d as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as r, openBlock as e, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, l = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function c(i, o) {
|
|
11
|
+
return e(), r("svg", l, [...o[0] || (o[0] = [
|
|
12
|
+
t("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M8 7l4-4m0 0l4 4m-4-4v18"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const d = /* @__PURE__ */ n(s, [["render", c]]);
|
|
20
|
+
export {
|
|
21
|
+
d as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { createElementBlock as e, openBlock as r, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, l = {
|
|
4
|
+
fill: "none",
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
8
|
+
};
|
|
9
|
+
function c(i, o) {
|
|
10
|
+
return r(), e("svg", l, [...o[0] || (o[0] = [
|
|
11
|
+
t("path", {
|
|
12
|
+
"stroke-linecap": "round",
|
|
13
|
+
"stroke-linejoin": "round",
|
|
14
|
+
d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"
|
|
15
|
+
}, null, -1)
|
|
16
|
+
])]);
|
|
17
|
+
}
|
|
18
|
+
const p = /* @__PURE__ */ n(s, [["render", c]]);
|
|
19
|
+
export {
|
|
20
|
+
p as default
|
|
21
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { createElementBlock as o, openBlock as r, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const l = {}, c = {
|
|
4
|
+
viewBox: "0 0 15 15",
|
|
5
|
+
fill: "none",
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
7
|
+
};
|
|
8
|
+
function s(C, e) {
|
|
9
|
+
return r(), o("svg", c, [...e[0] || (e[0] = [
|
|
10
|
+
t("path", {
|
|
11
|
+
d: "M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",
|
|
12
|
+
fill: "currentColor",
|
|
13
|
+
"fill-rule": "evenodd",
|
|
14
|
+
"clip-rule": "evenodd"
|
|
15
|
+
}, null, -1)
|
|
16
|
+
])]);
|
|
17
|
+
}
|
|
18
|
+
const i = /* @__PURE__ */ n(l, [["render", s]]);
|
|
19
|
+
export {
|
|
20
|
+
i as default
|
|
21
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, c = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function l(i, e) {
|
|
11
|
+
return t(), o("svg", c, [...e[0] || (e[0] = [
|
|
12
|
+
r("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M5 13l4 4L19 7"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const f = /* @__PURE__ */ n(s, [["render", l]]);
|
|
20
|
+
export {
|
|
21
|
+
f as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as e, openBlock as r, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, l = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function c(i, o) {
|
|
11
|
+
return r(), e("svg", l, [...o[0] || (o[0] = [
|
|
12
|
+
t("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const f = /* @__PURE__ */ n(s, [["render", c]]);
|
|
20
|
+
export {
|
|
21
|
+
f as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, l = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function c(i, e) {
|
|
11
|
+
return t(), o("svg", l, [...e[0] || (e[0] = [
|
|
12
|
+
r("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M15 19l-7-7 7-7"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const _ = /* @__PURE__ */ n(s, [["render", c]]);
|
|
20
|
+
export {
|
|
21
|
+
_ as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, l = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function c(i, e) {
|
|
11
|
+
return t(), o("svg", l, [...e[0] || (e[0] = [
|
|
12
|
+
r("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M9 5l7 7-7 7"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const f = /* @__PURE__ */ n(s, [["render", c]]);
|
|
20
|
+
export {
|
|
21
|
+
f as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as o, openBlock as r, createElementVNode as t } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const s = {}, l = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function c(i, e) {
|
|
11
|
+
return r(), o("svg", l, [...e[0] || (e[0] = [
|
|
12
|
+
t("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M4.5 15.75l7.5-7.5 7.5 7.5"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const _ = /* @__PURE__ */ n(s, [["render", c]]);
|
|
20
|
+
export {
|
|
21
|
+
_ as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
|
|
2
|
+
import { _ as n } from "./index-DmsS8oJ5.js";
|
|
3
|
+
const c = {}, s = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-width": "2"
|
|
9
|
+
};
|
|
10
|
+
function l(i, e) {
|
|
11
|
+
return t(), o("svg", s, [...e[0] || (e[0] = [
|
|
12
|
+
r("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
|
|
16
|
+
}, null, -1)
|
|
17
|
+
])]);
|
|
18
|
+
}
|
|
19
|
+
const d = /* @__PURE__ */ n(c, [["render", l]]);
|
|
20
|
+
export {
|
|
21
|
+
d as default
|
|
22
|
+
};
|