@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
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var vue = require('vue');
|
|
4
|
+
|
|
5
|
+
const CTab = vue.defineComponent({
|
|
6
|
+
name: 'CTab',
|
|
7
|
+
props: {
|
|
8
|
+
/**
|
|
9
|
+
* Item key.
|
|
10
|
+
*/
|
|
11
|
+
itemKey: {
|
|
12
|
+
type: [Number, String],
|
|
13
|
+
required: true,
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
setup(props, { slots }) {
|
|
17
|
+
const activeItemKey = vue.inject('activeItemKey');
|
|
18
|
+
const id = vue.inject('id');
|
|
19
|
+
const setActiveItemKey = vue.inject('setActiveItemKey');
|
|
20
|
+
const isActive = () => props.itemKey === activeItemKey.value;
|
|
21
|
+
return () => vue.h('button', {
|
|
22
|
+
class: [
|
|
23
|
+
'nav-link',
|
|
24
|
+
{
|
|
25
|
+
active: isActive(),
|
|
26
|
+
},
|
|
27
|
+
],
|
|
28
|
+
id: `${props.itemKey}-tab-${id.value}`,
|
|
29
|
+
role: 'tab',
|
|
30
|
+
tabindex: isActive() ? 0 : -1,
|
|
31
|
+
type: 'button',
|
|
32
|
+
'aria-controls': `${props.itemKey}-tab-panel-${id.value}`,
|
|
33
|
+
'aria-selected': isActive(),
|
|
34
|
+
onClick: () => setActiveItemKey(props.itemKey),
|
|
35
|
+
onFocus: () => setActiveItemKey(props.itemKey),
|
|
36
|
+
}, slots.default && slots.default());
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
exports.CTab = CTab;
|
|
41
|
+
//# sourceMappingURL=CTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTab.js","sources":["../../../../src/components/tabs/CTab.ts"],"sourcesContent":[null],"names":["defineComponent","inject","h"],"mappings":";;;;AAEM,MAAA,IAAI,GAAGA,mBAAe,CAAC;AAC3B,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACtB,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,aAAa,GAAGC,UAAM,CAAC,eAAe,CAAyB,CAAA;AACrE,QAAA,MAAM,EAAE,GAAGA,UAAM,CAAC,IAAI,CAAyB,CAAA;AAC/C,QAAA,MAAM,gBAAgB,GAAGA,UAAM,CAAC,kBAAkB,CAAmC,CAAA;AAErF,QAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,KAAK,aAAa,CAAC,KAAK,CAAA;AAE5D,QAAA,OAAO,MACLC,KAAC,CACC,QAAQ,EACR;AACE,YAAA,KAAK,EAAE;gBACL,UAAU;AACV,gBAAA;oBACE,MAAM,EAAE,QAAQ,EAAE;AACnB,iBAAA;AACF,aAAA;YACD,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,CAAQ,KAAA,EAAA,EAAE,CAAC,KAAK,CAAE,CAAA;AACtC,YAAA,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;AAC7B,YAAA,IAAI,EAAE,QAAQ;YACd,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAc,WAAA,EAAA,EAAE,CAAC,KAAK,CAAE,CAAA;YACzD,eAAe,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC;YAC9C,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC;SAC/C,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
declare const CTabList: import("vue").DefineComponent<{
|
|
2
|
+
/**
|
|
3
|
+
* Specify a layout type for component.
|
|
4
|
+
*
|
|
5
|
+
* @values 'fill', 'justified'
|
|
6
|
+
*/
|
|
7
|
+
layout: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
validator: (value: string) => boolean;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Set the nav variant to tabs or pills.
|
|
13
|
+
*
|
|
14
|
+
* @values 'pills', 'tabs', 'underline', 'underline-border'
|
|
15
|
+
*/
|
|
16
|
+
variant: {
|
|
17
|
+
type: StringConstructor;
|
|
18
|
+
validator: (value: string) => boolean;
|
|
19
|
+
};
|
|
20
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
|
+
/**
|
|
24
|
+
* Specify a layout type for component.
|
|
25
|
+
*
|
|
26
|
+
* @values 'fill', 'justified'
|
|
27
|
+
*/
|
|
28
|
+
layout: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
validator: (value: string) => boolean;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Set the nav variant to tabs or pills.
|
|
34
|
+
*
|
|
35
|
+
* @values 'pills', 'tabs', 'underline', 'underline-border'
|
|
36
|
+
*/
|
|
37
|
+
variant: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
validator: (value: string) => boolean;
|
|
40
|
+
};
|
|
41
|
+
}>>, {}, {}>;
|
|
42
|
+
export { CTabList };
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var vue = require('vue');
|
|
4
|
+
var getNextActiveElement = require('../../utils/getNextActiveElement.js');
|
|
5
|
+
|
|
6
|
+
const CTabList = vue.defineComponent({
|
|
7
|
+
name: 'CTabList',
|
|
8
|
+
props: {
|
|
9
|
+
/**
|
|
10
|
+
* Specify a layout type for component.
|
|
11
|
+
*
|
|
12
|
+
* @values 'fill', 'justified'
|
|
13
|
+
*/
|
|
14
|
+
layout: {
|
|
15
|
+
type: String,
|
|
16
|
+
validator: (value) => {
|
|
17
|
+
return ['fill', 'justified'].includes(value);
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
/**
|
|
21
|
+
* Set the nav variant to tabs or pills.
|
|
22
|
+
*
|
|
23
|
+
* @values 'pills', 'tabs', 'underline', 'underline-border'
|
|
24
|
+
*/
|
|
25
|
+
variant: {
|
|
26
|
+
type: String,
|
|
27
|
+
validator: (value) => {
|
|
28
|
+
return ['pills', 'tabs', 'underline', 'underline-border'].includes(value);
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
setup(props, { slots }) {
|
|
33
|
+
const tabListRef = vue.ref();
|
|
34
|
+
const handleKeydown = (event) => {
|
|
35
|
+
if (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
|
+
event.preventDefault();
|
|
43
|
+
const target = event.target;
|
|
44
|
+
// eslint-disable-next-line unicorn/prefer-spread
|
|
45
|
+
const items = Array.from(tabListRef.value.querySelectorAll('.nav-link:not(.disabled):not(:disabled)'));
|
|
46
|
+
let nextActiveElement;
|
|
47
|
+
if (event.key === 'Home' || event.key === 'End') {
|
|
48
|
+
nextActiveElement = event.key === 'End' ? items.at(-1) : items[0];
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
nextActiveElement = getNextActiveElement.default(items, target, event.key === 'ArrowDown' || event.key === 'ArrowRight', true);
|
|
52
|
+
}
|
|
53
|
+
if (nextActiveElement) {
|
|
54
|
+
nextActiveElement.focus({ preventScroll: true });
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
return () => vue.h('div', {
|
|
59
|
+
class: [
|
|
60
|
+
'nav',
|
|
61
|
+
{
|
|
62
|
+
[`nav-${props.layout}`]: props.layout,
|
|
63
|
+
[`nav-${props.variant}`]: props.variant,
|
|
64
|
+
},
|
|
65
|
+
],
|
|
66
|
+
role: 'tablist',
|
|
67
|
+
onKeydown: (event) => handleKeydown(event),
|
|
68
|
+
ref: tabListRef,
|
|
69
|
+
}, slots.default && slots.default());
|
|
70
|
+
},
|
|
71
|
+
});
|
|
72
|
+
|
|
73
|
+
exports.CTabList = CTabList;
|
|
74
|
+
//# sourceMappingURL=CTabList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabList.js","sources":["../../../../src/components/tabs/CTabList.ts"],"sourcesContent":[null],"names":["defineComponent","ref","getNextActiveElement","h"],"mappings":";;;;;AAGM,MAAA,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC7C;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC1E;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,UAAU,GAAGC,OAAG,EAAkB,CAAA;AAExC,QAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;YAC7C,IACE,UAAU,CAAC,KAAK;AAChB,iBAAC,KAAK,CAAC,GAAG,KAAK,WAAW;oBACxB,KAAK,CAAC,GAAG,KAAK,SAAS;oBACvB,KAAK,CAAC,GAAG,KAAK,WAAW;oBACzB,KAAK,CAAC,GAAG,KAAK,YAAY;oBAC1B,KAAK,CAAC,GAAG,KAAK,MAAM;AACpB,oBAAA,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,EACtB;gBACA,KAAK,CAAC,cAAc,EAAE,CAAA;AACtB,gBAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAA;;AAE1C,gBAAA,MAAM,KAAK,GAAkB,KAAK,CAAC,IAAI,CACrC,UAAU,CAAC,KAAK,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,CAC7E,CAAA;AAED,gBAAA,IAAI,iBAAiB,CAAA;AAErB,gBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;oBAC/C,iBAAiB,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;iBAClE;qBAAM;oBACL,iBAAiB,GAAGC,4BAAoB,CACtC,KAAK,EACL,MAAM,EACN,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EACvD,IAAI,CACL,CAAA;iBACF;gBAED,IAAI,iBAAiB,EAAE;oBACrB,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;iBACjD;aACF;AACH,SAAC,CAAA;AAED,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,KAAK;AACL,gBAAA;oBACE,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM;oBACrC,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO;AACxC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,CAAC,KAAK,KAAK,aAAa,CAAC,KAAK,CAAC;AAC1C,YAAA,GAAG,EAAE,UAAU;SAChB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import { RendererElement } from 'vue';
|
|
2
2
|
declare const CTabPane: import("vue").DefineComponent<{
|
|
3
|
+
/**
|
|
4
|
+
* Enable fade in and fade out transition.
|
|
5
|
+
*
|
|
6
|
+
* @since 5.1.0
|
|
7
|
+
*/
|
|
8
|
+
transition: {
|
|
9
|
+
type: BooleanConstructor;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
3
12
|
/**
|
|
4
13
|
* Toggle the visibility of component.
|
|
5
14
|
*/
|
|
@@ -10,6 +19,15 @@ declare const CTabPane: import("vue").DefineComponent<{
|
|
|
10
19
|
}, () => import("vue").VNode<import("vue").RendererNode, RendererElement, {
|
|
11
20
|
[key: string]: any;
|
|
12
21
|
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
/**
|
|
23
|
+
* Enable fade in and fade out transition.
|
|
24
|
+
*
|
|
25
|
+
* @since 5.1.0
|
|
26
|
+
*/
|
|
27
|
+
transition: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
13
31
|
/**
|
|
14
32
|
* Toggle the visibility of component.
|
|
15
33
|
*/
|
|
@@ -21,6 +39,7 @@ declare const CTabPane: import("vue").DefineComponent<{
|
|
|
21
39
|
onHide?: ((...args: any[]) => any) | undefined;
|
|
22
40
|
onShow?: ((...args: any[]) => any) | undefined;
|
|
23
41
|
}, {
|
|
42
|
+
transition: boolean;
|
|
24
43
|
visible: boolean;
|
|
25
44
|
}, {}>;
|
|
26
45
|
export { CTabPane };
|
|
@@ -6,6 +6,15 @@ var transition = require('../../utils/transition.js');
|
|
|
6
6
|
const CTabPane = vue.defineComponent({
|
|
7
7
|
name: 'CTabPane',
|
|
8
8
|
props: {
|
|
9
|
+
/**
|
|
10
|
+
* Enable fade in and fade out transition.
|
|
11
|
+
*
|
|
12
|
+
* @since 5.1.0
|
|
13
|
+
*/
|
|
14
|
+
transition: {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
default: true,
|
|
17
|
+
},
|
|
9
18
|
/**
|
|
10
19
|
* Toggle the visibility of component.
|
|
11
20
|
*/
|
|
@@ -47,9 +56,9 @@ const CTabPane = vue.defineComponent({
|
|
|
47
56
|
}, () => vue.withDirectives(vue.h('div', {
|
|
48
57
|
class: [
|
|
49
58
|
'tab-pane',
|
|
50
|
-
'fade',
|
|
51
59
|
{
|
|
52
60
|
active: props.visible,
|
|
61
|
+
fade: props.transition,
|
|
53
62
|
show: firstRender.value && props.visible,
|
|
54
63
|
},
|
|
55
64
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.ts"],"sourcesContent":[null],"names":["defineComponent","ref","executeAfterTransition","h","Transition","withDirectives","vShow"],"mappings":";;;;;AAIM,MAAA,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,MAAM;AACN;;AAEG;QACH,MAAM;AACP,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,QAAA,MAAM,UAAU,GAAGC,OAAG,EAAE,CAAA;AACxB,QAAA,MAAM,WAAW,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAA;AAE7B,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;YACZ,UAAU,CAAC,MAAK;gBACdC,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACvD,gBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;aACzB,EAAE,CAAC,CAAC,CAAA;AACP,SAAC,CAAA;AAED,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;AACZ,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YAC3BA,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACzD,SAAC,CAAA;AAED,QAAA,OAAO,MACLC,KAAC,CACCC,cAAU,EACV;AACE,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;AAC5C,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;SAC7C,EACD,MACEC,kBAAc,CACZF,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,UAAU;
|
|
1
|
+
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.ts"],"sourcesContent":[null],"names":["defineComponent","ref","executeAfterTransition","h","Transition","withDirectives","vShow"],"mappings":";;;;;AAIM,MAAA,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,MAAM;AACN;;AAEG;QACH,MAAM;AACP,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,QAAA,MAAM,UAAU,GAAGC,OAAG,EAAE,CAAA;AACxB,QAAA,MAAM,WAAW,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAA;AAE7B,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;YACZ,UAAU,CAAC,MAAK;gBACdC,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACvD,gBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;aACzB,EAAE,CAAC,CAAC,CAAA;AACP,SAAC,CAAA;AAED,QAAA,MAAM,WAAW,GAAG,CAAC,EAAmB,EAAE,IAAgB,KAAI;AAC5D,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,IAAI,CAAC,MAAM,CAAC,CAAA;AACZ,YAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YAC3BA,iCAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACzD,SAAC,CAAA;AAED,QAAA,OAAO,MACLC,KAAC,CACCC,cAAU,EACV;AACE,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;AAC5C,YAAA,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,KAAK,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC;SAC7C,EACD,MACEC,kBAAc,CACZF,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,UAAU;AACV,gBAAA;oBACE,MAAM,EAAE,KAAK,CAAC,OAAO;oBACrB,IAAI,EAAE,KAAK,CAAC,UAAU;AACtB,oBAAA,IAAI,EAAE,WAAW,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO;AACzC,iBAAA;AACF,aAAA;AACD,YAAA,GAAG,EAAE,UAAU;SAChB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,EACD,CAAC,CAACG,SAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CACzB,CACJ,CAAA;KACJ;AACF,CAAA;;;;"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { RendererElement } from 'vue';
|
|
2
|
+
declare const CTabPanel: import("vue").DefineComponent<{
|
|
3
|
+
/**
|
|
4
|
+
* Item key.
|
|
5
|
+
*/
|
|
6
|
+
itemKey: {
|
|
7
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Enable fade in and fade out transition.
|
|
12
|
+
*/
|
|
13
|
+
transition: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
default: boolean;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Toggle the visibility of component.
|
|
19
|
+
*/
|
|
20
|
+
visible: {
|
|
21
|
+
type: BooleanConstructor;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
24
|
+
}, () => import("vue").VNode<import("vue").RendererNode, RendererElement, {
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
+
/**
|
|
28
|
+
* Item key.
|
|
29
|
+
*/
|
|
30
|
+
itemKey: {
|
|
31
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
32
|
+
required: true;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* Enable fade in and fade out transition.
|
|
36
|
+
*/
|
|
37
|
+
transition: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* Toggle the visibility of component.
|
|
43
|
+
*/
|
|
44
|
+
visible: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
default: boolean;
|
|
47
|
+
};
|
|
48
|
+
}>> & {
|
|
49
|
+
onHide?: ((...args: any[]) => any) | undefined;
|
|
50
|
+
onShow?: ((...args: any[]) => any) | undefined;
|
|
51
|
+
}, {
|
|
52
|
+
transition: boolean;
|
|
53
|
+
visible: boolean;
|
|
54
|
+
}, {}>;
|
|
55
|
+
export { CTabPanel };
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var vue = require('vue');
|
|
4
|
+
var transition = require('../../utils/transition.js');
|
|
5
|
+
|
|
6
|
+
const CTabPanel = vue.defineComponent({
|
|
7
|
+
name: 'CTabPanel',
|
|
8
|
+
props: {
|
|
9
|
+
/**
|
|
10
|
+
* Item key.
|
|
11
|
+
*/
|
|
12
|
+
itemKey: {
|
|
13
|
+
type: [Number, String],
|
|
14
|
+
required: true,
|
|
15
|
+
},
|
|
16
|
+
/**
|
|
17
|
+
* Enable fade in and fade out transition.
|
|
18
|
+
*/
|
|
19
|
+
transition: {
|
|
20
|
+
type: Boolean,
|
|
21
|
+
default: true,
|
|
22
|
+
},
|
|
23
|
+
/**
|
|
24
|
+
* Toggle the visibility of component.
|
|
25
|
+
*/
|
|
26
|
+
visible: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: false,
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
emits: [
|
|
32
|
+
/**
|
|
33
|
+
* Callback fired when the component requests to be hidden.
|
|
34
|
+
*/
|
|
35
|
+
'hide',
|
|
36
|
+
/**
|
|
37
|
+
* Callback fired when the component requests to be shown.
|
|
38
|
+
*/
|
|
39
|
+
'show',
|
|
40
|
+
],
|
|
41
|
+
setup(props, { slots, emit }) {
|
|
42
|
+
const activeItemKey = vue.inject('activeItemKey');
|
|
43
|
+
const id = vue.inject('id');
|
|
44
|
+
const tabPaneRef = vue.ref();
|
|
45
|
+
const firstRender = vue.ref(true);
|
|
46
|
+
const visible = vue.ref();
|
|
47
|
+
vue.watch(() => props.visible, () => {
|
|
48
|
+
visible.value = props.visible;
|
|
49
|
+
}, {
|
|
50
|
+
immediate: true,
|
|
51
|
+
});
|
|
52
|
+
vue.watch(activeItemKey, () => {
|
|
53
|
+
visible.value = Boolean(activeItemKey.value === props.itemKey);
|
|
54
|
+
}, {
|
|
55
|
+
immediate: true,
|
|
56
|
+
});
|
|
57
|
+
const handleEnter = (el, done) => {
|
|
58
|
+
firstRender.value = false;
|
|
59
|
+
emit('show');
|
|
60
|
+
setTimeout(() => {
|
|
61
|
+
transition.executeAfterTransition(() => done(), el);
|
|
62
|
+
el.classList.add('show');
|
|
63
|
+
}, 1);
|
|
64
|
+
};
|
|
65
|
+
const handleLeave = (el, done) => {
|
|
66
|
+
firstRender.value = false;
|
|
67
|
+
emit('hide');
|
|
68
|
+
el.classList.remove('show');
|
|
69
|
+
transition.executeAfterTransition(() => done(), el);
|
|
70
|
+
};
|
|
71
|
+
return () => vue.h(vue.Transition, {
|
|
72
|
+
onEnter: (el, done) => handleEnter(el, done),
|
|
73
|
+
onLeave: (el, done) => handleLeave(el, done),
|
|
74
|
+
}, () => vue.withDirectives(vue.h('div', {
|
|
75
|
+
class: [
|
|
76
|
+
'tab-pane',
|
|
77
|
+
{
|
|
78
|
+
active: visible.value,
|
|
79
|
+
fade: props.transition,
|
|
80
|
+
show: firstRender.value && visible.value,
|
|
81
|
+
},
|
|
82
|
+
],
|
|
83
|
+
id: `${props.itemKey}-tab-panel-${id.value}`,
|
|
84
|
+
role: 'tabpanel',
|
|
85
|
+
'aria-labelledby': `${props.itemKey}-tab-${id.value}`,
|
|
86
|
+
tabindex: 0,
|
|
87
|
+
ref: tabPaneRef,
|
|
88
|
+
}, slots.default && slots.default()), [[vue.vShow, visible.value]]));
|
|
89
|
+
},
|
|
90
|
+
});
|
|
91
|
+
|
|
92
|
+
exports.CTabPanel = CTabPanel;
|
|
93
|
+
//# sourceMappingURL=CTabPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabPanel.js","sources":["../../../../src/components/tabs/CTabPanel.ts"],"sourcesContent":[null],"names":["defineComponent","inject","ref","watch","executeAfterTransition","h","Transition","withDirectives","vShow"],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
declare const CTabs: import("vue").DefineComponent<{
|
|
2
|
+
/**
|
|
3
|
+
* The active item key.
|
|
4
|
+
*/
|
|
5
|
+
activeItemKey: {
|
|
6
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
7
|
+
required: true;
|
|
8
|
+
};
|
|
9
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
10
|
+
[key: string]: any;
|
|
11
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
12
|
+
/**
|
|
13
|
+
* The active item key.
|
|
14
|
+
*/
|
|
15
|
+
activeItemKey: {
|
|
16
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
}>> & {
|
|
20
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
21
|
+
}, {}, {}>;
|
|
22
|
+
export { CTabs };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var vue = require('vue');
|
|
4
|
+
require('@popperjs/core');
|
|
5
|
+
var useUniqueId = require('../../composables/useUniqueId.js');
|
|
6
|
+
|
|
7
|
+
const CTabs = vue.defineComponent({
|
|
8
|
+
name: 'CTabs',
|
|
9
|
+
props: {
|
|
10
|
+
/**
|
|
11
|
+
* The active item key.
|
|
12
|
+
*/
|
|
13
|
+
activeItemKey: {
|
|
14
|
+
type: [Number, String],
|
|
15
|
+
required: true,
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
emits: [
|
|
19
|
+
/**
|
|
20
|
+
* The callback is fired when the active tab changes.
|
|
21
|
+
*/
|
|
22
|
+
'change',
|
|
23
|
+
],
|
|
24
|
+
setup(props, { slots, emit }) {
|
|
25
|
+
const { getUID } = useUniqueId.useUniqueId();
|
|
26
|
+
const uID = vue.ref(getUID());
|
|
27
|
+
const activeItemKey = vue.ref(props.activeItemKey);
|
|
28
|
+
const setActiveItemKey = (key) => {
|
|
29
|
+
activeItemKey.value = key;
|
|
30
|
+
};
|
|
31
|
+
vue.watch(() => props.activeItemKey, (value) => {
|
|
32
|
+
activeItemKey.value = value;
|
|
33
|
+
emit('change', value);
|
|
34
|
+
});
|
|
35
|
+
vue.provide('activeItemKey', activeItemKey);
|
|
36
|
+
vue.provide('id', uID);
|
|
37
|
+
vue.provide('setActiveItemKey', setActiveItemKey);
|
|
38
|
+
return () => vue.h('div', { class: 'tabs' }, slots.default && slots.default());
|
|
39
|
+
},
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
exports.CTabs = CTabs;
|
|
43
|
+
//# sourceMappingURL=CTabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabs.js","sources":["../../../../src/components/tabs/CTabs.ts"],"sourcesContent":[null],"names":["defineComponent","useUniqueId","ref","watch","provide","h"],"mappings":";;;;;;AAGM,MAAA,KAAK,GAAGA,mBAAe,CAAC;AAC5B,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,aAAa,EAAE;AACb,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACtB,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,QAAQ;AACT,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,QAAA,MAAM,EAAE,MAAM,EAAE,GAAGC,uBAAW,EAAE,CAAA;AAChC,QAAA,MAAM,GAAG,GAAGC,OAAG,CAAC,MAAM,EAAE,CAAC,CAAA;QACzB,MAAM,aAAa,GAAGA,OAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;AAC9C,QAAA,MAAM,gBAAgB,GAAG,CAAC,GAAoB,KAAI;AAChD,YAAA,aAAa,CAAC,KAAK,GAAG,GAAG,CAAA;AAC3B,SAAC,CAAA;QAEDC,SAAK,CACH,MAAM,KAAK,CAAC,aAAa,EACzB,CAAC,KAAK,KAAI;AACR,YAAA,aAAa,CAAC,KAAK,GAAG,KAAK,CAAA;AAC3B,YAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;AACvB,SAAC,CACF,CAAA;AAED,QAAAC,WAAO,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;AACvC,QAAAA,WAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;AAClB,QAAAA,WAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;QAE7C,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAC3E;AACF,CAAA;;;;"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
|
+
import { CTab } from './CTab';
|
|
2
3
|
import { CTabContent } from './CTabContent';
|
|
4
|
+
import { CTabList } from './CTabList';
|
|
3
5
|
import { CTabPane } from './CTabPane';
|
|
6
|
+
import { CTabPanel } from './CTabPanel';
|
|
7
|
+
import { CTabs } from './CTabs';
|
|
4
8
|
declare const CTabsPlugin: {
|
|
5
9
|
install: (app: App) => void;
|
|
6
10
|
};
|
|
7
|
-
export { CTabsPlugin, CTabContent, CTabPane };
|
|
11
|
+
export { CTabsPlugin, CTab, CTabContent, CTabList, CTabPane, CTabPanel, CTabs };
|
|
@@ -1,16 +1,28 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var CTab = require('./CTab.js');
|
|
3
4
|
var CTabContent = require('./CTabContent.js');
|
|
5
|
+
var CTabList = require('./CTabList.js');
|
|
4
6
|
var CTabPane = require('./CTabPane.js');
|
|
7
|
+
var CTabPanel = require('./CTabPanel.js');
|
|
8
|
+
var CTabs = require('./CTabs.js');
|
|
5
9
|
|
|
6
10
|
const CTabsPlugin = {
|
|
7
11
|
install: (app) => {
|
|
12
|
+
app.component(CTab.CTab.name, CTab.CTab);
|
|
8
13
|
app.component(CTabContent.CTabContent.name, CTabContent.CTabContent);
|
|
14
|
+
app.component(CTabList.CTabList.name, CTabList.CTabList);
|
|
9
15
|
app.component(CTabPane.CTabPane.name, CTabPane.CTabPane);
|
|
16
|
+
app.component(CTabPanel.CTabPanel.name, CTabPanel.CTabPanel);
|
|
17
|
+
app.component(CTabs.CTabs.name, CTabs.CTabs);
|
|
10
18
|
},
|
|
11
19
|
};
|
|
12
20
|
|
|
21
|
+
exports.CTab = CTab.CTab;
|
|
13
22
|
exports.CTabContent = CTabContent.CTabContent;
|
|
23
|
+
exports.CTabList = CTabList.CTabList;
|
|
14
24
|
exports.CTabPane = CTabPane.CTabPane;
|
|
25
|
+
exports.CTabPanel = CTabPanel.CTabPanel;
|
|
26
|
+
exports.CTabs = CTabs.CTabs;
|
|
15
27
|
exports.CTabsPlugin = CTabsPlugin;
|
|
16
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":[null],"names":["CTabContent","CTabPane"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":[null],"names":["CTab","CTabContent","CTabList","CTabPane","CTabPanel","CTabs"],"mappings":";;;;;;;;;AAQA,MAAM,WAAW,GAAG;AAClB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,SAAI,CAAC,IAAc,EAAEA,SAAI,CAAC,CAAA;QACxC,GAAG,CAAC,SAAS,CAACC,uBAAW,CAAC,IAAc,EAAEA,uBAAW,CAAC,CAAA;QACtD,GAAG,CAAC,SAAS,CAACC,iBAAQ,CAAC,IAAc,EAAEA,iBAAQ,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAACC,iBAAQ,CAAC,IAAc,EAAEA,iBAAQ,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAACC,mBAAS,CAAC,IAAc,EAAEA,mBAAS,CAAC,CAAA;QAClD,GAAG,CAAC,SAAS,CAACC,WAAK,CAAC,IAAc,EAAEA,WAAK,CAAC,CAAA;KAC3C;;;;;;;;;;;"}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
var vue = require('vue');
|
|
4
4
|
var CConditionalTeleport = require('../conditional-teleport/CConditionalTeleport.js');
|
|
5
5
|
var usePopper = require('../../composables/usePopper.js');
|
|
6
|
+
var useUniqueId = require('../../composables/useUniqueId.js');
|
|
6
7
|
var transition = require('../../utils/transition.js');
|
|
7
8
|
var getRTLPlacement = require('../../utils/getRTLPlacement.js');
|
|
8
|
-
var getUID = require('../../utils/getUID.js');
|
|
9
9
|
|
|
10
10
|
const CTooltip = vue.defineComponent({
|
|
11
11
|
name: 'CTooltip',
|
|
@@ -115,6 +115,7 @@ const CTooltip = vue.defineComponent({
|
|
|
115
115
|
const tooltipRef = vue.ref();
|
|
116
116
|
const uID = vue.ref();
|
|
117
117
|
const visible = vue.ref(props.visible);
|
|
118
|
+
const { getUID } = useUniqueId.useUniqueId('popover');
|
|
118
119
|
const { initPopper, destroyPopper } = usePopper.usePopper();
|
|
119
120
|
const delay = typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay;
|
|
120
121
|
const popperConfig = {
|
|
@@ -141,7 +142,7 @@ const CTooltip = vue.defineComponent({
|
|
|
141
142
|
placement: getRTLPlacement.default(props.placement, togglerRef.value),
|
|
142
143
|
};
|
|
143
144
|
vue.onMounted(() => {
|
|
144
|
-
uID.value = getUID
|
|
145
|
+
uID.value = getUID();
|
|
145
146
|
});
|
|
146
147
|
const handleEnter = (el, done) => {
|
|
147
148
|
emit('show');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.ts"],"sourcesContent":[null],"names":["defineComponent","ref","usePopper","getRTLPlacement","onMounted","
|
|
1
|
+
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.ts"],"sourcesContent":[null],"names":["defineComponent","ref","useUniqueId","usePopper","getRTLPlacement","onMounted","executeAfterTransition","h","CConditionalTeleport","Transition"],"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,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var vue = require('vue');
|
|
4
|
+
|
|
5
|
+
const useUniqueId = (prefix = '') => {
|
|
6
|
+
const ids = vue.ref([]);
|
|
7
|
+
const getUID = () => {
|
|
8
|
+
do {
|
|
9
|
+
prefix += Math.floor(Math.random() * 1_000_000);
|
|
10
|
+
} while (ids.value.includes(prefix));
|
|
11
|
+
ids.value.push(prefix);
|
|
12
|
+
return prefix;
|
|
13
|
+
};
|
|
14
|
+
return {
|
|
15
|
+
getUID,
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
exports.useUniqueId = useUniqueId;
|
|
20
|
+
//# sourceMappingURL=useUniqueId.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUniqueId.js","sources":["../../../src/composables/useUniqueId.ts"],"sourcesContent":[null],"names":["ref"],"mappings":";;;;MAEa,WAAW,GAAG,CAAC,MAAiB,GAAA,EAAE,KAAI;AACjD,IAAA,MAAM,GAAG,GAAGA,OAAG,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;;;;"}
|
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var core = require('@popperjs/core');
|
|
6
|
-
|
|
6
|
+
require('vue');
|
|
7
|
+
var useUniqueId = require('../composables/useUniqueId.js');
|
|
7
8
|
|
|
8
9
|
const createPopoverElement = (id, header, content) => {
|
|
9
10
|
const popover = document.createElement('div');
|
|
@@ -42,6 +43,7 @@ var vCPopover = {
|
|
|
42
43
|
name: 'c-popover',
|
|
43
44
|
uid: '',
|
|
44
45
|
mounted(el, binding) {
|
|
46
|
+
const { getUID } = useUniqueId.useUniqueId('popover');
|
|
45
47
|
const value = binding.value;
|
|
46
48
|
const content = typeof value === 'string' ? value : value.content ?? '';
|
|
47
49
|
const header = value.header ?? '';
|
|
@@ -60,7 +62,7 @@ var vCPopover = {
|
|
|
60
62
|
},
|
|
61
63
|
],
|
|
62
64
|
};
|
|
63
|
-
const uID = getUID
|
|
65
|
+
const uID = getUID();
|
|
64
66
|
binding.arg = uID;
|
|
65
67
|
const popover = createPopoverElement(uID, header, content);
|
|
66
68
|
trigger.includes('click') &&
|