@coreui/vue-pro 5.1.0 → 5.2.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/README.md +1 -1
- package/dist/cjs/components/calendar/CCalendar.js +2 -2
- package/dist/cjs/components/calendar/CCalendar.js.map +1 -1
- package/dist/cjs/components/calendar/utils.d.ts +1 -0
- package/dist/cjs/components/calendar/utils.js +13 -6
- package/dist/cjs/components/calendar/utils.js.map +1 -1
- package/dist/cjs/components/dropdown/CDropdown.js +3 -1
- package/dist/cjs/components/dropdown/CDropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/utils.d.ts +0 -1
- package/dist/cjs/components/dropdown/utils.js +0 -13
- package/dist/cjs/components/dropdown/utils.js.map +1 -1
- package/dist/cjs/components/index.js +8 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/multi-select/CMultiSelect.js +4 -0
- package/dist/cjs/components/multi-select/CMultiSelect.js.map +1 -1
- package/dist/cjs/components/multi-select/CMultiSelectSelection.js +1 -0
- package/dist/cjs/components/multi-select/CMultiSelectSelection.js.map +1 -1
- package/dist/cjs/components/popover/CPopover.js +3 -2
- package/dist/cjs/components/popover/CPopover.js.map +1 -1
- package/dist/cjs/components/tabs/CTab.d.ts +20 -0
- package/dist/cjs/components/tabs/CTab.js +41 -0
- package/dist/cjs/components/tabs/CTab.js.map +1 -0
- package/dist/cjs/components/tabs/CTabList.d.ts +42 -0
- package/dist/cjs/components/tabs/CTabList.js +74 -0
- package/dist/cjs/components/tabs/CTabList.js.map +1 -0
- package/dist/cjs/components/tabs/CTabPane.d.ts +19 -0
- package/dist/cjs/components/tabs/CTabPane.js +10 -1
- package/dist/cjs/components/tabs/CTabPane.js.map +1 -1
- package/dist/cjs/components/tabs/CTabPanel.d.ts +55 -0
- package/dist/cjs/components/tabs/CTabPanel.js +93 -0
- package/dist/cjs/components/tabs/CTabPanel.js.map +1 -0
- package/dist/cjs/components/tabs/CTabs.d.ts +22 -0
- package/dist/cjs/components/tabs/CTabs.js +43 -0
- package/dist/cjs/components/tabs/CTabs.js.map +1 -0
- package/dist/cjs/components/tabs/index.d.ts +5 -1
- package/dist/cjs/components/tabs/index.js +12 -0
- package/dist/cjs/components/tabs/index.js.map +1 -1
- package/dist/cjs/components/tooltip/CTooltip.js +3 -2
- package/dist/cjs/components/tooltip/CTooltip.js.map +1 -1
- package/dist/cjs/composables/index.d.ts +2 -1
- package/dist/cjs/composables/useUniqueId.d.ts +3 -0
- package/dist/cjs/composables/useUniqueId.js +20 -0
- package/dist/cjs/composables/useUniqueId.js.map +1 -0
- package/dist/cjs/directives/v-c-popover.js +4 -2
- package/dist/cjs/directives/v-c-popover.js.map +1 -1
- package/dist/cjs/directives/v-c-tooltip.js +4 -2
- package/dist/cjs/directives/v-c-tooltip.js.map +1 -1
- package/dist/cjs/index.js +10 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/utils/getNextActiveElement.d.ts +2 -0
- package/dist/cjs/utils/getNextActiveElement.js +19 -0
- package/dist/cjs/utils/getNextActiveElement.js.map +1 -0
- package/dist/cjs/utils/index.d.ts +2 -1
- package/dist/esm/components/calendar/CCalendar.js +2 -2
- package/dist/esm/components/calendar/CCalendar.js.map +1 -1
- package/dist/esm/components/calendar/utils.d.ts +1 -0
- package/dist/esm/components/calendar/utils.js +13 -7
- package/dist/esm/components/calendar/utils.js.map +1 -1
- package/dist/esm/components/dropdown/CDropdown.js +3 -1
- package/dist/esm/components/dropdown/CDropdown.js.map +1 -1
- package/dist/esm/components/dropdown/utils.d.ts +0 -1
- package/dist/esm/components/dropdown/utils.js +1 -13
- package/dist/esm/components/dropdown/utils.js.map +1 -1
- package/dist/esm/components/index.js +4 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/multi-select/CMultiSelect.js +4 -0
- package/dist/esm/components/multi-select/CMultiSelect.js.map +1 -1
- package/dist/esm/components/multi-select/CMultiSelectSelection.js +1 -0
- package/dist/esm/components/multi-select/CMultiSelectSelection.js.map +1 -1
- package/dist/esm/components/popover/CPopover.js +3 -2
- package/dist/esm/components/popover/CPopover.js.map +1 -1
- package/dist/esm/components/tabs/CTab.d.ts +20 -0
- package/dist/esm/components/tabs/CTab.js +39 -0
- package/dist/esm/components/tabs/CTab.js.map +1 -0
- package/dist/esm/components/tabs/CTabList.d.ts +42 -0
- package/dist/esm/components/tabs/CTabList.js +72 -0
- package/dist/esm/components/tabs/CTabList.js.map +1 -0
- package/dist/esm/components/tabs/CTabPane.d.ts +19 -0
- package/dist/esm/components/tabs/CTabPane.js +10 -1
- package/dist/esm/components/tabs/CTabPane.js.map +1 -1
- package/dist/esm/components/tabs/CTabPanel.d.ts +55 -0
- package/dist/esm/components/tabs/CTabPanel.js +91 -0
- package/dist/esm/components/tabs/CTabPanel.js.map +1 -0
- package/dist/esm/components/tabs/CTabs.d.ts +22 -0
- package/dist/esm/components/tabs/CTabs.js +41 -0
- package/dist/esm/components/tabs/CTabs.js.map +1 -0
- package/dist/esm/components/tabs/index.d.ts +5 -1
- package/dist/esm/components/tabs/index.js +9 -1
- package/dist/esm/components/tabs/index.js.map +1 -1
- package/dist/esm/components/tooltip/CTooltip.js +3 -2
- package/dist/esm/components/tooltip/CTooltip.js.map +1 -1
- package/dist/esm/composables/index.d.ts +2 -1
- package/dist/esm/composables/useUniqueId.d.ts +3 -0
- package/dist/esm/composables/useUniqueId.js +18 -0
- package/dist/esm/composables/useUniqueId.js.map +1 -0
- package/dist/esm/directives/v-c-popover.js +4 -2
- package/dist/esm/directives/v-c-popover.js.map +1 -1
- package/dist/esm/directives/v-c-tooltip.js +4 -2
- package/dist/esm/directives/v-c-tooltip.js.map +1 -1
- package/dist/esm/index.js +5 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/utils/getNextActiveElement.d.ts +2 -0
- package/dist/esm/utils/getNextActiveElement.js +15 -0
- package/dist/esm/utils/getNextActiveElement.js.map +1 -0
- package/dist/esm/utils/index.d.ts +2 -1
- package/package.json +5 -5
- package/src/components/calendar/CCalendar.ts +2 -2
- package/src/components/calendar/utils.ts +23 -7
- package/src/components/dropdown/CDropdown.ts +3 -2
- package/src/components/dropdown/utils.ts +0 -22
- package/src/components/multi-select/CMultiSelect.ts +6 -0
- package/src/components/multi-select/CMultiSelectSelection.ts +1 -0
- package/src/components/popover/CPopover.ts +4 -3
- package/src/components/tabs/CTab.ts +45 -0
- package/src/components/tabs/CTabList.ts +89 -0
- package/src/components/tabs/CTabPane.ts +10 -1
- package/src/components/tabs/CTabPanel.ts +129 -0
- package/src/components/tabs/CTabs.ts +45 -0
- package/src/components/tabs/index.ts +9 -1
- package/src/components/tooltip/CTooltip.ts +4 -3
- package/src/composables/index.ts +2 -1
- package/src/composables/useUniqueId.ts +18 -0
- package/src/directives/v-c-popover.ts +3 -3
- package/src/directives/v-c-tooltip.ts +3 -3
- package/src/utils/getNextActiveElement.ts +23 -0
- package/src/utils/index.ts +2 -1
- package/dist/cjs/utils/getUID.js +0 -13
- package/dist/cjs/utils/getUID.js.map +0 -1
- package/dist/esm/utils/getUID.js +0 -9
- package/dist/esm/utils/getUID.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AASM,MAAA,QAAQ,GAAG,eAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAyD;AAC9E,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD;;AAEG;AACH,QAAA,OAAO,EAAE,MAAM;AACf;;;;AAIG;AACH,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAsD;AAC3E,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD;;;;AAIG;AACH,QAAA,kBAAkB,EAAE;AAClB,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAwC;AAC5D,YAAA,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;AACjD,YAAA,SAAS,EAAE,CAAC,KAAgC,KAAI;AAC9C,gBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,oBAAA,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;iBAC1D;AACD,gBAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACxB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;iBAC1E;AACD,gBAAA,OAAO,KAAK,CAAA;aACb;AACF,SAAA;AACD;;AAEG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;AACtB,SAAA;AACD;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAA6B;AACnC,YAAA,OAAO,EAAE,KAAK;AACd,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC1D;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAoC;YACxD,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;AACjC,YAAA,SAAS,EAAE,CAAC,KAA4B,KAAI;AAC1C,gBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,oBAAA,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;iBACnD;AACD,gBAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACxB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;iBACnE;AACD,gBAAA,OAAO,KAAK,CAAA;aACb;AACF,SAAA;AACD;;AAEG;AACH,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,MAAM;AACN;;AAEG;QACH,MAAM;AACP,KAAA;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AACjC,QAAA,MAAM,UAAU,GAAG,GAAG,EAAE,CAAA;AACxB,QAAA,MAAM,UAAU,GAAG,GAAG,EAAE,CAAA;AACxB,QAAA,MAAM,GAAG,GAAG,GAAG,EAAE,CAAA;QACjB,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAClC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAA;AAEjD,QAAA,MAAM,KAAK,GACT,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;AAE1F,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,SAAS,EAAE;AACT,gBAAA;AACE,oBAAA,IAAI,EAAE,OAAO;AACb,oBAAA,OAAO,EAAE;AACP,wBAAA,OAAO,EAAE,gBAAgB;AAC1B,qBAAA;AACF,iBAAA;AACD,gBAAA;AACE,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,OAAO,EAAE;wBACP,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;AAC7C,qBAAA;AACF,iBAAA;AACD,gBAAA;AACE,oBAAA,IAAI,EAAE,QAAQ;AACd,oBAAA,OAAO,EAAE;wBACP,MAAM,EAAE,KAAK,CAAC,MAAM;AACrB,qBAAA;AACF,iBAAA;AACF,aAAA;YACD,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC;SAC9D,CAAA;QAED,SAAS,CAAC,MAAK;AACb,YAAA,GAAG,CAAC,KAAK,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -2,4 +2,5 @@ import { useColorModes } from './useColorModes';
|
|
|
2
2
|
import { useDebouncedCallback } from './useDebouncedCallback';
|
|
3
3
|
import { useIsVisible } from './useIsVisible';
|
|
4
4
|
import { usePopper } from './usePopper';
|
|
5
|
-
|
|
5
|
+
import { useUniqueId } from './useUniqueId';
|
|
6
|
+
export { useColorModes, useDebouncedCallback, useIsVisible, usePopper, useUniqueId };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ref } from 'vue';
|
|
2
|
+
|
|
3
|
+
const useUniqueId = (prefix = '') => {
|
|
4
|
+
const ids = ref([]);
|
|
5
|
+
const getUID = () => {
|
|
6
|
+
do {
|
|
7
|
+
prefix += Math.floor(Math.random() * 1_000_000);
|
|
8
|
+
} while (ids.value.includes(prefix));
|
|
9
|
+
ids.value.push(prefix);
|
|
10
|
+
return prefix;
|
|
11
|
+
};
|
|
12
|
+
return {
|
|
13
|
+
getUID,
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { useUniqueId };
|
|
18
|
+
//# sourceMappingURL=useUniqueId.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUniqueId.js","sources":["../../../src/composables/useUniqueId.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAEa,WAAW,GAAG,CAAC,MAAiB,GAAA,EAAE,KAAI;AACjD,IAAA,MAAM,GAAG,GAAG,GAAG,CAAW,EAAE,CAAC,CAAA;IAE7B,MAAM,MAAM,GAAG,MAAK;AAClB,QAAA,GAAG;AACD,YAAA,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;SAChD,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAC;AAEpC,QAAA,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AACtB,QAAA,OAAO,MAAM,CAAA;AACf,KAAC,CAAA;IAED,OAAO;QACL,MAAM;KACP,CAAA;AACH;;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { createPopper } from '@popperjs/core';
|
|
2
|
-
import
|
|
2
|
+
import 'vue';
|
|
3
|
+
import { useUniqueId } from '../composables/useUniqueId.js';
|
|
3
4
|
|
|
4
5
|
const createPopoverElement = (id, header, content) => {
|
|
5
6
|
const popover = document.createElement('div');
|
|
@@ -38,6 +39,7 @@ var vCPopover = {
|
|
|
38
39
|
name: 'c-popover',
|
|
39
40
|
uid: '',
|
|
40
41
|
mounted(el, binding) {
|
|
42
|
+
const { getUID } = useUniqueId('popover');
|
|
41
43
|
const value = binding.value;
|
|
42
44
|
const content = typeof value === 'string' ? value : value.content ?? '';
|
|
43
45
|
const header = value.header ?? '';
|
|
@@ -56,7 +58,7 @@ var vCPopover = {
|
|
|
56
58
|
},
|
|
57
59
|
],
|
|
58
60
|
};
|
|
59
|
-
const uID = getUID(
|
|
61
|
+
const uID = getUID();
|
|
60
62
|
binding.arg = uID;
|
|
61
63
|
const popover = createPopoverElement(uID, header, content);
|
|
62
64
|
trigger.includes('click') &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"v-c-popover.js","sources":["../../../src/directives/v-c-popover.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"v-c-popover.js","sources":["../../../src/directives/v-c-popover.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { createPopper } from '@popperjs/core';
|
|
2
|
-
import
|
|
2
|
+
import 'vue';
|
|
3
|
+
import { useUniqueId } from '../composables/useUniqueId.js';
|
|
3
4
|
|
|
4
5
|
const createTooltipElement = (id, content) => {
|
|
5
6
|
const tooltip = document.createElement('div');
|
|
@@ -36,6 +37,7 @@ const toggleTooltipElement = (el, tooltip, popperOptions, uID) => {
|
|
|
36
37
|
var vCTooltip = {
|
|
37
38
|
name: 'c-tooltip',
|
|
38
39
|
mounted(el, binding) {
|
|
40
|
+
const { getUID } = useUniqueId('tooltip');
|
|
39
41
|
const value = binding.value;
|
|
40
42
|
const content = typeof value === 'string' ? value : value.content ?? '';
|
|
41
43
|
const trigger = value.trigger ?? 'hover';
|
|
@@ -53,7 +55,7 @@ var vCTooltip = {
|
|
|
53
55
|
},
|
|
54
56
|
],
|
|
55
57
|
};
|
|
56
|
-
const uID = getUID(
|
|
58
|
+
const uID = getUID();
|
|
57
59
|
binding.arg = uID;
|
|
58
60
|
const tooltip = createTooltipElement(uID, content);
|
|
59
61
|
trigger.includes('click') &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"v-c-tooltip.js","sources":["../../../src/directives/v-c-tooltip.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"v-c-tooltip.js","sources":["../../../src/directives/v-c-tooltip.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -4,6 +4,7 @@ export { useColorModes } from './composables/useColorModes.js';
|
|
|
4
4
|
export { useDebouncedCallback } from './composables/useDebouncedCallback.js';
|
|
5
5
|
export { useIsVisible } from './composables/useIsVisible.js';
|
|
6
6
|
export { usePopper } from './composables/usePopper.js';
|
|
7
|
+
export { useUniqueId } from './composables/useUniqueId.js';
|
|
7
8
|
export { CAccordionPlugin } from './components/accordion/index.js';
|
|
8
9
|
export { CAccordion } from './components/accordion/CAccordion.js';
|
|
9
10
|
export { CAccordionBody } from './components/accordion/CAccordionBody.js';
|
|
@@ -167,8 +168,12 @@ export { CTableHead } from './components/table/CTableHead.js';
|
|
|
167
168
|
export { CTableHeaderCell } from './components/table/CTableHeaderCell.js';
|
|
168
169
|
export { CTableRow } from './components/table/CTableRow.js';
|
|
169
170
|
export { CTabsPlugin } from './components/tabs/index.js';
|
|
171
|
+
export { CTab } from './components/tabs/CTab.js';
|
|
170
172
|
export { CTabContent } from './components/tabs/CTabContent.js';
|
|
173
|
+
export { CTabList } from './components/tabs/CTabList.js';
|
|
171
174
|
export { CTabPane } from './components/tabs/CTabPane.js';
|
|
175
|
+
export { CTabPanel } from './components/tabs/CTabPanel.js';
|
|
176
|
+
export { CTabs } from './components/tabs/CTabs.js';
|
|
172
177
|
export { CTimePicker } from './components/time-picker/CTimePicker.js';
|
|
173
178
|
export { CTimePickerPlugin } from './components/time-picker/index.js';
|
|
174
179
|
export { CToastPlugin } from './components/toast/index.js';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components","Directives"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components","Directives"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,SAAS,GAAG;AAChB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;AAC1B,QAAA,KAAK,MAAM,GAAG,IAAIA,KAAU,EAAE;YAC5B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAGA,KAAqC,CAAC,GAAG,CAAC,CAAC,CAAA;SAChE;AAED,QAAA,KAAK,MAAM,GAAG,IAAIC,OAAU,EAAE;AAC5B,YAAA,GAAG,CAAC,SAAS,CACVA,OAAqC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAClDA,OAAqC,CAAC,GAAG,CAAC,CAC5C,CAAA;SACF;KACF;;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {
|
|
2
|
+
const listLength = list.length;
|
|
3
|
+
let index = list.indexOf(activeElement);
|
|
4
|
+
if (index === -1) {
|
|
5
|
+
return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0];
|
|
6
|
+
}
|
|
7
|
+
index += shouldGetNext ? 1 : -1;
|
|
8
|
+
{
|
|
9
|
+
index = (index + listLength) % listLength;
|
|
10
|
+
}
|
|
11
|
+
return list[Math.max(0, Math.min(index, listLength - 1))];
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { getNextActiveElement as default };
|
|
15
|
+
//# sourceMappingURL=getNextActiveElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getNextActiveElement.js","sources":["../../../src/utils/getNextActiveElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAM,MAAA,oBAAoB,GAAG,CAC3B,IAAmB,EACnB,aAA0B,EAC1B,aAAsB,EACtB,cAAuB,KACrB;AACF,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAA;IAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;AAEvC,IAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,OAAO,CAAC,aAAa,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;KACzE;IAED,KAAK,IAAI,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IAEX;QAClB,KAAK,GAAG,CAAC,KAAK,GAAG,UAAU,IAAI,UAAU,CAAA;KAC1C;IAED,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAC3D;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import getNextActiveElement from './getNextActiveElement';
|
|
1
2
|
import getRTLPlacement from './getRTLPlacement';
|
|
2
3
|
import getUID from './getUID';
|
|
3
4
|
import isInViewport from './isInViewport';
|
|
4
5
|
import isObjectInArray from './isObjectInArray';
|
|
5
6
|
import isRTL from './isRTL';
|
|
6
|
-
export { getRTLPlacement, getUID, isInViewport, isObjectInArray, isRTL };
|
|
7
|
+
export { getNextActiveElement, getRTLPlacement, getUID, isInViewport, isObjectInArray, isRTL };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coreui/vue-pro",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.2.0",
|
|
4
4
|
"description": "UI Components Library for Vue.js",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"vue",
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
"test:update": "jest --coverage --updateSnapshot"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@coreui/coreui-pro": "^5.
|
|
44
|
+
"@coreui/coreui-pro": "^5.2.0",
|
|
45
45
|
"@popperjs/core": "^2.11.8"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@rollup/plugin-commonjs": "^25.0.
|
|
48
|
+
"@rollup/plugin-commonjs": "^25.0.8",
|
|
49
49
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
50
50
|
"@rollup/plugin-typescript": "^11.1.6",
|
|
51
51
|
"@types/jest": "^29.5.12",
|
|
@@ -54,9 +54,9 @@
|
|
|
54
54
|
"cross-env": "^7.0.3",
|
|
55
55
|
"jest": "^29.7.0",
|
|
56
56
|
"jest-environment-jsdom": "^29.7.0",
|
|
57
|
-
"rollup": "^4.
|
|
57
|
+
"rollup": "^4.18.0",
|
|
58
58
|
"rollup-plugin-vue": "^6.0.0",
|
|
59
|
-
"ts-jest": "^29.1.
|
|
59
|
+
"ts-jest": "^29.1.4",
|
|
60
60
|
"typescript": "^5.4.5",
|
|
61
61
|
"vue": "^3.4.27",
|
|
62
62
|
"vue-types": "^5.1.2"
|
|
@@ -747,7 +747,7 @@ const CCalendar = defineComponent({
|
|
|
747
747
|
{},
|
|
748
748
|
row.map((month, idx) => {
|
|
749
749
|
const monthNumber = index * 3 + idx
|
|
750
|
-
const date = new Date(
|
|
750
|
+
const date = new Date(_calendarDate.getFullYear(), monthNumber, 1)
|
|
751
751
|
const isDisabled = isDateDisabled(
|
|
752
752
|
date,
|
|
753
753
|
minDate.value,
|
|
@@ -791,7 +791,7 @@ const CCalendar = defineComponent({
|
|
|
791
791
|
'tr',
|
|
792
792
|
{},
|
|
793
793
|
row.map((year) => {
|
|
794
|
-
const date = new Date(
|
|
794
|
+
const date = new Date(year, 0, 1)
|
|
795
795
|
const isDisabled = isDateDisabled(
|
|
796
796
|
date,
|
|
797
797
|
minDate.value,
|
|
@@ -19,7 +19,10 @@ export const convertToDateObject = (
|
|
|
19
19
|
return convertIsoWeekToDate(date as string)
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
|
|
22
|
+
const _date = new Date(Date.parse(date))
|
|
23
|
+
const userTimezoneOffset = _date.getTimezoneOffset() * 60_000
|
|
24
|
+
|
|
25
|
+
return new Date(_date.getTime() + userTimezoneOffset)
|
|
23
26
|
}
|
|
24
27
|
|
|
25
28
|
export const convertToLocalDate = (d: Date, locale: string, options = {}) =>
|
|
@@ -35,17 +38,21 @@ export const createGroupsInArray = <T>(arr: T[], numberOfGroups: number): T[][]
|
|
|
35
38
|
.map((_, i) => arr.slice(i * perGroup, (i + 1) * perGroup))
|
|
36
39
|
}
|
|
37
40
|
|
|
38
|
-
export const getCalendarDate = (
|
|
41
|
+
export const getCalendarDate = (
|
|
42
|
+
calendarDate: Date,
|
|
43
|
+
order: number,
|
|
44
|
+
view: 'days' | 'months' | 'years',
|
|
45
|
+
) => {
|
|
39
46
|
if (order !== 0 && view === 'days') {
|
|
40
|
-
return new Date(
|
|
47
|
+
return new Date(calendarDate.getFullYear(), calendarDate.getMonth() + order, 1)
|
|
41
48
|
}
|
|
42
49
|
|
|
43
50
|
if (order !== 0 && view === 'months') {
|
|
44
|
-
return new Date(
|
|
51
|
+
return new Date(calendarDate.getFullYear() + order, calendarDate.getMonth(), 1)
|
|
45
52
|
}
|
|
46
53
|
|
|
47
54
|
if (order !== 0 && view === 'years') {
|
|
48
|
-
return new Date(
|
|
55
|
+
return new Date(calendarDate.getFullYear() + 12 * order, calendarDate.getMonth(), 1)
|
|
49
56
|
}
|
|
50
57
|
|
|
51
58
|
return calendarDate
|
|
@@ -167,7 +174,9 @@ export const getWeekNumber = (date: Date) => {
|
|
|
167
174
|
const week1 = new Date(date.getFullYear(), 0, 4)
|
|
168
175
|
return (
|
|
169
176
|
1 +
|
|
170
|
-
Math.round(
|
|
177
|
+
Math.round(
|
|
178
|
+
((date.getTime() - week1.getTime()) / 86_400_000 - 3 + ((week1.getDay() + 6) % 7)) / 7,
|
|
179
|
+
)
|
|
171
180
|
)
|
|
172
181
|
}
|
|
173
182
|
|
|
@@ -249,7 +258,11 @@ export const isDateDisabled = (
|
|
|
249
258
|
}
|
|
250
259
|
|
|
251
260
|
export const isDateInRange = (date: Date, start: Date | null, end: Date | null) => {
|
|
252
|
-
|
|
261
|
+
const _date = removeTimeFromDate(date)
|
|
262
|
+
const _start = start ? removeTimeFromDate(start) : null
|
|
263
|
+
const _end = end ? removeTimeFromDate(end) : null
|
|
264
|
+
|
|
265
|
+
return _start && _end && _start <= _date && _date <= _end
|
|
253
266
|
}
|
|
254
267
|
|
|
255
268
|
export const isDateSelected = (date: Date, start: Date | null, end: Date | null) => {
|
|
@@ -301,3 +314,6 @@ export const isValidDate = (date: string) => {
|
|
|
301
314
|
const d = new Date(date)
|
|
302
315
|
return d instanceof Date && d.getTime()
|
|
303
316
|
}
|
|
317
|
+
|
|
318
|
+
export const removeTimeFromDate = (date: Date) =>
|
|
319
|
+
new Date(date.getFullYear(), date.getMonth(), date.getDate())
|
|
@@ -3,10 +3,10 @@ import type { Placement } from '@popperjs/core'
|
|
|
3
3
|
|
|
4
4
|
import { usePopper } from '../../composables'
|
|
5
5
|
import type { Triggers } from '../../types'
|
|
6
|
-
import { isRTL } from '../../utils'
|
|
6
|
+
import { getNextActiveElement, isRTL } from '../../utils'
|
|
7
7
|
|
|
8
8
|
import type { Alignments } from './types'
|
|
9
|
-
import {
|
|
9
|
+
import { getPlacement } from './utils'
|
|
10
10
|
|
|
11
11
|
const CDropdown = defineComponent({
|
|
12
12
|
name: 'CDropdown',
|
|
@@ -228,6 +228,7 @@ const CDropdown = defineComponent({
|
|
|
228
228
|
) {
|
|
229
229
|
event.preventDefault()
|
|
230
230
|
const target = event.target as HTMLElement
|
|
231
|
+
// eslint-disable-next-line unicorn/prefer-spread
|
|
231
232
|
const items: HTMLElement[] = Array.from(
|
|
232
233
|
dropdownMenuRef.value.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'),
|
|
233
234
|
)
|
|
@@ -19,28 +19,6 @@ export const getAlignmentClassNames = (alignment: Alignments) => {
|
|
|
19
19
|
return classNames
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
export const getNextActiveElement = (
|
|
23
|
-
list: HTMLElement[],
|
|
24
|
-
activeElement: HTMLElement,
|
|
25
|
-
shouldGetNext: boolean,
|
|
26
|
-
isCycleAllowed: boolean,
|
|
27
|
-
) => {
|
|
28
|
-
const listLength = list.length
|
|
29
|
-
let index = list.indexOf(activeElement)
|
|
30
|
-
|
|
31
|
-
if (index === -1) {
|
|
32
|
-
return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
index += shouldGetNext ? 1 : -1
|
|
36
|
-
|
|
37
|
-
if (isCycleAllowed) {
|
|
38
|
-
index = (index + listLength) % listLength
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
return list[Math.max(0, Math.min(index, listLength - 1))]
|
|
42
|
-
}
|
|
43
|
-
|
|
44
22
|
export const getPlacement = (
|
|
45
23
|
placement: Placement,
|
|
46
24
|
direction: string | undefined,
|
|
@@ -355,6 +355,12 @@ const CMultiSelect = defineComponent({
|
|
|
355
355
|
|
|
356
356
|
emit('hide')
|
|
357
357
|
|
|
358
|
+
searchValue.value = ''
|
|
359
|
+
|
|
360
|
+
if (searchRef.value) {
|
|
361
|
+
searchRef.value.value = ''
|
|
362
|
+
}
|
|
363
|
+
|
|
358
364
|
window.removeEventListener('mouseup', handleMouseUp)
|
|
359
365
|
window.removeEventListener('keyup', handleKeyUp)
|
|
360
366
|
|
|
@@ -2,10 +2,10 @@ import { defineComponent, h, onMounted, PropType, ref, RendererElement, Transiti
|
|
|
2
2
|
import type { Placement } from '@popperjs/core'
|
|
3
3
|
|
|
4
4
|
import { CConditionalTeleport } from '../conditional-teleport'
|
|
5
|
-
import { usePopper } from '../../composables'
|
|
5
|
+
import { useUniqueId, usePopper } from '../../composables'
|
|
6
6
|
import type { Placements, Triggers } from '../../types'
|
|
7
7
|
import { executeAfterTransition } from '../../utils/transition'
|
|
8
|
-
import { getRTLPlacement
|
|
8
|
+
import { getRTLPlacement } from '../../utils'
|
|
9
9
|
|
|
10
10
|
const CPopover = defineComponent({
|
|
11
11
|
name: 'CPopover',
|
|
@@ -119,6 +119,7 @@ const CPopover = defineComponent({
|
|
|
119
119
|
const popoverRef = ref()
|
|
120
120
|
const uID = ref()
|
|
121
121
|
const visible = ref(props.visible)
|
|
122
|
+
const { getUID } = useUniqueId('popover')
|
|
122
123
|
const { initPopper, destroyPopper } = usePopper()
|
|
123
124
|
|
|
124
125
|
const delay =
|
|
@@ -149,7 +150,7 @@ const CPopover = defineComponent({
|
|
|
149
150
|
}
|
|
150
151
|
|
|
151
152
|
onMounted(() => {
|
|
152
|
-
uID.value = getUID(
|
|
153
|
+
uID.value = getUID()
|
|
153
154
|
})
|
|
154
155
|
|
|
155
156
|
const handleEnter = (el: RendererElement, done: () => void) => {
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { defineComponent, h, inject, Ref } from 'vue'
|
|
2
|
+
|
|
3
|
+
const CTab = defineComponent({
|
|
4
|
+
name: 'CTab',
|
|
5
|
+
props: {
|
|
6
|
+
/**
|
|
7
|
+
* Item key.
|
|
8
|
+
*/
|
|
9
|
+
itemKey: {
|
|
10
|
+
type: [Number, String],
|
|
11
|
+
required: true,
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
setup(props, { slots }) {
|
|
15
|
+
const activeItemKey = inject('activeItemKey') as Ref<number | string>
|
|
16
|
+
const id = inject('id') as Ref<number | string>
|
|
17
|
+
const setActiveItemKey = inject('setActiveItemKey') as (key: number | string) => void
|
|
18
|
+
|
|
19
|
+
const isActive = () => props.itemKey === activeItemKey.value
|
|
20
|
+
|
|
21
|
+
return () =>
|
|
22
|
+
h(
|
|
23
|
+
'button',
|
|
24
|
+
{
|
|
25
|
+
class: [
|
|
26
|
+
'nav-link',
|
|
27
|
+
{
|
|
28
|
+
active: isActive(),
|
|
29
|
+
},
|
|
30
|
+
],
|
|
31
|
+
id: `${props.itemKey}-tab-${id.value}`,
|
|
32
|
+
role: 'tab',
|
|
33
|
+
tabindex: isActive() ? 0 : -1,
|
|
34
|
+
type: 'button',
|
|
35
|
+
'aria-controls': `${props.itemKey}-tab-panel-${id.value}`,
|
|
36
|
+
'aria-selected': isActive(),
|
|
37
|
+
onClick: () => setActiveItemKey(props.itemKey),
|
|
38
|
+
onFocus: () => setActiveItemKey(props.itemKey),
|
|
39
|
+
},
|
|
40
|
+
slots.default && slots.default(),
|
|
41
|
+
)
|
|
42
|
+
},
|
|
43
|
+
})
|
|
44
|
+
|
|
45
|
+
export { CTab }
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { defineComponent, h, ref } from 'vue'
|
|
2
|
+
import { getNextActiveElement } from '../../utils'
|
|
3
|
+
|
|
4
|
+
const CTabList = defineComponent({
|
|
5
|
+
name: 'CTabList',
|
|
6
|
+
props: {
|
|
7
|
+
/**
|
|
8
|
+
* Specify a layout type for component.
|
|
9
|
+
*
|
|
10
|
+
* @values 'fill', 'justified'
|
|
11
|
+
*/
|
|
12
|
+
layout: {
|
|
13
|
+
type: String,
|
|
14
|
+
validator: (value: string) => {
|
|
15
|
+
return ['fill', 'justified'].includes(value)
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
/**
|
|
19
|
+
* Set the nav variant to tabs or pills.
|
|
20
|
+
*
|
|
21
|
+
* @values 'pills', 'tabs', 'underline', 'underline-border'
|
|
22
|
+
*/
|
|
23
|
+
variant: {
|
|
24
|
+
type: String,
|
|
25
|
+
validator: (value: string) => {
|
|
26
|
+
return ['pills', 'tabs', 'underline', 'underline-border'].includes(value)
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
setup(props, { slots }) {
|
|
31
|
+
const tabListRef = ref<HTMLDivElement>()
|
|
32
|
+
|
|
33
|
+
const handleKeydown = (event: KeyboardEvent) => {
|
|
34
|
+
if (
|
|
35
|
+
tabListRef.value &&
|
|
36
|
+
(event.key === 'ArrowDown' ||
|
|
37
|
+
event.key === 'ArrowUp' ||
|
|
38
|
+
event.key === 'ArrowLeft' ||
|
|
39
|
+
event.key === 'ArrowRight' ||
|
|
40
|
+
event.key === 'Home' ||
|
|
41
|
+
event.key === 'End')
|
|
42
|
+
) {
|
|
43
|
+
event.preventDefault()
|
|
44
|
+
const target = event.target as HTMLElement
|
|
45
|
+
// eslint-disable-next-line unicorn/prefer-spread
|
|
46
|
+
const items: HTMLElement[] = Array.from(
|
|
47
|
+
tabListRef.value.querySelectorAll('.nav-link:not(.disabled):not(:disabled)'),
|
|
48
|
+
)
|
|
49
|
+
|
|
50
|
+
let nextActiveElement
|
|
51
|
+
|
|
52
|
+
if (event.key === 'Home' || event.key === 'End') {
|
|
53
|
+
nextActiveElement = event.key === 'End' ? items.at(-1) : items[0]
|
|
54
|
+
} else {
|
|
55
|
+
nextActiveElement = getNextActiveElement(
|
|
56
|
+
items,
|
|
57
|
+
target,
|
|
58
|
+
event.key === 'ArrowDown' || event.key === 'ArrowRight',
|
|
59
|
+
true,
|
|
60
|
+
)
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
if (nextActiveElement) {
|
|
64
|
+
nextActiveElement.focus({ preventScroll: true })
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
return () =>
|
|
70
|
+
h(
|
|
71
|
+
'div',
|
|
72
|
+
{
|
|
73
|
+
class: [
|
|
74
|
+
'nav',
|
|
75
|
+
{
|
|
76
|
+
[`nav-${props.layout}`]: props.layout,
|
|
77
|
+
[`nav-${props.variant}`]: props.variant,
|
|
78
|
+
},
|
|
79
|
+
],
|
|
80
|
+
role: 'tablist',
|
|
81
|
+
onKeydown: (event) => handleKeydown(event),
|
|
82
|
+
ref: tabListRef,
|
|
83
|
+
},
|
|
84
|
+
slots.default && slots.default(),
|
|
85
|
+
)
|
|
86
|
+
},
|
|
87
|
+
})
|
|
88
|
+
|
|
89
|
+
export { CTabList }
|
|
@@ -5,6 +5,15 @@ import { executeAfterTransition } from '../../utils/transition'
|
|
|
5
5
|
const CTabPane = defineComponent({
|
|
6
6
|
name: 'CTabPane',
|
|
7
7
|
props: {
|
|
8
|
+
/**
|
|
9
|
+
* Enable fade in and fade out transition.
|
|
10
|
+
*
|
|
11
|
+
* @since 5.1.0
|
|
12
|
+
*/
|
|
13
|
+
transition: {
|
|
14
|
+
type: Boolean,
|
|
15
|
+
default: true,
|
|
16
|
+
},
|
|
8
17
|
/**
|
|
9
18
|
* Toggle the visibility of component.
|
|
10
19
|
*/
|
|
@@ -57,9 +66,9 @@ const CTabPane = defineComponent({
|
|
|
57
66
|
{
|
|
58
67
|
class: [
|
|
59
68
|
'tab-pane',
|
|
60
|
-
'fade',
|
|
61
69
|
{
|
|
62
70
|
active: props.visible,
|
|
71
|
+
fade: props.transition,
|
|
63
72
|
show: firstRender.value && props.visible,
|
|
64
73
|
},
|
|
65
74
|
],
|