arvue-ui 0.8.0 → 0.9.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.
Files changed (63) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/context-menu/contextMenu.js +25 -0
  3. package/dist/context-menu/contextMenu.js.map +1 -0
  4. package/dist/context-menu/contextMenuCheckboxItem.js +42 -0
  5. package/dist/context-menu/contextMenuCheckboxItem.js.map +1 -0
  6. package/dist/context-menu/contextMenuContent.js +87 -0
  7. package/dist/context-menu/contextMenuContent.js.map +1 -0
  8. package/dist/context-menu/contextMenuGroup.js +23 -0
  9. package/dist/context-menu/contextMenuGroup.js.map +1 -0
  10. package/dist/context-menu/contextMenuItem.js +38 -0
  11. package/dist/context-menu/contextMenuItem.js.map +1 -0
  12. package/dist/context-menu/contextMenuLabel.js +34 -0
  13. package/dist/context-menu/contextMenuLabel.js.map +1 -0
  14. package/dist/context-menu/contextMenuPortal.js +25 -0
  15. package/dist/context-menu/contextMenuPortal.js.map +1 -0
  16. package/dist/context-menu/contextMenuRadioGroup.js +25 -0
  17. package/dist/context-menu/contextMenuRadioGroup.js.map +1 -0
  18. package/dist/context-menu/contextMenuRadioItem.js +42 -0
  19. package/dist/context-menu/contextMenuRadioItem.js.map +1 -0
  20. package/dist/context-menu/contextMenuSeparator.js +30 -0
  21. package/dist/context-menu/contextMenuSeparator.js.map +1 -0
  22. package/dist/context-menu/contextMenuShortcut.js +33 -0
  23. package/dist/context-menu/contextMenuShortcut.js.map +1 -0
  24. package/dist/context-menu/contextMenuSub.js +24 -0
  25. package/dist/context-menu/contextMenuSub.js.map +1 -0
  26. package/dist/context-menu/contextMenuSubContent.js +92 -0
  27. package/dist/context-menu/contextMenuSubContent.js.map +1 -0
  28. package/dist/context-menu/contextMenuSubTrigger.js +36 -0
  29. package/dist/context-menu/contextMenuSubTrigger.js.map +1 -0
  30. package/dist/context-menu/contextMenuTrigger.js +24 -0
  31. package/dist/context-menu/contextMenuTrigger.js.map +1 -0
  32. package/dist/index.d.ts +417 -151
  33. package/dist/index.d.ts.map +1 -1
  34. package/dist/index.js +70 -55
  35. package/dist/index.js.map +1 -1
  36. package/dist/style.css +18 -0
  37. package/package.json +1 -1
  38. package/src/context-menu/ContextMenu.vue +21 -0
  39. package/src/context-menu/ContextMenuCheckboxItem.vue +48 -0
  40. package/src/context-menu/ContextMenuContent.vue +69 -0
  41. package/src/context-menu/ContextMenuGroup.vue +18 -0
  42. package/src/context-menu/ContextMenuItem.vue +47 -0
  43. package/src/context-menu/ContextMenuLabel.vue +37 -0
  44. package/src/context-menu/ContextMenuPortal.vue +17 -0
  45. package/src/context-menu/ContextMenuRadioGroup.vue +27 -0
  46. package/src/context-menu/ContextMenuRadioItem.vue +48 -0
  47. package/src/context-menu/ContextMenuSeparator.vue +29 -0
  48. package/src/context-menu/ContextMenuShortcut.vue +33 -0
  49. package/src/context-menu/ContextMenuSub.vue +31 -0
  50. package/src/context-menu/ContextMenuSubContent.vue +74 -0
  51. package/src/context-menu/ContextMenuSubTrigger.vue +41 -0
  52. package/src/context-menu/ContextMenuTrigger.vue +19 -0
  53. package/src/context-menu/context-menu-checkbox-item.css +33 -0
  54. package/src/context-menu/context-menu-content.css +9 -0
  55. package/src/context-menu/context-menu-item.css +27 -0
  56. package/src/context-menu/context-menu-label.css +12 -0
  57. package/src/context-menu/context-menu-radio-item.css +33 -0
  58. package/src/context-menu/context-menu-separator.css +5 -0
  59. package/src/context-menu/context-menu-shortcut.css +7 -0
  60. package/src/context-menu/context-menu-sub-content.css +8 -0
  61. package/src/context-menu/context-menu-sub-trigger.css +33 -0
  62. package/src/context-menu/index.ts +68 -0
  63. package/src/index.ts +1 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contextMenuShortcut.js","names":[],"sources":["../../src/context-menu/ContextMenuShortcut.vue"],"sourcesContent":["<style>\n@import './context-menu-shortcut.css';\n</style>\n\n<template>\n <Primitive\n :class=\"clsx('arvue-context-menu-shortcut', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ContextMenuShortcutProps extends PrimitiveProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = withDefaults(defineProps<ContextMenuShortcutProps>(), {\n as: 'span',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,+BAAgC,MAAM,KAAK,EAAA,GAC/C,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,24 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { ContextMenuSub, useForwardPropsEmits } from "reka-ui";
3
+ //#region src/context-menu/ContextMenuSub.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "ContextMenuSub",
6
+ props: {
7
+ defaultOpen: { type: Boolean },
8
+ open: { type: Boolean }
9
+ },
10
+ emits: ["update:open"],
11
+ setup(__props, { emit: __emit }) {
12
+ const forwarded = useForwardPropsEmits(__props, __emit);
13
+ return (_ctx, _cache) => {
14
+ return openBlock(), createBlock(unref(ContextMenuSub), normalizeProps(guardReactiveProps(unref(forwarded))), {
15
+ default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
16
+ _: 3
17
+ }, 16);
18
+ };
19
+ }
20
+ });
21
+ //#endregion
22
+ export { _sfc_main };
23
+
24
+ //# sourceMappingURL=contextMenuSub.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contextMenuSub.js","names":[],"sources":["../../src/context-menu/ContextMenuSub.vue"],"sourcesContent":["<template>\n <ContextMenuSub\n v-slot=\"slotProps\"\n v-bind=\"forwarded\"\n >\n <slot v-bind=\"slotProps\"/>\n </ContextMenuSub>\n</template>\n\n<script lang=\"ts\">\nimport type {\n ContextMenuSubEmits as RekaContextMenuSubEmits,\n ContextMenuSubProps as RekaContextMenuSubProps,\n} from 'reka-ui'\n\nexport interface ContextMenuSubProps extends RekaContextMenuSubProps {}\n\nexport interface ContextMenuSubEmits extends RekaContextMenuSubEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n ContextMenuSub,\n useForwardPropsEmits,\n} from 'reka-ui'\n\nconst props = defineProps<ContextMenuSubProps>()\nconst emits = defineEmits<ContextMenuSubEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;EA6BA,MAAM,YAAY,qBAAqB,SAAO,MAAK;;uBA5B/C,YAKiB,MAAA,cAAA,GAAA,eAAA,mBAHL,MAAA,SAAA,CAAS,CAAA,GAAA;sBADT,cAAS,CAGjB,WAA0B,KAAA,QAAA,WAAA,eAAA,mBAAZ,SAAS,CAAA,CAAA,CAAA,CAAA"}
@@ -0,0 +1,92 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { ContextMenuSubContent, useForwardPropsEmits } from "reka-ui";
4
+ import { reactiveOmit } from "@vueuse/core";
5
+ import { AnimatePresence, Motion } from "motion-v";
6
+ //#region src/context-menu/ContextMenuSubContent.vue
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ inheritAttrs: false,
9
+ __name: "ContextMenuSubContent",
10
+ props: {
11
+ class: { type: [
12
+ Boolean,
13
+ null,
14
+ String,
15
+ Object,
16
+ Array
17
+ ] },
18
+ forceMount: { type: Boolean },
19
+ loop: { type: Boolean },
20
+ sideOffset: { default: 8 },
21
+ sideFlip: { type: Boolean },
22
+ alignOffset: {},
23
+ alignFlip: { type: Boolean },
24
+ avoidCollisions: { type: Boolean },
25
+ collisionBoundary: {},
26
+ collisionPadding: {},
27
+ arrowPadding: {},
28
+ hideShiftedArrow: { type: Boolean },
29
+ sticky: {},
30
+ hideWhenDetached: { type: Boolean },
31
+ positionStrategy: {},
32
+ updatePositionStrategy: {},
33
+ disableUpdateOnLayoutShift: { type: Boolean },
34
+ prioritizePosition: { type: Boolean },
35
+ reference: {},
36
+ asChild: { type: Boolean },
37
+ as: {}
38
+ },
39
+ emits: [
40
+ "escapeKeyDown",
41
+ "pointerDownOutside",
42
+ "focusOutside",
43
+ "interactOutside",
44
+ "entryFocus",
45
+ "openAutoFocus",
46
+ "closeAutoFocus"
47
+ ],
48
+ setup(__props, { emit: __emit }) {
49
+ const props = __props;
50
+ const emits = __emit;
51
+ const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
52
+ return (_ctx, _cache) => {
53
+ return openBlock(), createBlock(unref(AnimatePresence), null, {
54
+ default: withCtx(() => [createVNode(unref(ContextMenuSubContent), mergeProps({
55
+ ..._ctx.$attrs,
56
+ ...unref(forwarded)
57
+ }, {
58
+ class: unref(clsx)("arvue-context-menu-sub-content", props.class),
59
+ "as-child": ""
60
+ }), {
61
+ default: withCtx(() => [createVNode(unref(Motion), {
62
+ initial: {
63
+ y: "-5px",
64
+ opacity: 0
65
+ },
66
+ animate: {
67
+ y: 0,
68
+ opacity: 1
69
+ },
70
+ exit: {
71
+ y: "-5px",
72
+ opacity: 0
73
+ },
74
+ transition: {
75
+ duration: .15,
76
+ ease: "easeInOut"
77
+ }
78
+ }, {
79
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
80
+ _: 3
81
+ })]),
82
+ _: 3
83
+ }, 16, ["class"])]),
84
+ _: 3
85
+ });
86
+ };
87
+ }
88
+ });
89
+ //#endregion
90
+ export { _sfc_main };
91
+
92
+ //# sourceMappingURL=contextMenuSubContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contextMenuSubContent.js","names":["$attrs"],"sources":["../../src/context-menu/ContextMenuSubContent.vue"],"sourcesContent":["<style>\n@import './context-menu-sub-content.css';\n</style>\n\n<template>\n <AnimatePresence>\n <ContextMenuSubContent\n v-bind=\"{ ...$attrs, ...forwarded }\"\n :class=\"clsx('arvue-context-menu-sub-content', props.class)\"\n as-child\n >\n <Motion\n :initial=\"{\n y: '-5px',\n opacity: 0,\n }\"\n :animate=\"{\n y: 0,\n opacity: 1,\n }\"\n :exit=\"{\n y: '-5px',\n opacity: 0,\n }\"\n :transition=\"{\n duration: .15,\n ease: 'easeInOut',\n }\"\n >\n <slot/>\n </Motion>\n </ContextMenuSubContent>\n </AnimatePresence>\n</template>\n\n<script lang=\"ts\">\nimport type {\n ContextMenuSubContentEmits as RekaContextMenuSubContentEmits,\n ContextMenuSubContentProps as RekaContextMenuSubContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ContextMenuSubContentProps extends RekaContextMenuSubContentProps {\n class?: HTMLAttributes['class']\n}\n\nexport interface ContextMenuSubContentEmits extends RekaContextMenuSubContentEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AnimatePresence, Motion } from 'motion-v'\nimport {\n ContextMenuSubContent,\n useForwardPropsEmits,\n} from 'reka-ui'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = withDefaults(\n defineProps<ContextMenuSubContentProps>(),\n {\n sideOffset: 8,\n },\n)\nconst emits = defineEmits<ContextMenuSubContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DA,MAAM,QAAQ;EAMd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAnExD,YA2BkB,MAAA,eAAA,GAAA,MAAA;2BADU,CAzBxB,YAyBwB,MAAA,qBAAA,GAzBxB,WAyBwB;KAAA,GAxBPA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;KAChC,OAAO,MAAA,IAAA,EAAI,kCAAmC,MAAM,KAAK;KAC1D,YAAA;;4BAqBS,CAnBT,YAmBS,MAAA,MAAA,GAAA;MAlBJ,SAAS;;;;MAIT,SAAS;;;;MAIT,MAAM;;;;MAIN,YAAY;;;;;6BAKN,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,36 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { ContextMenuSubTrigger, useForwardProps } from "reka-ui";
4
+ import { reactiveOmit } from "@vueuse/core";
5
+ //#region src/context-menu/ContextMenuSubTrigger.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "ContextMenuSubTrigger",
8
+ props: {
9
+ class: { type: [
10
+ Boolean,
11
+ null,
12
+ String,
13
+ Object,
14
+ Array
15
+ ] },
16
+ inset: { type: Boolean },
17
+ disabled: { type: Boolean },
18
+ textValue: {},
19
+ asChild: { type: Boolean },
20
+ as: {}
21
+ },
22
+ setup(__props) {
23
+ const props = __props;
24
+ const forwardedProps = useForwardProps(reactiveOmit(props, "class"));
25
+ return (_ctx, _cache) => {
26
+ return openBlock(), createBlock(unref(ContextMenuSubTrigger), mergeProps(unref(forwardedProps), { class: unref(clsx)("arvue-context-menu-sub-trigger", __props.inset && "arvue-context-menu-sub-trigger-inset", props.class) }), {
27
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default"), _cache[0] || (_cache[0] = createElementVNode("i", { class: "fas fa-chevron-right arvue-context-menu-sub-trigger-icon" }, null, -1))]),
28
+ _: 3
29
+ }, 16, ["class"]);
30
+ };
31
+ }
32
+ });
33
+ //#endregion
34
+ export { _sfc_main };
35
+
36
+ //# sourceMappingURL=contextMenuSubTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contextMenuSubTrigger.js","names":[],"sources":["../../src/context-menu/ContextMenuSubTrigger.vue"],"sourcesContent":["<style>\n@import './context-menu-sub-trigger.css';\n</style>\n\n<template>\n <ContextMenuSubTrigger\n v-bind=\"forwardedProps\"\n :class=\"clsx(\n 'arvue-context-menu-sub-trigger',\n inset && 'arvue-context-menu-sub-trigger-inset',\n props.class,\n )\"\n >\n <slot/>\n <i class=\"fas fa-chevron-right arvue-context-menu-sub-trigger-icon\"/>\n </ContextMenuSubTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { ContextMenuSubTriggerProps as RekaContextMenuSubTriggerProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ContextMenuSubTriggerProps extends RekaContextMenuSubTriggerProps {\n class?: HTMLAttributes['class']\n inset?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport {\n ContextMenuSubTrigger,\n useForwardProps,\n} from 'reka-ui'\n\nconst props = defineProps<ContextMenuSubTriggerProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAGd,MAAM,iBAAiB,gBADA,aAAa,OAAO,OACJ,CAAc;;uBAlCjD,YAUwB,MAAA,qBAAA,GAVxB,WACY,MASY,cAAA,GATE,EACrB,OAAO,MAAA,IAAA,EAAA,kCAAgE,QAAA,SAAK,wCAAwD,MAAM,KAAA,EAAA,CAAA,GAAA;2BAMpI,CAAP,WAAO,KAAA,QAAA,SAAA,GAAA,OAAA,OAAA,OAAA,KACP,mBAAqE,KAAA,EAAlE,OAAM,2DAA0D,GAAA,MAAA,EAAA,EAAA,CAAA"}
@@ -0,0 +1,24 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { ContextMenuTrigger, useForwardProps } from "reka-ui";
3
+ //#region src/context-menu/ContextMenuTrigger.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "ContextMenuTrigger",
6
+ props: {
7
+ disabled: { type: Boolean },
8
+ asChild: { type: Boolean },
9
+ as: {}
10
+ },
11
+ setup(__props) {
12
+ const forwardedProps = useForwardProps(__props);
13
+ return (_ctx, _cache) => {
14
+ return openBlock(), createBlock(unref(ContextMenuTrigger), normalizeProps(guardReactiveProps(unref(forwardedProps))), {
15
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
16
+ _: 3
17
+ }, 16);
18
+ };
19
+ }
20
+ });
21
+ //#endregion
22
+ export { _sfc_main };
23
+
24
+ //# sourceMappingURL=contextMenuTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contextMenuTrigger.js","names":[],"sources":["../../src/context-menu/ContextMenuTrigger.vue"],"sourcesContent":["<template>\n <ContextMenuTrigger v-bind=\"forwardedProps\">\n <slot/>\n </ContextMenuTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { ContextMenuTriggerProps as RekaContextMenuTriggerProps } from 'reka-ui'\n\nexport interface ContextMenuTriggerProps extends RekaContextMenuTriggerProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ContextMenuTrigger, useForwardProps } from 'reka-ui'\n\nconst props = defineProps<ContextMenuTriggerProps>()\n\nconst forwardedProps = useForwardProps(props)\n</script>\n"],"mappings":";;;;;;;;;;;EAiBA,MAAM,iBAAiB,gBAAgB,OAAK;;uBAhBxC,YAEqB,MAAA,kBAAA,GAAA,eAAA,mBAFO,MAAA,cAAA,CAAc,CAAA,GAAA;2BAC/B,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}