eco-vue-js 0.10.98 → 0.10.100
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/Auth/utils/utils.d.ts +1 -0
- package/dist/components/Auth/utils/utils.d.ts.map +1 -1
- package/dist/components/Auth/utils/utils.js +11 -2
- package/dist/components/Chip/WChip.vue.js +1 -1
- package/dist/components/Dropdown/WDropdown.vue.d.ts.map +1 -1
- package/dist/components/Dropdown/WDropdown.vue.js +57 -32
- package/dist/components/Dropdown/types.d.ts +5 -4
- package/dist/components/Dropdown/types.d.ts.map +1 -1
- package/dist/components/Dropdown/utils/DropdownStyle.d.ts +36 -35
- package/dist/components/Dropdown/utils/DropdownStyle.d.ts.map +1 -1
- package/dist/components/Dropdown/utils/DropdownStyle.js +51 -37
- package/dist/components/InfoCard/WInfoCard.vue.js +1 -1
- package/dist/components/InfoCard/WInfoCardNegative.vue.js +2 -2
- package/dist/components/InfoCard/models/utils.js +2 -2
- package/dist/components/Modal/WModal.vue.d.ts +3 -1
- package/dist/components/Modal/WModal.vue.d.ts.map +1 -1
- package/dist/components/Modal/WModal.vue.js +16 -15
- package/dist/components/Modal/modals/Confirm/ConfirmModal.vue.d.ts +9 -15
- package/dist/components/Modal/modals/Confirm/ConfirmModal.vue.d.ts.map +1 -1
- package/dist/components/Modal/modals/Confirm/ConfirmModal.vue2.js +27 -15
- package/dist/components/Modal/types.d.ts +6 -5
- package/dist/components/Modal/types.d.ts.map +1 -1
- package/dist/components/Tooltip/WTooltipContainer.vue.d.ts.map +1 -1
- package/dist/components/Tooltip/WTooltipContainer.vue.js +2 -6
- package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts +0 -4
- package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts.map +1 -1
- package/dist/components/Tooltip/components/TooltipContainer.vue.js +3 -66
- package/dist/main.js +1 -0
- package/dist/utils/ApiClient.d.ts +4 -3
- package/dist/utils/ApiClient.d.ts.map +1 -1
- package/dist/utils/ApiClient.js +10 -7
- package/dist/utils/Modal.d.ts +5 -1
- package/dist/utils/Modal.d.ts.map +1 -1
- package/dist/utils/SemanticType.d.ts +1 -1
- package/dist/utils/SemanticType.js +4 -4
- package/eslint/configs/configTypescript.js +0 -1
- package/package.json +6 -6
- package/tailwind-base/plugins/default.ts +9 -0
@@ -1,4 +1,5 @@
|
|
1
1
|
export declare function checkExpirationDate(): boolean | null;
|
2
|
+
export declare function updateExpirationDate(date: Date): void;
|
2
3
|
export declare function setExpirationDate(): void;
|
3
4
|
export declare function removeExpirationDate(): void;
|
4
5
|
export declare function setRefreshTimestamp(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Auth/utils/utils.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Auth/utils/utils.ts"],"names":[],"mappings":"AAyBA,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,IAAI,CAMpD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,QAI9C;AAED,wBAAgB,iBAAiB,SAMhC;AAED,wBAAgB,oBAAoB,SAGnC;AAID,wBAAgB,mBAAmB,SAQlC;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C;AAED,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAwB5D"}
|
@@ -9,13 +9,22 @@ function getCookie(name) {
|
|
9
9
|
}
|
10
10
|
return "";
|
11
11
|
}
|
12
|
+
function setCookie(name, value, expires) {
|
13
|
+
document.cookie = name + "=" + encodeURIComponent(value) + "; Path=/;" + (expires ? " Expires=" + expires.toUTCString() + ";" : "");
|
14
|
+
}
|
12
15
|
function deleteCookie(name) {
|
13
16
|
document.cookie = name + "=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
|
14
17
|
}
|
18
|
+
const EXP_FACTOR = 1e3;
|
15
19
|
function checkExpirationDate() {
|
16
20
|
const exp = Number.parseFloat(getCookie(EXPIRATION_DATE_KEY));
|
17
21
|
if (!exp || !Number.isFinite(exp)) return null;
|
18
|
-
return exp > Date.now() /
|
22
|
+
return exp > Date.now() / EXP_FACTOR;
|
23
|
+
}
|
24
|
+
function updateExpirationDate(date) {
|
25
|
+
const exp = (date.getTime() / EXP_FACTOR).toString();
|
26
|
+
setCookie(EXPIRATION_DATE_KEY, exp, date);
|
27
|
+
localStorage.setItem(EXPIRATION_DATE_KEY, exp);
|
19
28
|
}
|
20
29
|
function setExpirationDate() {
|
21
30
|
const exp = Number.parseFloat(getCookie(EXPIRATION_DATE_KEY));
|
@@ -58,4 +67,4 @@ function getLastRefreshPromise() {
|
|
58
67
|
});
|
59
68
|
}
|
60
69
|
|
61
|
-
export { checkExpirationDate, getLastRefreshPromise, removeExpirationDate, removeRefreshTimestamp, setExpirationDate, setRefreshTimestamp };
|
70
|
+
export { checkExpirationDate, getLastRefreshPromise, removeExpirationDate, removeRefreshTimestamp, setExpirationDate, setRefreshTimestamp, updateExpirationDate };
|
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
17
17
|
[SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
|
18
18
|
[SemanticType.SECONDARY]: "text-description",
|
19
19
|
[SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
|
20
|
-
[SemanticType.
|
20
|
+
[SemanticType.NEGATIVE]: "text-negative dark:text-negative-dark",
|
21
21
|
[SemanticType.WARNING]: "text-warning dark:text-warning-dark",
|
22
22
|
[SemanticType.INFO]: "text-info dark:text-info-dark"
|
23
23
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAoCA;AAuKA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAsItH,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;iBA9DvC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAA5C,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;EAmEtD;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,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,8 +1,30 @@
|
|
1
|
-
import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, unref, renderSlot,
|
1
|
+
import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, createElementVNode, unref, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
|
2
|
+
import '../Button/WButtonAction.vue.js';
|
3
|
+
import '../../utils/SemanticType.js';
|
4
|
+
import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
|
5
|
+
import '../ActionsBar/use/useActionsBarFilter.js';
|
6
|
+
import 'vue-router';
|
7
|
+
import '@tanstack/vue-query';
|
8
|
+
import '../Button/WButton.vue.js';
|
9
|
+
import '../../utils/mobile.js';
|
10
|
+
import '../Tooltip/models/tooltipMeta.js';
|
11
|
+
import '../Button/WButtonDropdown.vue.js';
|
2
12
|
import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
|
13
|
+
import { OriginX, OriginY, horizontalGetterOrderMap, searchStyleGetter, LeftCenter, LeftOuter, LeftInner, RightOuter, RightInner } from './utils/DropdownStyle.js';
|
3
14
|
import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
|
4
|
-
import
|
5
|
-
import
|
15
|
+
import '../Chip/WChip.vue.js';
|
16
|
+
import '../DragContainer/use/useDragContainer.js';
|
17
|
+
import '../../utils/Modal.js';
|
18
|
+
import '../Input/WInputSuggest.vue.js';
|
19
|
+
import '../HeaderBar/use/useHeader.js';
|
20
|
+
import '../HeaderBar/use/useHeaderSearch.js';
|
21
|
+
import '../HeaderBar/use/useHeaderSearchVisible.js';
|
22
|
+
import '../InfoCard/models/utils.js';
|
23
|
+
import '../Input/WInputDate.vue.js';
|
24
|
+
import '../Link/WLink.vue.js';
|
25
|
+
import '../List/WList.vue.js';
|
26
|
+
import '../Modal/use/useIsBackdrop.js';
|
27
|
+
import '../Page/use/usePageBreadcrumbs.js';
|
6
28
|
|
7
29
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
8
30
|
__name: "WDropdown",
|
@@ -28,37 +50,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
28
50
|
const isLeftCenter = ref(false);
|
29
51
|
const isLeft = ref(false);
|
30
52
|
const isRight = ref(false);
|
31
|
-
const
|
32
|
-
const
|
33
|
-
const
|
34
|
-
const
|
53
|
+
const x = ref(0);
|
54
|
+
const y = ref(0);
|
55
|
+
const width = ref(0);
|
56
|
+
const height = ref(0);
|
57
|
+
const originX = ref(OriginX.LEFT);
|
58
|
+
const originY = ref(OriginY.TOP);
|
35
59
|
const order = computed(() => horizontalGetterOrderMap[props.horizontalAlign]);
|
36
|
-
const styles = computed(() => {
|
37
|
-
return {
|
38
|
-
...widthStyle.value,
|
39
|
-
...heightStyle.value,
|
40
|
-
...horizontalStyle.value,
|
41
|
-
...verticalStyle.value
|
42
|
-
};
|
43
|
-
});
|
44
60
|
const setParentRect = (updateSize = false, updateAlign = false) => {
|
45
61
|
const newRect = props.parentElement.getBoundingClientRect();
|
46
62
|
const isLeftChanged = newRect.left !== parentRect?.left;
|
47
63
|
const isTopChanged = newRect.top !== parentRect?.top || newRect.bottom !== parentRect?.bottom;
|
48
64
|
if (!horizontalGetter || isLeftChanged && (props.updateAlign || updateAlign)) {
|
49
65
|
horizontalGetter = searchStyleGetter(order.value, newRect, props.maxWidth);
|
66
|
+
originX.value = horizontalGetter.origin;
|
50
67
|
isLeftCenter.value = horizontalGetter instanceof LeftCenter;
|
51
68
|
isLeft.value = horizontalGetter instanceof LeftOuter || horizontalGetter instanceof LeftInner;
|
52
69
|
isRight.value = horizontalGetter instanceof RightOuter || horizontalGetter instanceof RightInner;
|
53
|
-
if (updateSize)
|
70
|
+
if (updateSize) width.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
|
54
71
|
}
|
55
72
|
if (!verticalGetter || isTopChanged && (props.updateAlign || updateAlign)) {
|
56
73
|
verticalGetter = props.top ? horizontalGetter.verticalGetterOrder[1] : props.bottom ? horizontalGetter.verticalGetterOrder[0] : searchStyleGetter(horizontalGetter.verticalGetterOrder, newRect, props.maxHeight);
|
74
|
+
originY.value = verticalGetter.origin;
|
57
75
|
isTop.value = verticalGetter.isTop;
|
58
|
-
if (updateSize)
|
76
|
+
if (updateSize) height.value = verticalGetter.heightStyleGetter(newRect, props.maxHeight);
|
59
77
|
}
|
60
|
-
if (isLeftChanged)
|
61
|
-
if (isTopChanged)
|
78
|
+
if (isLeftChanged) x.value = horizontalGetter.styleGetter(newRect);
|
79
|
+
if (isTopChanged) y.value = verticalGetter.styleGetter(newRect);
|
62
80
|
if (isLeftChanged || isTopChanged) parentRect = newRect;
|
63
81
|
};
|
64
82
|
onBeforeMount(() => {
|
@@ -98,20 +116,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
98
116
|
return (_ctx, _cache) => {
|
99
117
|
return openBlock(), createElementBlock("div", {
|
100
118
|
ref: "dropdown",
|
101
|
-
style: normalizeStyle(
|
102
|
-
|
103
|
-
"dropdown-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
119
|
+
style: normalizeStyle([{
|
120
|
+
"--dropdown-x": x.value + "px",
|
121
|
+
"--dropdown-y": y.value + "px"
|
122
|
+
}, { "transform": "translate(var(--dropdown-x, 0px), var(--dropdown-y, 0px))" }]),
|
123
|
+
class: normalizeClass(["group/dropdown width-0 height-0 fixed left-0 top-0 grid will-change-transform", [
|
124
|
+
{
|
125
|
+
"dropdown-top": isTop.value
|
126
|
+
},
|
127
|
+
originX.value,
|
128
|
+
originY.value
|
129
|
+
]])
|
108
130
|
}, [
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
131
|
+
createElementVNode("div", {
|
132
|
+
style: normalizeStyle([{
|
133
|
+
"--dropdown-width": width.value !== void 0 ? width.value + "px" : void 0,
|
134
|
+
"--dropdown-height": height.value !== void 0 ? height.value + "px" : void 0,
|
135
|
+
width: props.horizontalAlign === unref(HorizontalAlign).FILL ? "var(--dropdown-width)" : "max-content"
|
136
|
+
}, { "max-width": "var(--dropdown-width)", "max-height": "var(--dropdown-height)" }])
|
137
|
+
}, [
|
138
|
+
renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ isTop: isTop.value, isLeft: isLeft.value, isRight: isRight.value, x: x.value, y: y.value, originX: originX.value, originY: originY.value })))
|
139
|
+
], 4)
|
115
140
|
], 6);
|
116
141
|
};
|
117
142
|
}
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { OriginX, OriginY } from './utils/DropdownStyle';
|
1
2
|
import { HorizontalAlign } from '../../utils/HorizontalAlign';
|
2
3
|
export interface DropdownProps {
|
3
4
|
maxHeight: number;
|
@@ -10,10 +11,10 @@ export interface DropdownProps {
|
|
10
11
|
emitUpdate?: boolean;
|
11
12
|
}
|
12
13
|
export type DropdownDefaultSlotScope = {
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
14
|
+
x: number;
|
15
|
+
y: number;
|
16
|
+
originX: OriginX;
|
17
|
+
originY: OriginY;
|
17
18
|
isTop: boolean;
|
18
19
|
isLeft: boolean;
|
19
20
|
isRight: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAA;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAA;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA"}
|
@@ -1,84 +1,85 @@
|
|
1
1
|
import { HorizontalAlign } from '../../../utils/HorizontalAlign';
|
2
2
|
interface StyleGetter {
|
3
|
-
styleGetter(parentRect: DOMRect):
|
3
|
+
styleGetter(parentRect: DOMRect): number;
|
4
4
|
marginGetter(parentRect: DOMRect, maxHeightOrWidth: number): number;
|
5
5
|
}
|
6
|
+
export declare enum OriginY {
|
7
|
+
TOP = "content-start",
|
8
|
+
BOTTOM = "content-end",
|
9
|
+
CENTER = "content-center"
|
10
|
+
}
|
6
11
|
export declare abstract class VerticalGetter implements StyleGetter {
|
7
12
|
abstract isTop: boolean;
|
8
|
-
abstract
|
13
|
+
abstract origin: OriginY;
|
14
|
+
abstract styleGetter(parentRect: DOMRect): number;
|
9
15
|
abstract marginGetter(parentRect: DOMRect, maxHeight: number): number;
|
10
|
-
heightStyleGetter(parentRect: DOMRect, maxHeight: number):
|
16
|
+
heightStyleGetter(parentRect: DOMRect, maxHeight: number): number | undefined;
|
11
17
|
}
|
12
18
|
declare class BottomInner extends VerticalGetter {
|
13
19
|
isTop: boolean;
|
14
|
-
|
15
|
-
|
16
|
-
};
|
20
|
+
origin: OriginY;
|
21
|
+
styleGetter(parentRect: DOMRect): number;
|
17
22
|
marginGetter(parentRect: DOMRect, maxHeight: number): number;
|
18
23
|
}
|
19
24
|
declare class BottomOuter extends VerticalGetter {
|
20
25
|
isTop: boolean;
|
21
|
-
|
22
|
-
|
23
|
-
};
|
26
|
+
origin: OriginY;
|
27
|
+
styleGetter(parentRect: DOMRect): number;
|
24
28
|
marginGetter(parentRect: DOMRect, maxHeight: number): number;
|
25
29
|
}
|
26
30
|
declare class VerticalCenter extends VerticalGetter {
|
27
31
|
isTop: boolean;
|
28
|
-
|
29
|
-
|
30
|
-
};
|
32
|
+
origin: OriginY;
|
33
|
+
styleGetter(parentRect: DOMRect): number;
|
31
34
|
marginGetter(): number;
|
32
|
-
heightStyleGetter():
|
33
|
-
height: string;
|
34
|
-
};
|
35
|
+
heightStyleGetter(): undefined;
|
35
36
|
}
|
36
37
|
declare class TopOuter extends VerticalGetter {
|
37
38
|
isTop: boolean;
|
38
|
-
|
39
|
-
|
40
|
-
};
|
39
|
+
origin: OriginY;
|
40
|
+
styleGetter(parentRect: DOMRect): number;
|
41
41
|
marginGetter(parentRect: DOMRect, maxHeight: number): number;
|
42
42
|
}
|
43
43
|
declare class TopInner extends VerticalGetter {
|
44
44
|
isTop: boolean;
|
45
|
-
|
46
|
-
|
47
|
-
};
|
45
|
+
origin: OriginY;
|
46
|
+
styleGetter(parentRect: DOMRect): number;
|
48
47
|
marginGetter(parentRect: DOMRect, maxHeight: number): number;
|
49
48
|
}
|
49
|
+
export declare enum OriginX {
|
50
|
+
LEFT = "justify-start",
|
51
|
+
RIGHT = "justify-end",
|
52
|
+
CENTER = "justify-center"
|
53
|
+
}
|
50
54
|
export declare abstract class HorizontalGetter implements StyleGetter {
|
55
|
+
abstract origin: OriginX;
|
51
56
|
abstract verticalGetterOrder: Array<VerticalGetter>;
|
52
|
-
abstract styleGetter(parentRect: DOMRect):
|
57
|
+
abstract styleGetter(parentRect: DOMRect): number;
|
53
58
|
abstract marginGetter(parentRect: DOMRect, maxWidth: number): number;
|
54
|
-
widthStyleGetter(parentRect: DOMRect, maxWidth: number):
|
59
|
+
widthStyleGetter(parentRect: DOMRect, maxWidth: number): number | undefined;
|
55
60
|
}
|
56
61
|
export declare class RightOuter extends HorizontalGetter {
|
57
62
|
verticalGetterOrder: (BottomInner | TopInner)[];
|
58
|
-
|
59
|
-
|
60
|
-
};
|
63
|
+
origin: OriginX;
|
64
|
+
styleGetter(parentRect: DOMRect): number;
|
61
65
|
marginGetter(parentRect: DOMRect, maxWidth: number): number;
|
62
66
|
}
|
63
67
|
export declare class RightInner extends HorizontalGetter {
|
64
68
|
verticalGetterOrder: (BottomOuter | TopOuter)[];
|
65
|
-
|
66
|
-
|
67
|
-
};
|
69
|
+
origin: OriginX;
|
70
|
+
styleGetter(parentRect: DOMRect): number;
|
68
71
|
marginGetter(parentRect: DOMRect, maxWidth: number): number;
|
69
72
|
}
|
70
73
|
export declare class LeftInner extends HorizontalGetter {
|
71
74
|
verticalGetterOrder: (BottomOuter | TopOuter)[];
|
72
|
-
|
73
|
-
|
74
|
-
};
|
75
|
+
origin: OriginX;
|
76
|
+
styleGetter(parentRect: DOMRect): number;
|
75
77
|
marginGetter(parentRect: DOMRect, maxWidth: number): number;
|
76
78
|
}
|
77
79
|
export declare class LeftOuter extends HorizontalGetter {
|
78
80
|
verticalGetterOrder: (BottomInner | TopInner)[];
|
79
|
-
|
80
|
-
|
81
|
-
};
|
81
|
+
origin: OriginX;
|
82
|
+
styleGetter(parentRect: DOMRect): number;
|
82
83
|
marginGetter(parentRect: DOMRect, maxWidth: number): number;
|
83
84
|
}
|
84
85
|
export declare class LeftCenter extends LeftOuter {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAIvD,UAAU,WAAW;IACnB,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,
|
1
|
+
{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"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"}
|
@@ -1,82 +1,99 @@
|
|
1
1
|
import { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
|
2
2
|
|
3
3
|
const EDGE = 20;
|
4
|
+
var OriginY = /* @__PURE__ */ ((OriginY2) => {
|
5
|
+
OriginY2["TOP"] = "content-start";
|
6
|
+
OriginY2["BOTTOM"] = "content-end";
|
7
|
+
OriginY2["CENTER"] = "content-center";
|
8
|
+
return OriginY2;
|
9
|
+
})(OriginY || {});
|
4
10
|
class VerticalGetter {
|
5
11
|
heightStyleGetter(parentRect, maxHeight) {
|
6
|
-
return
|
12
|
+
return _maxHeightOrWidthGetter(this, parentRect, maxHeight);
|
7
13
|
}
|
8
14
|
}
|
9
15
|
class BottomInner extends VerticalGetter {
|
10
16
|
isTop = false;
|
17
|
+
origin = "content-start" /* TOP */;
|
11
18
|
styleGetter(parentRect) {
|
12
|
-
return
|
19
|
+
return Math.round(parentRect.top);
|
13
20
|
}
|
14
21
|
marginGetter(parentRect, maxHeight) {
|
15
|
-
return window.innerHeight - parentRect.top - maxHeight - EDGE;
|
22
|
+
return Math.round(window.innerHeight - parentRect.top - maxHeight - EDGE);
|
16
23
|
}
|
17
24
|
}
|
18
25
|
class BottomOuter extends VerticalGetter {
|
19
26
|
isTop = false;
|
27
|
+
origin = "content-start" /* TOP */;
|
20
28
|
styleGetter(parentRect) {
|
21
|
-
return
|
29
|
+
return Math.round(parentRect.bottom);
|
22
30
|
}
|
23
31
|
marginGetter(parentRect, maxHeight) {
|
24
|
-
return window.innerHeight - parentRect.bottom - maxHeight - EDGE;
|
32
|
+
return Math.round(window.innerHeight - parentRect.bottom - maxHeight - EDGE);
|
25
33
|
}
|
26
34
|
}
|
27
35
|
class VerticalCenter extends VerticalGetter {
|
28
36
|
isTop = false;
|
37
|
+
origin = "content-center" /* CENTER */;
|
29
38
|
styleGetter(parentRect) {
|
30
|
-
return
|
39
|
+
return Math.round(parentRect.top + parentRect.height / 2);
|
31
40
|
}
|
32
41
|
marginGetter() {
|
33
42
|
return 0;
|
34
43
|
}
|
35
44
|
heightStyleGetter() {
|
36
|
-
return
|
37
|
-
height: "0px"
|
38
|
-
};
|
45
|
+
return void 0;
|
39
46
|
}
|
40
47
|
}
|
41
48
|
class TopOuter extends VerticalGetter {
|
42
49
|
isTop = true;
|
50
|
+
origin = "content-end" /* BOTTOM */;
|
43
51
|
styleGetter(parentRect) {
|
44
|
-
return
|
52
|
+
return Math.round(parentRect.top);
|
45
53
|
}
|
46
54
|
marginGetter(parentRect, maxHeight) {
|
47
|
-
return parentRect.top - maxHeight - EDGE;
|
55
|
+
return Math.round(parentRect.top - maxHeight - EDGE);
|
48
56
|
}
|
49
57
|
}
|
50
58
|
class TopInner extends VerticalGetter {
|
51
59
|
isTop = true;
|
60
|
+
origin = "content-end" /* BOTTOM */;
|
52
61
|
styleGetter(parentRect) {
|
53
|
-
return
|
62
|
+
return Math.round(parentRect.bottom);
|
54
63
|
}
|
55
64
|
marginGetter(parentRect, maxHeight) {
|
56
|
-
return parentRect.bottom - maxHeight - EDGE;
|
65
|
+
return Math.round(parentRect.bottom - maxHeight - EDGE);
|
57
66
|
}
|
58
67
|
}
|
68
|
+
var OriginX = /* @__PURE__ */ ((OriginX2) => {
|
69
|
+
OriginX2["LEFT"] = "justify-start";
|
70
|
+
OriginX2["RIGHT"] = "justify-end";
|
71
|
+
OriginX2["CENTER"] = "justify-center";
|
72
|
+
return OriginX2;
|
73
|
+
})(OriginX || {});
|
59
74
|
class HorizontalGetter {
|
60
75
|
widthStyleGetter(parentRect, maxWidth) {
|
61
|
-
return
|
76
|
+
return _maxHeightOrWidthGetter(this, parentRect, maxWidth);
|
62
77
|
}
|
63
78
|
}
|
64
79
|
class RightOuter extends HorizontalGetter {
|
65
80
|
verticalGetterOrder = [new BottomInner(), new TopInner()];
|
81
|
+
origin = "justify-start" /* LEFT */;
|
66
82
|
styleGetter(parentRect) {
|
67
|
-
return
|
83
|
+
return Math.round(parentRect.right);
|
68
84
|
}
|
69
85
|
marginGetter(parentRect, maxWidth) {
|
70
|
-
return document.documentElement.clientWidth - parentRect.right - maxWidth - EDGE;
|
86
|
+
return Math.round(document.documentElement.clientWidth - parentRect.right - maxWidth - EDGE);
|
71
87
|
}
|
72
88
|
}
|
73
89
|
class RightInner extends HorizontalGetter {
|
74
90
|
verticalGetterOrder = [new BottomOuter(), new TopOuter()];
|
91
|
+
origin = "justify-start" /* LEFT */;
|
75
92
|
styleGetter(parentRect) {
|
76
|
-
return
|
93
|
+
return Math.round(parentRect.left);
|
77
94
|
}
|
78
95
|
marginGetter(parentRect, maxWidth) {
|
79
|
-
return document.documentElement.clientWidth - parentRect.left - maxWidth - EDGE;
|
96
|
+
return Math.round(document.documentElement.clientWidth - parentRect.left - maxWidth - EDGE);
|
80
97
|
}
|
81
98
|
}
|
82
99
|
class RightCenter extends RightOuter {
|
@@ -84,51 +101,48 @@ class RightCenter extends RightOuter {
|
|
84
101
|
}
|
85
102
|
class Fill extends HorizontalGetter {
|
86
103
|
verticalGetterOrder = [new BottomOuter(), new TopOuter()];
|
104
|
+
origin = "justify-start" /* LEFT */;
|
87
105
|
styleGetter(parentRect) {
|
88
|
-
return
|
89
|
-
left: parentRect.left + "px",
|
90
|
-
right: document.documentElement.clientWidth - parentRect.right + "px"
|
91
|
-
};
|
106
|
+
return Math.round(parentRect.left);
|
92
107
|
}
|
93
108
|
marginGetter() {
|
94
109
|
return 0;
|
95
110
|
}
|
96
|
-
widthStyleGetter() {
|
97
|
-
return
|
111
|
+
widthStyleGetter(parentRect) {
|
112
|
+
return Math.round(parentRect.right - parentRect.left);
|
98
113
|
}
|
99
114
|
}
|
100
115
|
class Center extends HorizontalGetter {
|
101
116
|
verticalGetterOrder = [new BottomOuter(), new TopOuter()];
|
117
|
+
origin = "justify-center" /* CENTER */;
|
102
118
|
styleGetter(parentRect) {
|
103
|
-
return
|
104
|
-
left: parentRect.left + parentRect.width / 2 + "px"
|
105
|
-
};
|
119
|
+
return Math.round(parentRect.left + parentRect.width / 2);
|
106
120
|
}
|
107
121
|
marginGetter() {
|
108
122
|
return 0;
|
109
123
|
}
|
110
124
|
widthStyleGetter() {
|
111
|
-
return
|
112
|
-
width: "0px"
|
113
|
-
};
|
125
|
+
return void 0;
|
114
126
|
}
|
115
127
|
}
|
116
128
|
class LeftInner extends HorizontalGetter {
|
117
129
|
verticalGetterOrder = [new BottomOuter(), new TopOuter()];
|
130
|
+
origin = "justify-end" /* RIGHT */;
|
118
131
|
styleGetter(parentRect) {
|
119
|
-
return
|
132
|
+
return Math.round(parentRect.right);
|
120
133
|
}
|
121
134
|
marginGetter(parentRect, maxWidth) {
|
122
|
-
return parentRect.right - maxWidth - EDGE;
|
135
|
+
return Math.round(parentRect.right - maxWidth - EDGE);
|
123
136
|
}
|
124
137
|
}
|
125
138
|
class LeftOuter extends HorizontalGetter {
|
126
139
|
verticalGetterOrder = [new BottomInner(), new TopInner()];
|
140
|
+
origin = "justify-end" /* RIGHT */;
|
127
141
|
styleGetter(parentRect) {
|
128
|
-
return
|
142
|
+
return Math.round(parentRect.left);
|
129
143
|
}
|
130
144
|
marginGetter(parentRect, maxWidth) {
|
131
|
-
return parentRect.left - maxWidth - EDGE;
|
145
|
+
return Math.round(parentRect.left - maxWidth - EDGE);
|
132
146
|
}
|
133
147
|
}
|
134
148
|
class LeftCenter extends LeftOuter {
|
@@ -154,8 +168,8 @@ function searchStyleGetter(order, parentRect, maxHeightOrWidth) {
|
|
154
168
|
}
|
155
169
|
function _maxHeightOrWidthGetter(getter, parentRect, maxHeightOrWidth) {
|
156
170
|
const margin = getter.marginGetter(parentRect, maxHeightOrWidth);
|
157
|
-
if (margin > 0) return maxHeightOrWidth;
|
158
|
-
else return maxHeightOrWidth + margin;
|
171
|
+
if (margin > 0) return Math.round(maxHeightOrWidth);
|
172
|
+
else return Math.round(maxHeightOrWidth + margin);
|
159
173
|
}
|
160
174
|
|
161
|
-
export { HorizontalGetter, LeftCenter, LeftInner, LeftOuter, RightInner, RightOuter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };
|
175
|
+
export { HorizontalGetter, LeftCenter, LeftInner, LeftOuter, OriginX, OriginY, RightInner, RightOuter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };
|
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
26
26
|
key: 0,
|
27
27
|
class: normalizeClass(["square-[1.5em] inline-block", {
|
28
28
|
[unref(infoCardIconSemanticTypeMap)[_ctx.semanticType ?? unref(SemanticType).SECONDARY]]: true,
|
29
|
-
"rotate-180": !_ctx.icon && _ctx.semanticType !== unref(SemanticType).WARNING && _ctx.semanticType !== unref(SemanticType).
|
29
|
+
"rotate-180": !_ctx.icon && _ctx.semanticType !== unref(SemanticType).WARNING && _ctx.semanticType !== unref(SemanticType).NEGATIVE,
|
30
30
|
"[&_*]:stroke-2": !_ctx.icon
|
31
31
|
}])
|
32
32
|
}, null, 8, ["class"])) : createCommentVNode("", true),
|
@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
15
|
const stylesMap = {
|
16
16
|
[SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
|
17
17
|
[SemanticType.SECONDARY]: "text-description",
|
18
|
-
[SemanticType.
|
18
|
+
[SemanticType.NEGATIVE]: "text-negative dark:text-negative-dark",
|
19
19
|
[SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
|
20
20
|
[SemanticType.WARNING]: "text-warning dark:text-warning-dark",
|
21
21
|
[SemanticType.INFO]: "text-info dark:text-info-dark"
|
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
24
24
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
25
25
|
createElementVNode("div", _hoisted_2, [
|
26
26
|
createVNode(unref(IconDanger), {
|
27
|
-
class: normalizeClass(["-mt-1 mr-2 inline", stylesMap[_ctx.semanticType ?? unref(SemanticType).
|
27
|
+
class: normalizeClass(["-mt-1 mr-2 inline", stylesMap[_ctx.semanticType ?? unref(SemanticType).NEGATIVE]])
|
28
28
|
}, null, 8, ["class"]),
|
29
29
|
createTextVNode(toDisplayString(_ctx.title), 1)
|
30
30
|
]),
|
@@ -4,7 +4,7 @@ const infoCardSemanticTypeMap = {
|
|
4
4
|
[SemanticType.PRIMARY]: "bg-primary/10 dark:bg-primary-dark/10",
|
5
5
|
[SemanticType.SECONDARY]: "bg-gray-100 dark:bg-gray-800",
|
6
6
|
[SemanticType.POSITIVE]: "bg-positive/10 dark:bg-positive-dark/10",
|
7
|
-
[SemanticType.
|
7
|
+
[SemanticType.NEGATIVE]: "bg-negative/10 dark:bg-negative-dark/10",
|
8
8
|
[SemanticType.WARNING]: "bg-warning/20 dark:bg-warning-dark/10",
|
9
9
|
[SemanticType.INFO]: "bg-info/10 dark:bg-info-dark/10"
|
10
10
|
};
|
@@ -12,7 +12,7 @@ const infoCardIconSemanticTypeMap = {
|
|
12
12
|
[SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
|
13
13
|
[SemanticType.SECONDARY]: "text-description",
|
14
14
|
[SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
|
15
|
-
[SemanticType.
|
15
|
+
[SemanticType.NEGATIVE]: "text-negative dark:text-negative-dark",
|
16
16
|
[SemanticType.WARNING]: "text-warning dark:text-warning-dark",
|
17
17
|
[SemanticType.INFO]: "text-info dark:text-info-dark"
|
18
18
|
};
|
@@ -1,3 +1,5 @@
|
|
1
|
-
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
2
|
+
modalComponent: unknown;
|
3
|
+
}, HTMLDivElement>;
|
2
4
|
export default _default;
|
3
5
|
//# sourceMappingURL=WModal.vue.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA
|
1
|
+
{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA;;;;AAsYA,wBAOG"}
|