eco-vue-js 0.10.31 → 0.10.32
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/dist/components/Expansion/WExpansionItem.vue.d.ts +6 -2
- package/dist/components/Expansion/WExpansionItem.vue.d.ts.map +1 -1
- package/dist/components/Expansion/WExpansionItem.vue.js +21 -7
- package/dist/components/FilterWrapper/WFilterWrapper.vue.d.ts.map +1 -1
- package/dist/components/FilterWrapper/WFilterWrapper.vue.js +26 -30
- package/dist/components/Input/WInput.vue.js +3 -3
- package/dist/components/Page/WPage.vue.d.ts.map +1 -1
- package/dist/components/Tooltip/WTooltip.vue.d.ts.map +1 -1
- package/dist/components/Tooltip/WTooltip.vue.js +0 -1
- package/dist/components/Tooltip/WTooltipContainer.vue.d.ts.map +1 -1
- package/dist/components/Tooltip/WTooltipContainer.vue.js +3 -2
- package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts.map +1 -1
- package/dist/components/Tooltip/components/TooltipContainer.vue.js +34 -19
- package/dist/utils/Tooltip.d.ts +0 -1
- package/dist/utils/Tooltip.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -15,7 +15,9 @@ declare function __VLS_template(): {
|
|
|
15
15
|
default?: () => VNode[];
|
|
16
16
|
title?: () => VNode[];
|
|
17
17
|
};
|
|
18
|
-
refs: {
|
|
18
|
+
refs: {
|
|
19
|
+
button: unknown;
|
|
20
|
+
};
|
|
19
21
|
rootEl: any;
|
|
20
22
|
};
|
|
21
23
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
@@ -23,7 +25,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
23
25
|
toggle: () => any;
|
|
24
26
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
25
27
|
onToggle?: (() => any) | undefined;
|
|
26
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
28
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
29
|
+
button: unknown;
|
|
30
|
+
}, any>;
|
|
27
31
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
32
|
export default _default;
|
|
29
33
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AAuDA;AA4FA,OAAO,EAAC,KAAK,KAAK,EAAiB,MAAM,KAAK,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAyBF,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;kBA1ItC,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;kBADX,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;;;;;EA8ItB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, createElementBlock, openBlock, Fragment, createBlock, createVNode, resolveDynamicComponent, withCtx, createCommentVNode, createElementVNode, normalizeClass, createTextVNode, toDisplayString, Transition, unref, renderSlot } from 'vue';
|
|
1
|
+
import { defineComponent, useTemplateRef, createElementBlock, openBlock, Fragment, createBlock, createVNode, resolveDynamicComponent, withKeys, withCtx, createCommentVNode, createElementVNode, normalizeClass, createTextVNode, toDisplayString, Transition, unref, renderSlot } from 'vue';
|
|
2
2
|
import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
|
|
3
3
|
import _sfc_main$1 from './WExpansion.vue.js';
|
|
4
4
|
|
|
@@ -18,12 +18,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
18
|
minTitle: { type: Boolean }
|
|
19
19
|
},
|
|
20
20
|
emits: ["toggle"],
|
|
21
|
-
setup(__props) {
|
|
21
|
+
setup(__props, { emit: __emit }) {
|
|
22
|
+
const emit = __emit;
|
|
23
|
+
const buttonRef = useTemplateRef("button");
|
|
24
|
+
const toggle = () => {
|
|
25
|
+
emit("toggle");
|
|
26
|
+
const element = buttonRef.value?.$el instanceof Element ? buttonRef.value.$el : buttonRef.value;
|
|
27
|
+
if (element instanceof HTMLElement) element.blur();
|
|
28
|
+
};
|
|
22
29
|
return (_ctx, _cache) => {
|
|
23
30
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
24
|
-
(openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.title?.()?.[0] ?? "
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
(openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.title?.()?.[0] ?? "div"), {
|
|
32
|
+
ref: "button",
|
|
33
|
+
role: "button",
|
|
34
|
+
tabindex: "0",
|
|
35
|
+
class: "w-ripple w-ripple-hover -px--inner-margin -mx---inner-margin relative grid cursor-pointer select-none grid-cols-[auto,1fr,auto] items-center py-3 text-start",
|
|
36
|
+
onClick: toggle,
|
|
37
|
+
onKeydown: [
|
|
38
|
+
withKeys(toggle, ["enter"]),
|
|
39
|
+
withKeys(toggle, ["space"])
|
|
40
|
+
]
|
|
27
41
|
}, {
|
|
28
42
|
default: withCtx(() => [
|
|
29
43
|
_ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
|
|
@@ -55,10 +69,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
55
69
|
])
|
|
56
70
|
]),
|
|
57
71
|
_: 1
|
|
58
|
-
})),
|
|
72
|
+
}, 544)),
|
|
59
73
|
createVNode(_sfc_main$1, {
|
|
60
74
|
"is-open": _ctx.isOpen,
|
|
61
|
-
class: normalizeClass([_ctx.$attrs.class, "
|
|
75
|
+
class: normalizeClass([_ctx.$attrs.class, "-px--inner-margin -mx---inner-margin py-2"])
|
|
62
76
|
}, {
|
|
63
77
|
default: withCtx(() => [
|
|
64
78
|
renderSlot(_ctx.$slots, "default")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WFilterWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FilterWrapper/WFilterWrapper.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WFilterWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FilterWrapper/WFilterWrapper.vue"],"names":[],"mappings":"AAkCA;AAmHA,OAAO,EAAC,KAAK,KAAK,EAAoC,MAAM,KAAK,CAAA;AAWjE,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAC;AAiEF,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;iBA3FvC,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;iBADZ,MAAM,KAAK,EAAE;gBACd,MAAM,KAAK,EAAE;;;;EA+FtB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -6,8 +6,8 @@ import { Modal } from '../../utils/Modal.js';
|
|
|
6
6
|
import { SemanticType } from '../../utils/SemanticType.js';
|
|
7
7
|
import { throttle } from '../../utils/utils.js';
|
|
8
8
|
|
|
9
|
-
const _hoisted_1 = { class: "pb-16" };
|
|
10
|
-
const _hoisted_2 = { class: "
|
|
9
|
+
const _hoisted_1 = { class: "-px--inner-margin pb-16" };
|
|
10
|
+
const _hoisted_2 = { class: "grid grid-cols-2 gap-4" };
|
|
11
11
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
12
|
__name: "WFilterWrapper",
|
|
13
13
|
props: {
|
|
@@ -55,34 +55,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
55
55
|
});
|
|
56
56
|
return (_ctx, _cache) => {
|
|
57
57
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
58
|
-
_cache[
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
]),
|
|
83
|
-
_: 1
|
|
84
|
-
}, 8, ["semantic-type", "disabled"])
|
|
85
|
-
])
|
|
58
|
+
_cache[1] || (_cache[1] = createElementVNode("div", { class: "text-accent -h--header-height flex items-center text-xl font-semibold" }, " Filters ", -1)),
|
|
59
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {
|
|
60
|
+
return openBlock(), createBlock(resolveDynamicComponent(slot), {
|
|
61
|
+
key: index,
|
|
62
|
+
"is-open": index === selectedIndex.value,
|
|
63
|
+
onToggle: ($event) => unref(setSelectedIndex)(index),
|
|
64
|
+
"onUpdate:hasChanges": ($event) => hasChangesMap.value[index.toString()] = $event
|
|
65
|
+
}, null, 40, ["is-open", "onToggle", "onUpdate:hasChanges"]);
|
|
66
|
+
}), 128)),
|
|
67
|
+
_cache[2] || (_cache[2] = createElementVNode("div", { class: "my-8 h-0.5 rounded bg-gray-400" }, null, -1)),
|
|
68
|
+
createElementVNode("div", _hoisted_2, [
|
|
69
|
+
renderSlot(_ctx.$slots, "bottom"),
|
|
70
|
+
createVNode(_sfc_main$1, {
|
|
71
|
+
"semantic-type": unref(SemanticType).SECONDARY,
|
|
72
|
+
disabled: !changesCount.value,
|
|
73
|
+
class: "col-start-2",
|
|
74
|
+
onClick: openConfirmReset
|
|
75
|
+
}, {
|
|
76
|
+
default: withCtx(() => [
|
|
77
|
+
createVNode(unref(IconFilterRemove)),
|
|
78
|
+
_cache[0] || (_cache[0] = createTextVNode(" Reset Filters "))
|
|
79
|
+
]),
|
|
80
|
+
_: 1
|
|
81
|
+
}, 8, ["semantic-type", "disabled"])
|
|
86
82
|
])
|
|
87
83
|
]);
|
|
88
84
|
};
|
|
@@ -240,7 +240,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
240
240
|
}, [
|
|
241
241
|
createElementVNode("div", {
|
|
242
242
|
class: normalizeClass(["flex flex-wrap gap-[--w-input-gap,0.25rem]", {
|
|
243
|
-
"[&:not(:has(.w-option-has-bg))]:-px--w-option-padding": !_ctx.icon
|
|
243
|
+
"[&:not(:has(.w-option-has-bg))]:-px--w-option-padding": !_ctx.icon && !_ctx.textarea
|
|
244
244
|
}])
|
|
245
245
|
}, [
|
|
246
246
|
renderSlot(_ctx.$slots, "prefix"),
|
|
@@ -254,8 +254,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
254
254
|
(openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
|
|
255
255
|
id,
|
|
256
256
|
ref: "input",
|
|
257
|
-
class: normalizeClass(["w-input max-w-full flex-1 appearance-none border-none bg-[inherit] font-normal outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-80 dark:placeholder:text-gray-500", {
|
|
258
|
-
"-
|
|
257
|
+
class: normalizeClass(["w-input max-w-full flex-1 basis-auto appearance-none border-none bg-[inherit] font-normal outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-80 dark:placeholder:text-gray-500", {
|
|
258
|
+
"-p--w-option-padding min-h-[--w-textarea-height,10rem] w-full": _ctx.textarea,
|
|
259
259
|
"resize-y": _ctx.resize && _ctx.textarea,
|
|
260
260
|
"resize-none": !_ctx.resize && _ctx.textarea,
|
|
261
261
|
"h-[calc(var(--w-input-height,2.75rem)-2px)]": !_ctx.textarea && !_ctx.$slots.suffix,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/WPage.vue"],"names":[],"mappings":"AA6FA;
|
|
1
|
+
{"version":3,"file":"WPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/WPage.vue"],"names":[],"mappings":"AA6FA;AAuRA,OAAO,EAAC,KAAK,SAAS,EAAmE,MAAM,KAAK,CAAA;AAUpG,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B,CAAC;AAsKF,iBAAS,cAAc;WAkJT,OAAO,IAA6B;;wBAhBtB,GAAG;wBAGF,GAAG;;kCArRL,IAAI;;YAmRF,GAAG;sBACN,GAAG;sBAEF,GAAG;;;;;;;EAiB7B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;OAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WTooltip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/WTooltip.vue"],"names":[],"mappings":"AAOA;
|
|
1
|
+
{"version":3,"file":"WTooltip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/WTooltip.vue"],"names":[],"mappings":"AAOA;AA2FA,OAAO,EAAC,KAAK,KAAK,EAAkF,MAAM,KAAK,CAAA;AAO/G,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AAmEF,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;kBA9BtC,MAAM,KAAK,EAAE;;kBAAb,MAAM,KAAK,EAAE;;;;;;EAmCxB;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;OAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WTooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/WTooltipContainer.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WTooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/WTooltipContainer.vue"],"names":[],"mappings":"AAiDA;;AAoUA,wBAMG"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, createBlock, openBlock, Transition, withCtx, createCommentVNode, unref, createVNode, createElementBlock, resolveDynamicComponent, toDisplayString, markRaw } from 'vue';
|
|
1
|
+
import { defineComponent, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, createBlock, openBlock, Transition, withCtx, createCommentVNode, unref, createVNode, createElementBlock, resolveDynamicComponent, toDisplayString, markRaw } from 'vue';
|
|
2
2
|
import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
|
|
3
3
|
import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
|
|
4
4
|
import { initTooltip } from '../../utils/Tooltip.js';
|
|
@@ -27,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
27
|
}, 25);
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
+
const dropdownKey = computed(() => tooltipMeta.value?.left ? HorizontalAlign.LEFT_OUTER : tooltipMeta.value?.right ? HorizontalAlign.RIGHT_OUTER : HorizontalAlign.CENTER);
|
|
30
31
|
const close = () => {
|
|
31
32
|
clearTimeoutOnClose();
|
|
32
33
|
tooltipMeta.value = null;
|
|
@@ -57,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
57
58
|
}, {
|
|
58
59
|
default: withCtx(() => [
|
|
59
60
|
tooltipMeta.value ? (openBlock(), createBlock(_sfc_main$1, {
|
|
60
|
-
key:
|
|
61
|
+
key: dropdownKey.value,
|
|
61
62
|
"parent-element": tooltipMeta.value.parent,
|
|
62
63
|
"horizontal-align": tooltipMeta.value.left ? unref(HorizontalAlign).LEFT_OUTER : tooltipMeta.value.right ? unref(HorizontalAlign).RIGHT_OUTER : unref(HorizontalAlign).CENTER,
|
|
63
64
|
"max-height": tooltipMeta.value?.maxHeight ?? 120,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/components/TooltipContainer.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/components/TooltipContainer.vue"],"names":[],"mappings":"AAgEA;AAAA,OAgLO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAQhD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAgGF,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { defineComponent, useTemplateRef, ref, watch, toRef, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, nextTick } from 'vue';
|
|
2
2
|
import { isClientSide } from '../../../utils/utils.js';
|
|
3
3
|
|
|
4
|
+
const _hoisted_1 = ["viewBox"];
|
|
5
|
+
const _hoisted_2 = ["transform"];
|
|
4
6
|
const MARGIN = 12;
|
|
5
7
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
8
|
__name: "TooltipContainer",
|
|
@@ -77,29 +79,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
77
79
|
}])
|
|
78
80
|
}, [
|
|
79
81
|
(openBlock(), createElementBlock("svg", {
|
|
80
|
-
viewBox: "0 0 16 16",
|
|
81
|
-
class: normalizeClass(["
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"-ml-1 -rotate-90": _ctx.isRight,
|
|
87
|
-
"-mt-1": !_ctx.isTop && !_ctx.isLeft && !_ctx.isRight
|
|
82
|
+
viewBox: _ctx.isLeft || _ctx.isRight ? "0 0 8 16" : "0 0 16 8",
|
|
83
|
+
class: normalizeClass(["pointer-events-auto z-10", {
|
|
84
|
+
"width-4 order-2 -mt-px mb-1": _ctx.isTop,
|
|
85
|
+
"width-2 order-2 -ml-px mr-1": _ctx.isLeft,
|
|
86
|
+
"width-2 -mr-px ml-1": _ctx.isRight,
|
|
87
|
+
"width-4 -mb-px mt-1": !_ctx.isTop && !_ctx.isLeft && !_ctx.isRight
|
|
88
88
|
}]),
|
|
89
89
|
onMouseover: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("over")),
|
|
90
90
|
onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("leave"))
|
|
91
|
-
},
|
|
92
|
-
createElementVNode("
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
},
|
|
96
|
-
|
|
91
|
+
}, [
|
|
92
|
+
createElementVNode("g", {
|
|
93
|
+
transform: `rotate(${_ctx.isTop ? 0 : _ctx.isLeft ? -90 : _ctx.isRight ? 90 : 180} ${_ctx.isLeft || _ctx.isRight ? "4 0" : "0 0"})`,
|
|
94
|
+
"transform-origin": "center center"
|
|
95
|
+
}, _cache[4] || (_cache[4] = [
|
|
96
|
+
createElementVNode("rect", {
|
|
97
|
+
width: "16",
|
|
98
|
+
height: "8",
|
|
99
|
+
fill: "none"
|
|
100
|
+
}, null, -1),
|
|
101
|
+
createElementVNode("path", {
|
|
102
|
+
d: "M7.03676 5.8704C5.7908 2.94938 4.87965 0.813274 0 0H16.0042C11.1205 0.813374 10.2091 2.9499 8.96281 5.87147C8.91924 5.97361 8.87526 6.07671 8.83068 6.18074C8.50615 6.93819 7.49384 6.93819 7.16933 6.18073C7.1246 6.07634 7.08048 5.97289 7.03676 5.8704Z",
|
|
103
|
+
fill: "currentColor",
|
|
104
|
+
class: "text-black-default dark:text-gray-800"
|
|
105
|
+
}, null, -1),
|
|
106
|
+
createElementVNode("path", {
|
|
107
|
+
d: "M0 0.5C5.05085 1.34181 5.84985 3.6009 7.16933 6.68073C7.49384 7.43819 8.50615 7.43819 8.83068 6.68074C10.1503 3.6009 10.9498 1.34181 16.0042 0.5",
|
|
108
|
+
stroke: "currentColor",
|
|
109
|
+
"stroke-width": "1",
|
|
110
|
+
fill: "none",
|
|
111
|
+
class: "text-gray-400 dark:text-gray-600"
|
|
112
|
+
}, null, -1)
|
|
113
|
+
]), 8, _hoisted_2)
|
|
114
|
+
], 42, _hoisted_1)),
|
|
97
115
|
createElementVNode("div", {
|
|
98
116
|
ref: "container",
|
|
99
|
-
class:
|
|
100
|
-
"bg-black-default text-default dark:bg-gray-800": !_ctx.tooltipMeta.light,
|
|
101
|
-
"bg-default text-accent dark:bg-gray-800": _ctx.tooltipMeta.light
|
|
102
|
-
}]),
|
|
117
|
+
class: "bg-black-default text-default pointer-events-auto max-w-[calc(100vw-1.5rem)] translate-x-[var(--t-translate-x)] translate-y-[var(--t-translate-y)] rounded-lg border border-solid border-gray-400 px-3 py-2 text-center text-xs font-medium shadow-md dark:border-gray-600 dark:bg-gray-800",
|
|
103
118
|
style: normalizeStyle({
|
|
104
119
|
"--t-translate-x": transformX.value + "px",
|
|
105
120
|
"--t-translate-y": transformY.value + "px"
|
|
@@ -108,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
108
123
|
onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("leave"))
|
|
109
124
|
}, [
|
|
110
125
|
renderSlot(_ctx.$slots, "default")
|
|
111
|
-
],
|
|
126
|
+
], 36)
|
|
112
127
|
], 2);
|
|
113
128
|
};
|
|
114
129
|
}
|
package/dist/utils/Tooltip.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/utils/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/utils/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;AAI/D,eAAO,MAAM,WAAW,GAAI,OAAO,cAAc,GAAG,SAAS,SAE5D,CAAA;AAED,eAAO,MAAM,OAAO;cACR,WAAW,GAAG,IAAI;aAGnB,IAAI;CAGd,CAAA"}
|
package/package.json
CHANGED