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.
Files changed (83) hide show
  1. package/README.md +11 -10
  2. package/dist/arrow-narrow-down-D7TTg_Sg.js +22 -0
  3. package/dist/arrow-narrow-left-DtYskF4u.js +22 -0
  4. package/dist/arrow-narrow-right-BJQhmnn_.js +22 -0
  5. package/dist/arrow-narrow-up-CQrQ9M4D.js +22 -0
  6. package/dist/arrow-up-tray-CiOLkzou.js +21 -0
  7. package/dist/caret-sort-C5vFjl8V.js +21 -0
  8. package/dist/check-fIjMng7B.js +22 -0
  9. package/dist/chevron-down-Ba3vWwVv.js +22 -0
  10. package/dist/chevron-left-C_3hZrgL.js +22 -0
  11. package/dist/chevron-right-DDxObgsn.js +22 -0
  12. package/dist/chevron-up-CQmsFtn5.js +22 -0
  13. package/dist/exclamation-C6mSrM_E.js +22 -0
  14. package/dist/index-DmsS8oJ5.js +2705 -0
  15. package/dist/mail-DrRAX7M1.js +22 -0
  16. package/dist/minus-Des-0JUa.js +22 -0
  17. package/dist/pencil-DJcpXseh.js +22 -0
  18. package/dist/plus-LLjGl5U3.js +22 -0
  19. package/dist/search-DvPkCGBS.js +22 -0
  20. package/dist/spinner-BxAMlAIZ.js +23 -0
  21. package/dist/trash-B7VQazD_.js +22 -0
  22. package/dist/triangle-down-BR_1dv1e.js +19 -0
  23. package/dist/triangle-left-C2WtINFd.js +19 -0
  24. package/dist/triangle-right-D5HL9gAQ.js +19 -0
  25. package/dist/triangle-up-BE_espQu.js +19 -0
  26. package/dist/vuiii.css +1 -0
  27. package/dist/vuiii.js +41 -0
  28. package/dist/x-BCDZi2yn.js +23 -0
  29. package/package.json +48 -45
  30. package/dist/components/Breadcrumbs.vue.d.ts +0 -81
  31. package/dist/components/Button.vue.d.ts +0 -97
  32. package/dist/components/Checkbox.vue.d.ts +0 -28
  33. package/dist/components/CheckboxGroup.vue.d.ts +0 -59
  34. package/dist/components/Form.vue.d.ts +0 -87
  35. package/dist/components/FormFields.vue.d.ts +0 -52
  36. package/dist/components/FormGroup.vue.d.ts +0 -87
  37. package/dist/components/Icon.vue.d.ts +0 -61
  38. package/dist/components/Input.vue.d.ts +0 -111
  39. package/dist/components/Radio.vue.d.ts +0 -94
  40. package/dist/components/Select.vue.d.ts +0 -137
  41. package/dist/components/Table.vue.d.ts +0 -72
  42. package/dist/components/Textarea.vue.d.ts +0 -78
  43. package/dist/components/modal/ModalLayout.vue.d.ts +0 -39
  44. package/dist/components/modal/ModalLayoutDialog.vue.d.ts +0 -36
  45. package/dist/components/modal/ModalStack.vue.d.ts +0 -28
  46. package/dist/components/snackbar/SnackbarStack.vue.d.ts +0 -20
  47. package/dist/hooks/useLoadData.d.ts +0 -21
  48. package/dist/hooks/useOnClickOutside.d.ts +0 -2
  49. package/dist/hooks/useOnKeyPress.d.ts +0 -1
  50. package/dist/hooks/useRouteQuery.d.ts +0 -17
  51. package/dist/hooks/useSubmitAction.d.ts +0 -33
  52. package/dist/icons/arrow-narrow-down.vue.d.ts +0 -2
  53. package/dist/icons/arrow-narrow-left.vue.d.ts +0 -2
  54. package/dist/icons/arrow-narrow-right.vue.d.ts +0 -2
  55. package/dist/icons/arrow-narrow-up.vue.d.ts +0 -2
  56. package/dist/icons/check-circle.vue.d.ts +0 -2
  57. package/dist/icons/check.vue.d.ts +0 -2
  58. package/dist/icons/chevron-left.vue.d.ts +0 -2
  59. package/dist/icons/chevron-right.vue.d.ts +0 -2
  60. package/dist/icons/exclamation-circle.vue.d.ts +0 -2
  61. package/dist/icons/exclamation.vue.d.ts +0 -2
  62. package/dist/icons/minus.vue.d.ts +0 -2
  63. package/dist/icons/plus.vue.d.ts +0 -2
  64. package/dist/icons/search.vue.d.ts +0 -2
  65. package/dist/icons/spinner.vue.d.ts +0 -2
  66. package/dist/icons/trash.vue.d.ts +0 -2
  67. package/dist/icons/x.vue.d.ts +0 -2
  68. package/dist/index.d.ts +0 -27
  69. package/dist/modal.d.ts +0 -69
  70. package/dist/snackbar.d.ts +0 -21
  71. package/dist/stories/Button.stories.d.ts +0 -449
  72. package/dist/stories/Icon.stories.d.ts +0 -128
  73. package/dist/style.css +0 -1
  74. package/dist/types.d.ts +0 -31
  75. package/dist/utils/generateId.d.ts +0 -1
  76. package/dist/utils/iconsResolver.d.ts +0 -5
  77. package/dist/utils/normalizeOptions.d.ts +0 -16
  78. package/dist/utils/resolveGlobImport.d.ts +0 -3
  79. package/dist/utils/retrieveInputValue.d.ts +0 -1
  80. package/dist/utils/transformInputAttrs.d.ts +0 -5
  81. package/dist/validations/validator.d.ts +0 -2
  82. package/dist/vuiii.mjs +0 -1550
  83. package/dist/vuiii.umd.js +0 -1
package/README.md CHANGED
@@ -1,16 +1,17 @@
1
- # Vue 3 + TypeScript + Vite
1
+ # VUIII
2
2
 
3
- This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
3
+ A stupid simple components and utils library for rapid development of the UI in your project.
4
4
 
5
- ## Recommended IDE Setup
5
+ ## Instalation
6
6
 
7
- - [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
7
+ ```sh
8
+ npm install vuiii
9
+ ```
8
10
 
9
- ## Type Support For `.vue` Imports in TS
11
+ ## Storybook
10
12
 
11
- Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
13
+ Run showcase of all provided components in storybook
12
14
 
13
- 1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
14
- 2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
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
+ };