@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":"CMultiSelectSelection.js","sources":["../../../../src/components/multi-select/CMultiSelectSelection.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CMultiSelectSelection.js","sources":["../../../../src/components/multi-select/CMultiSelectSelection.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, h, Transition } from 'vue';
|
|
2
2
|
import { CConditionalTeleport } from '../conditional-teleport/CConditionalTeleport.js';
|
|
3
3
|
import { usePopper } from '../../composables/usePopper.js';
|
|
4
|
+
import { useUniqueId } from '../../composables/useUniqueId.js';
|
|
4
5
|
import { executeAfterTransition } from '../../utils/transition.js';
|
|
5
6
|
import getRTLPlacement from '../../utils/getRTLPlacement.js';
|
|
6
|
-
import getUID from '../../utils/getUID.js';
|
|
7
7
|
|
|
8
8
|
const CPopover = defineComponent({
|
|
9
9
|
name: 'CPopover',
|
|
@@ -117,6 +117,7 @@ const CPopover = defineComponent({
|
|
|
117
117
|
const popoverRef = ref();
|
|
118
118
|
const uID = ref();
|
|
119
119
|
const visible = ref(props.visible);
|
|
120
|
+
const { getUID } = useUniqueId('popover');
|
|
120
121
|
const { initPopper, destroyPopper } = usePopper();
|
|
121
122
|
const delay = typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay;
|
|
122
123
|
const popperConfig = {
|
|
@@ -143,7 +144,7 @@ const CPopover = defineComponent({
|
|
|
143
144
|
placement: getRTLPlacement(props.placement, togglerRef.value),
|
|
144
145
|
};
|
|
145
146
|
onMounted(() => {
|
|
146
|
-
uID.value = getUID(
|
|
147
|
+
uID.value = getUID();
|
|
147
148
|
});
|
|
148
149
|
const handleEnter = (el, done) => {
|
|
149
150
|
emit('show');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.ts"],"sourcesContent":[null],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
declare const CTab: import("vue").DefineComponent<{
|
|
2
|
+
/**
|
|
3
|
+
* Item key.
|
|
4
|
+
*/
|
|
5
|
+
itemKey: {
|
|
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, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
12
|
+
/**
|
|
13
|
+
* Item key.
|
|
14
|
+
*/
|
|
15
|
+
itemKey: {
|
|
16
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
}>>, {}, {}>;
|
|
20
|
+
export { CTab };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { defineComponent, inject, h } 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');
|
|
16
|
+
const id = inject('id');
|
|
17
|
+
const setActiveItemKey = inject('setActiveItemKey');
|
|
18
|
+
const isActive = () => props.itemKey === activeItemKey.value;
|
|
19
|
+
return () => h('button', {
|
|
20
|
+
class: [
|
|
21
|
+
'nav-link',
|
|
22
|
+
{
|
|
23
|
+
active: isActive(),
|
|
24
|
+
},
|
|
25
|
+
],
|
|
26
|
+
id: `${props.itemKey}-tab-${id.value}`,
|
|
27
|
+
role: 'tab',
|
|
28
|
+
tabindex: isActive() ? 0 : -1,
|
|
29
|
+
type: 'button',
|
|
30
|
+
'aria-controls': `${props.itemKey}-tab-panel-${id.value}`,
|
|
31
|
+
'aria-selected': isActive(),
|
|
32
|
+
onClick: () => setActiveItemKey(props.itemKey),
|
|
33
|
+
onFocus: () => setActiveItemKey(props.itemKey),
|
|
34
|
+
}, slots.default && slots.default());
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
export { CTab };
|
|
39
|
+
//# sourceMappingURL=CTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTab.js","sources":["../../../../src/components/tabs/CTab.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,IAAI,GAAG,eAAe,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,GAAG,MAAM,CAAC,eAAe,CAAyB,CAAA;AACrE,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,CAAyB,CAAA;AAC/C,QAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAmC,CAAA;AAErF,QAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,KAAK,aAAa,CAAC,KAAK,CAAA;AAE5D,QAAA,OAAO,MACL,CAAC,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,72 @@
|
|
|
1
|
+
import { defineComponent, ref, h } from 'vue';
|
|
2
|
+
import getNextActiveElement from '../../utils/getNextActiveElement.js';
|
|
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) => {
|
|
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) => {
|
|
26
|
+
return ['pills', 'tabs', 'underline', 'underline-border'].includes(value);
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
setup(props, { slots }) {
|
|
31
|
+
const tabListRef = ref();
|
|
32
|
+
const handleKeydown = (event) => {
|
|
33
|
+
if (tabListRef.value &&
|
|
34
|
+
(event.key === 'ArrowDown' ||
|
|
35
|
+
event.key === 'ArrowUp' ||
|
|
36
|
+
event.key === 'ArrowLeft' ||
|
|
37
|
+
event.key === 'ArrowRight' ||
|
|
38
|
+
event.key === 'Home' ||
|
|
39
|
+
event.key === 'End')) {
|
|
40
|
+
event.preventDefault();
|
|
41
|
+
const target = event.target;
|
|
42
|
+
// eslint-disable-next-line unicorn/prefer-spread
|
|
43
|
+
const items = Array.from(tabListRef.value.querySelectorAll('.nav-link:not(.disabled):not(:disabled)'));
|
|
44
|
+
let nextActiveElement;
|
|
45
|
+
if (event.key === 'Home' || event.key === 'End') {
|
|
46
|
+
nextActiveElement = event.key === 'End' ? items.at(-1) : items[0];
|
|
47
|
+
}
|
|
48
|
+
else {
|
|
49
|
+
nextActiveElement = getNextActiveElement(items, target, event.key === 'ArrowDown' || event.key === 'ArrowRight', true);
|
|
50
|
+
}
|
|
51
|
+
if (nextActiveElement) {
|
|
52
|
+
nextActiveElement.focus({ preventScroll: true });
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
return () => h('div', {
|
|
57
|
+
class: [
|
|
58
|
+
'nav',
|
|
59
|
+
{
|
|
60
|
+
[`nav-${props.layout}`]: props.layout,
|
|
61
|
+
[`nav-${props.variant}`]: props.variant,
|
|
62
|
+
},
|
|
63
|
+
],
|
|
64
|
+
role: 'tablist',
|
|
65
|
+
onKeydown: (event) => handleKeydown(event),
|
|
66
|
+
ref: tabListRef,
|
|
67
|
+
}, slots.default && slots.default());
|
|
68
|
+
},
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
export { CTabList };
|
|
72
|
+
//# sourceMappingURL=CTabList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabList.js","sources":["../../../../src/components/tabs/CTabList.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGM,MAAA,QAAQ,GAAG,eAAe,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,GAAG,GAAG,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,GAAG,oBAAoB,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,MACL,CAAC,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 };
|
|
@@ -4,6 +4,15 @@ import { executeAfterTransition } from '../../utils/transition.js';
|
|
|
4
4
|
const CTabPane = defineComponent({
|
|
5
5
|
name: 'CTabPane',
|
|
6
6
|
props: {
|
|
7
|
+
/**
|
|
8
|
+
* Enable fade in and fade out transition.
|
|
9
|
+
*
|
|
10
|
+
* @since 5.1.0
|
|
11
|
+
*/
|
|
12
|
+
transition: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
default: true,
|
|
15
|
+
},
|
|
7
16
|
/**
|
|
8
17
|
* Toggle the visibility of component.
|
|
9
18
|
*/
|
|
@@ -45,9 +54,9 @@ const CTabPane = defineComponent({
|
|
|
45
54
|
}, () => withDirectives(h('div', {
|
|
46
55
|
class: [
|
|
47
56
|
'tab-pane',
|
|
48
|
-
'fade',
|
|
49
57
|
{
|
|
50
58
|
active: props.visible,
|
|
59
|
+
fade: props.transition,
|
|
51
60
|
show: firstRender.value && props.visible,
|
|
52
61
|
},
|
|
53
62
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,QAAQ,GAAG,eAAe,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,GAAG,GAAG,EAAE,CAAA;AACxB,QAAA,MAAM,WAAW,GAAG,GAAG,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;gBACd,sBAAsB,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;YAC3B,sBAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACzD,SAAC,CAAA;AAED,QAAA,OAAO,MACL,CAAC,CACC,UAAU,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,MACE,cAAc,CACZ,CAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,UAAU;
|
|
1
|
+
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,QAAQ,GAAG,eAAe,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,GAAG,GAAG,EAAE,CAAA;AACxB,QAAA,MAAM,WAAW,GAAG,GAAG,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;gBACd,sBAAsB,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;YAC3B,sBAAsB,CAAC,MAAM,IAAI,EAAE,EAAE,EAAiB,CAAC,CAAA;AACzD,SAAC,CAAA;AAED,QAAA,OAAO,MACL,CAAC,CACC,UAAU,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,MACE,cAAc,CACZ,CAAC,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,CAAC,KAAK,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,91 @@
|
|
|
1
|
+
import { defineComponent, inject, ref, watch, h, Transition, withDirectives, vShow } from 'vue';
|
|
2
|
+
import { executeAfterTransition } from '../../utils/transition.js';
|
|
3
|
+
|
|
4
|
+
const CTabPanel = defineComponent({
|
|
5
|
+
name: 'CTabPanel',
|
|
6
|
+
props: {
|
|
7
|
+
/**
|
|
8
|
+
* Item key.
|
|
9
|
+
*/
|
|
10
|
+
itemKey: {
|
|
11
|
+
type: [Number, String],
|
|
12
|
+
required: true,
|
|
13
|
+
},
|
|
14
|
+
/**
|
|
15
|
+
* Enable fade in and fade out transition.
|
|
16
|
+
*/
|
|
17
|
+
transition: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
default: true,
|
|
20
|
+
},
|
|
21
|
+
/**
|
|
22
|
+
* Toggle the visibility of component.
|
|
23
|
+
*/
|
|
24
|
+
visible: {
|
|
25
|
+
type: Boolean,
|
|
26
|
+
default: false,
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
emits: [
|
|
30
|
+
/**
|
|
31
|
+
* Callback fired when the component requests to be hidden.
|
|
32
|
+
*/
|
|
33
|
+
'hide',
|
|
34
|
+
/**
|
|
35
|
+
* Callback fired when the component requests to be shown.
|
|
36
|
+
*/
|
|
37
|
+
'show',
|
|
38
|
+
],
|
|
39
|
+
setup(props, { slots, emit }) {
|
|
40
|
+
const activeItemKey = inject('activeItemKey');
|
|
41
|
+
const id = inject('id');
|
|
42
|
+
const tabPaneRef = ref();
|
|
43
|
+
const firstRender = ref(true);
|
|
44
|
+
const visible = ref();
|
|
45
|
+
watch(() => props.visible, () => {
|
|
46
|
+
visible.value = props.visible;
|
|
47
|
+
}, {
|
|
48
|
+
immediate: true,
|
|
49
|
+
});
|
|
50
|
+
watch(activeItemKey, () => {
|
|
51
|
+
visible.value = Boolean(activeItemKey.value === props.itemKey);
|
|
52
|
+
}, {
|
|
53
|
+
immediate: true,
|
|
54
|
+
});
|
|
55
|
+
const handleEnter = (el, done) => {
|
|
56
|
+
firstRender.value = false;
|
|
57
|
+
emit('show');
|
|
58
|
+
setTimeout(() => {
|
|
59
|
+
executeAfterTransition(() => done(), el);
|
|
60
|
+
el.classList.add('show');
|
|
61
|
+
}, 1);
|
|
62
|
+
};
|
|
63
|
+
const handleLeave = (el, done) => {
|
|
64
|
+
firstRender.value = false;
|
|
65
|
+
emit('hide');
|
|
66
|
+
el.classList.remove('show');
|
|
67
|
+
executeAfterTransition(() => done(), el);
|
|
68
|
+
};
|
|
69
|
+
return () => h(Transition, {
|
|
70
|
+
onEnter: (el, done) => handleEnter(el, done),
|
|
71
|
+
onLeave: (el, done) => handleLeave(el, done),
|
|
72
|
+
}, () => withDirectives(h('div', {
|
|
73
|
+
class: [
|
|
74
|
+
'tab-pane',
|
|
75
|
+
{
|
|
76
|
+
active: visible.value,
|
|
77
|
+
fade: props.transition,
|
|
78
|
+
show: firstRender.value && visible.value,
|
|
79
|
+
},
|
|
80
|
+
],
|
|
81
|
+
id: `${props.itemKey}-tab-panel-${id.value}`,
|
|
82
|
+
role: 'tabpanel',
|
|
83
|
+
'aria-labelledby': `${props.itemKey}-tab-${id.value}`,
|
|
84
|
+
tabindex: 0,
|
|
85
|
+
ref: tabPaneRef,
|
|
86
|
+
}, slots.default && slots.default()), [[vShow, visible.value]]));
|
|
87
|
+
},
|
|
88
|
+
});
|
|
89
|
+
|
|
90
|
+
export { CTabPanel };
|
|
91
|
+
//# sourceMappingURL=CTabPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabPanel.js","sources":["../../../../src/components/tabs/CTabPanel.ts"],"sourcesContent":[null],"names":[],"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,41 @@
|
|
|
1
|
+
import { defineComponent, ref, watch, provide, h } from 'vue';
|
|
2
|
+
import '@popperjs/core';
|
|
3
|
+
import { useUniqueId } from '../../composables/useUniqueId.js';
|
|
4
|
+
|
|
5
|
+
const CTabs = defineComponent({
|
|
6
|
+
name: 'CTabs',
|
|
7
|
+
props: {
|
|
8
|
+
/**
|
|
9
|
+
* The active item key.
|
|
10
|
+
*/
|
|
11
|
+
activeItemKey: {
|
|
12
|
+
type: [Number, String],
|
|
13
|
+
required: true,
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
emits: [
|
|
17
|
+
/**
|
|
18
|
+
* The callback is fired when the active tab changes.
|
|
19
|
+
*/
|
|
20
|
+
'change',
|
|
21
|
+
],
|
|
22
|
+
setup(props, { slots, emit }) {
|
|
23
|
+
const { getUID } = useUniqueId();
|
|
24
|
+
const uID = ref(getUID());
|
|
25
|
+
const activeItemKey = ref(props.activeItemKey);
|
|
26
|
+
const setActiveItemKey = (key) => {
|
|
27
|
+
activeItemKey.value = key;
|
|
28
|
+
};
|
|
29
|
+
watch(() => props.activeItemKey, (value) => {
|
|
30
|
+
activeItemKey.value = value;
|
|
31
|
+
emit('change', value);
|
|
32
|
+
});
|
|
33
|
+
provide('activeItemKey', activeItemKey);
|
|
34
|
+
provide('id', uID);
|
|
35
|
+
provide('setActiveItemKey', setActiveItemKey);
|
|
36
|
+
return () => h('div', { class: 'tabs' }, slots.default && slots.default());
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
export { CTabs };
|
|
41
|
+
//# sourceMappingURL=CTabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabs.js","sources":["../../../../src/components/tabs/CTabs.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAGM,MAAA,KAAK,GAAG,eAAe,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,GAAG,WAAW,EAAE,CAAA;AAChC,QAAA,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;QACzB,MAAM,aAAa,GAAG,GAAG,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;QAED,KAAK,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,QAAA,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;AACvC,QAAA,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;AAClB,QAAA,OAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;QAE7C,OAAO,MAAM,CAAC,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,12 +1,20 @@
|
|
|
1
|
+
import { CTab } from './CTab.js';
|
|
1
2
|
import { CTabContent } from './CTabContent.js';
|
|
3
|
+
import { CTabList } from './CTabList.js';
|
|
2
4
|
import { CTabPane } from './CTabPane.js';
|
|
5
|
+
import { CTabPanel } from './CTabPanel.js';
|
|
6
|
+
import { CTabs } from './CTabs.js';
|
|
3
7
|
|
|
4
8
|
const CTabsPlugin = {
|
|
5
9
|
install: (app) => {
|
|
10
|
+
app.component(CTab.name, CTab);
|
|
6
11
|
app.component(CTabContent.name, CTabContent);
|
|
12
|
+
app.component(CTabList.name, CTabList);
|
|
7
13
|
app.component(CTabPane.name, CTabPane);
|
|
14
|
+
app.component(CTabPanel.name, CTabPanel);
|
|
15
|
+
app.component(CTabs.name, CTabs);
|
|
8
16
|
},
|
|
9
17
|
};
|
|
10
18
|
|
|
11
|
-
export { CTabContent, CTabPane, CTabsPlugin };
|
|
19
|
+
export { CTab, CTabContent, CTabList, CTabPane, CTabPanel, CTabs, CTabsPlugin };
|
|
12
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA,MAAM,WAAW,GAAG;AAClB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAc,EAAE,IAAI,CAAC,CAAA;QACxC,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,IAAc,EAAE,WAAW,CAAC,CAAA;QACtD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAc,EAAE,QAAQ,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAc,EAAE,QAAQ,CAAC,CAAA;QAChD,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,IAAc,EAAE,SAAS,CAAC,CAAA;QAClD,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,IAAc,EAAE,KAAK,CAAC,CAAA;KAC3C;;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, h, Transition } from 'vue';
|
|
2
2
|
import { CConditionalTeleport } from '../conditional-teleport/CConditionalTeleport.js';
|
|
3
3
|
import { usePopper } from '../../composables/usePopper.js';
|
|
4
|
+
import { useUniqueId } from '../../composables/useUniqueId.js';
|
|
4
5
|
import { executeAfterTransition } from '../../utils/transition.js';
|
|
5
6
|
import getRTLPlacement from '../../utils/getRTLPlacement.js';
|
|
6
|
-
import getUID from '../../utils/getUID.js';
|
|
7
7
|
|
|
8
8
|
const CTooltip = defineComponent({
|
|
9
9
|
name: 'CTooltip',
|
|
@@ -113,6 +113,7 @@ const CTooltip = defineComponent({
|
|
|
113
113
|
const tooltipRef = ref();
|
|
114
114
|
const uID = ref();
|
|
115
115
|
const visible = ref(props.visible);
|
|
116
|
+
const { getUID } = useUniqueId('popover');
|
|
116
117
|
const { initPopper, destroyPopper } = usePopper();
|
|
117
118
|
const delay = typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay;
|
|
118
119
|
const popperConfig = {
|
|
@@ -139,7 +140,7 @@ const CTooltip = defineComponent({
|
|
|
139
140
|
placement: getRTLPlacement(props.placement, togglerRef.value),
|
|
140
141
|
};
|
|
141
142
|
onMounted(() => {
|
|
142
|
-
uID.value = getUID(
|
|
143
|
+
uID.value = getUID();
|
|
143
144
|
});
|
|
144
145
|
const handleEnter = (el, done) => {
|
|
145
146
|
emit('show');
|