eco-vue-js 0.3.74 → 0.3.76
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Dropdown/WDropdown.vue.d.ts.map +1 -1
- package/dist/components/Dropdown/WDropdown.vue.js +6 -8
- package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts.map +1 -1
- package/dist/components/DropdownMenu/WDropdownMenu.vue.js +2 -2
- package/dist/components/Select/WSelect.vue.d.ts +3 -0
- package/dist/components/Select/WSelect.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelect.vue.js +6 -3
- package/dist/components/Select/WSelectAsync.vue.d.ts +3 -0
- package/dist/components/Select/WSelectAsync.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectAsync.vue.js +4 -2
- package/dist/components/Select/WSelectAsyncList.vue.d.ts +3 -0
- package/dist/components/Select/WSelectAsyncList.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectAsyncList.vue.js +4 -2
- package/dist/components/Select/WSelectAsyncSingle.vue.d.ts +3 -0
- package/dist/components/Select/WSelectAsyncSingle.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectAsyncSingle.vue.js +4 -2
- package/dist/components/Select/WSelectSingle.vue.d.ts +3 -0
- package/dist/components/Select/WSelectSingle.vue.d.ts.map +1 -1
- package/dist/components/Select/WSelectSingle.vue.js +4 -2
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts +3 -0
- package/dist/components/Select/components/SelectAsyncList.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectAsyncList.vue.js +6 -3
- package/dist/components/Select/components/SelectOption.vue.d.ts +2 -0
- package/dist/components/Select/components/SelectOption.vue.d.ts.map +1 -1
- package/dist/components/Select/components/SelectOption.vue.js +12 -8
- package/dist/components/Tabs/WTabs.vue.d.ts +2 -0
- package/dist/components/Tabs/WTabs.vue.d.ts.map +1 -1
- package/dist/components/Tabs/WTabs.vue.js +3 -2
- package/dist/components/Tooltip/WTooltip.vue.d.ts +2 -0
- package/dist/components/Tooltip/WTooltip.vue.d.ts.map +1 -1
- package/dist/components/Tooltip/WTooltip.vue.js +11 -3
- package/dist/components/Tooltip/WTooltipContainer.vue.d.ts.map +1 -1
- package/dist/components/Tooltip/WTooltipContainer.vue.js +19 -75
- package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts +36 -0
- package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts.map +1 -0
- package/dist/components/Tooltip/components/TooltipContainer.vue.js +86 -0
- package/dist/components/Tooltip/components/TooltipContainer.vue2.js +5 -0
- package/dist/utils/Tooltip.d.ts +1 -0
- package/dist/utils/Tooltip.d.ts.map +1 -1
- package/package.json +1 -1
@@ -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":"AAgBA;AAMA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4MvD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
@@ -1,8 +1,7 @@
|
|
1
|
-
import { defineComponent, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, openBlock, createElementBlock, normalizeStyle, normalizeClass,
|
1
|
+
import { defineComponent, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
|
2
2
|
import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
|
3
3
|
import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
|
4
4
|
import { horizontalGetterOrderMap, searchStyleGetter } from './utils/DropdownStyle.js';
|
5
|
-
import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
|
6
5
|
|
7
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
8
7
|
__name: "WDropdown",
|
@@ -36,16 +35,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
36
35
|
...verticalStyle.value
|
37
36
|
};
|
38
37
|
});
|
39
|
-
const setParentRect = (updateSize = false) => {
|
38
|
+
const setParentRect = (updateSize = false, updateAlign = false) => {
|
40
39
|
const newRect = props.parentElement.getBoundingClientRect();
|
41
40
|
const isLeftChanged = newRect.left !== parentRect?.left;
|
42
41
|
const isTopChanged = newRect.top !== parentRect?.top || newRect.bottom !== parentRect?.bottom;
|
43
|
-
if (!horizontalGetter || isLeftChanged && props.updateAlign) {
|
42
|
+
if (!horizontalGetter || isLeftChanged && (props.updateAlign || updateAlign)) {
|
44
43
|
horizontalGetter = searchStyleGetter(order.value, newRect, props.maxWidth);
|
45
44
|
if (updateSize)
|
46
45
|
widthStyle.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
|
47
46
|
}
|
48
|
-
if (!verticalGetter || isTopChanged && props.updateAlign) {
|
47
|
+
if (!verticalGetter || isTopChanged && (props.updateAlign || updateAlign)) {
|
49
48
|
const order2 = horizontalGetter.verticalGetterOrder;
|
50
49
|
verticalGetter = searchStyleGetter(order2, newRect, props.maxHeight);
|
51
50
|
isTop.value = verticalGetter.isTop;
|
@@ -87,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
87
86
|
domListenerContainer.destroy();
|
88
87
|
});
|
89
88
|
watch(toRef(props, "parentElement"), () => {
|
90
|
-
setParentRect();
|
89
|
+
setParentRect(false, true);
|
91
90
|
});
|
92
91
|
__expose({
|
93
92
|
update: () => {
|
@@ -100,8 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
100
99
|
ref: dropdown,
|
101
100
|
style: normalizeStyle(styles.value),
|
102
101
|
class: normalizeClass(["fixed h-auto group/dropdown", {
|
103
|
-
"dropdown-top": isTop.value
|
104
|
-
"w-0 flex justify-center": _ctx.horizontalAlign === unref(HorizontalAlign).CENTER
|
102
|
+
"dropdown-top": isTop.value
|
105
103
|
}])
|
106
104
|
}, [
|
107
105
|
renderSlot(_ctx.$slots, "default", {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAuCA;AAIA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6L5D,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
@@ -48,10 +48,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
48
48
|
"max-height": _ctx.maxHeight,
|
49
49
|
"max-width": _ctx.maxWidth,
|
50
50
|
"emit-update": _ctx.emitUpdate,
|
51
|
-
class: normalizeClass({
|
51
|
+
class: normalizeClass([{
|
52
52
|
"z-[2]": !_ctx.teleport,
|
53
53
|
"z-30": _ctx.teleport
|
54
|
-
}),
|
54
|
+
}, "will-change-[top,bottom]"]),
|
55
55
|
"onUpdate:rect": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:rect"))
|
56
56
|
}, {
|
57
57
|
default: withCtx(() => [
|
@@ -20,6 +20,7 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
|
|
20
20
|
mobileTitle?: string | undefined;
|
21
21
|
"onUpdate:search"?: ((value: string) => any) | undefined;
|
22
22
|
emptyStub?: string | undefined;
|
23
|
+
hideOptionIcon?: boolean | undefined;
|
23
24
|
options: Item[];
|
24
25
|
maxSearchLength?: number | undefined;
|
25
26
|
optionComponent?: Component<{
|
@@ -73,6 +74,7 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
|
|
73
74
|
mobileTitle?: string | undefined;
|
74
75
|
"onUpdate:search"?: ((value: string) => any) | undefined;
|
75
76
|
emptyStub?: string | undefined;
|
77
|
+
hideOptionIcon?: boolean | undefined;
|
76
78
|
options: Item[];
|
77
79
|
maxSearchLength?: number | undefined;
|
78
80
|
optionComponent?: Component<{
|
@@ -130,6 +132,7 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
|
|
130
132
|
mobileTitle?: string | undefined;
|
131
133
|
"onUpdate:search"?: ((value: string) => any) | undefined;
|
132
134
|
emptyStub?: string | undefined;
|
135
|
+
hideOptionIcon?: boolean | undefined;
|
133
136
|
options: Item[];
|
134
137
|
maxSearchLength?: number | undefined;
|
135
138
|
optionComponent?: Component<{
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AA0KA;AAEA,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;;;;;YAwnB/D,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA+BT,GAAG;;;;;;YArEoB,GAAG;uBACL,GAAG;;;YAxiBzB,QAAQ,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACtC,UAAU,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACxC,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;OAwmB4B,IAAI;;;;;;;gBA9BjE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA8BuD,IAAI;WACpE,GAAG;;;;;;YArEoB,GAAG;uBACL,GAAG;;;YAxiBzB,QAAQ,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACtC,UAAU,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACxC,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;;;;;oBA0kBjC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA8BuD,IAAI;eACpE,GAAG;;;;;;gBArEoB,GAAG;2BACL,GAAG;;;gBAxiBzB,QAAQ,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;gBACtC,UAAU,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;gBACxC,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AAtC3C,wBAopB2E"}
|
@@ -39,7 +39,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
39
39
|
placeholder: {},
|
40
40
|
noMargin: { type: Boolean },
|
41
41
|
icon: {},
|
42
|
-
mono: { type: Boolean }
|
42
|
+
mono: { type: Boolean },
|
43
|
+
hideOptionIcon: { type: Boolean }
|
43
44
|
},
|
44
45
|
emits: ["select", "unselect", "update:search", "create:option"],
|
45
46
|
setup(__props, { expose: __expose, emit: __emit }) {
|
@@ -248,6 +249,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
248
249
|
"is-cursor": index === cursor.value,
|
249
250
|
loading: loadingOptionIndex.value === index && _ctx.loading,
|
250
251
|
scroll: isCursorLocked.value,
|
252
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
251
253
|
class: "first:pt-4 last:pb-4",
|
252
254
|
onSelect: ($event) => {
|
253
255
|
select(option);
|
@@ -273,7 +275,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
273
275
|
])
|
274
276
|
]),
|
275
277
|
_: 2
|
276
|
-
}, 1032, ["is-selected", "is-cursor", "loading", "scroll", "onSelect", "onUnselect", "onMouseenter"]);
|
278
|
+
}, 1032, ["is-selected", "is-cursor", "loading", "scroll", "hide-option-icon", "onSelect", "onUnselect", "onMouseenter"]);
|
277
279
|
}), 128)),
|
278
280
|
_ctx.allowCreate && _ctx.search !== "" ? (openBlock(), createBlock(_sfc_main$2, {
|
279
281
|
key: 1,
|
@@ -281,6 +283,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
281
283
|
"is-cursor": cursor.value === _ctx.options.length,
|
282
284
|
loading: loadingOptionIndex.value === _ctx.options.length && _ctx.loading,
|
283
285
|
scroll: isCursorLocked.value,
|
286
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
284
287
|
class: "first:pt-4 last:pb-4",
|
285
288
|
onSelect: _cache[2] || (_cache[2] = ($event) => createOption(_ctx.search)),
|
286
289
|
onMouseenter: _cache[3] || (_cache[3] = ($event) => setCursor(_ctx.options.length))
|
@@ -300,7 +303,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
300
303
|
])
|
301
304
|
]),
|
302
305
|
_: 3
|
303
|
-
}, 8, ["is-cursor", "loading", "scroll"])) : createCommentVNode("", true)
|
306
|
+
}, 8, ["is-cursor", "loading", "scroll", "hide-option-icon"])) : createCommentVNode("", true)
|
304
307
|
]),
|
305
308
|
_: 2
|
306
309
|
}, [
|
@@ -24,6 +24,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
24
24
|
useQueryFn: UsePaginatedQuery<Data>;
|
25
25
|
isInvalidPage: (error: unknown) => boolean;
|
26
26
|
emptyStub?: string | undefined;
|
27
|
+
hideOptionIcon?: boolean | undefined;
|
27
28
|
maxSearchLength?: number | undefined;
|
28
29
|
optionComponent?: Component<{
|
29
30
|
option: Data;
|
@@ -91,6 +92,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
91
92
|
useQueryFn: UsePaginatedQuery<Data>;
|
92
93
|
isInvalidPage: (error: unknown) => boolean;
|
93
94
|
emptyStub?: string | undefined;
|
95
|
+
hideOptionIcon?: boolean | undefined;
|
94
96
|
maxSearchLength?: number | undefined;
|
95
97
|
optionComponent?: Component<{
|
96
98
|
option: Data;
|
@@ -162,6 +164,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
162
164
|
useQueryFn: UsePaginatedQuery<Data>;
|
163
165
|
isInvalidPage: (error: unknown) => boolean;
|
164
166
|
emptyStub?: string | undefined;
|
167
|
+
hideOptionIcon?: boolean | undefined;
|
165
168
|
maxSearchLength?: number | undefined;
|
166
169
|
optionComponent?: Component<{
|
167
170
|
option: Data;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAwGA;AAEA,OAAO,EAA0B,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;;;;;YAyZjD,MAAM;;gBADF,MAAM,EAAE;;;;;;;;;;;;;iBAIP,WAAW;;2BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;WAgCrC,GAAG;;yBAxTQ,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;sBACG,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;yBADrF,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;sBACG,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;YAvFjG,QAAQ,QAAQ,MAAM,GAAG,IAAI;YAC7B,UAAU,QAAQ,MAAM,GAAG,IAAI;YAC/B,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;OAyY4B,IAAI;;;;;;;gBAjCjE,MAAM;;oBADF,MAAM,EAAE;;;;;;;;;;;;;qBAIP,WAAW;;+BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;SA+B2B,IAAI;WACpE,GAAG;;yBAxTQ,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;sBACG,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;yBADrF,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;sBACG,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;YAvFjG,QAAQ,QAAQ,MAAM,GAAG,IAAI;YAC7B,UAAU,QAAQ,MAAM,GAAG,IAAI;YAC/B,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;;;;;oBAwWjC,MAAM;;wBADF,MAAM,EAAE;;;;;;;;;;;;;yBAIP,WAAW;;mCADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;aA+B2B,IAAI;eACpE,GAAG;;6BAxTQ,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;0BACG,OAAO;0BAAY,OAAO;uBAAS,OAAO;kBAAM,IAAI;;6BADrF,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;0BACG,OAAO;0BAAY,OAAO;uBAAS,OAAO;kBAAM,IAAI;;;gBAvFjG,QAAQ,QAAQ,MAAM,GAAG,IAAI;gBAC7B,UAAU,QAAQ,MAAM,GAAG,IAAI;gBAC/B,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;gBAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AA1C3C,wBAyb2E"}
|
@@ -33,7 +33,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
33
33
|
noMargin: { type: Boolean },
|
34
34
|
icon: {},
|
35
35
|
mono: { type: Boolean },
|
36
|
-
previewData: {}
|
36
|
+
previewData: {},
|
37
|
+
hideOptionIcon: { type: Boolean }
|
37
38
|
},
|
38
39
|
emits: ["select", "unselect", "update:search", "update:modelValue", "create:option"],
|
39
40
|
setup(__props, { expose: __expose, emit: __emit }) {
|
@@ -172,6 +173,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
172
173
|
disabled: isDisabled.value,
|
173
174
|
"empty-stub": _ctx.emptyStub ?? "No match",
|
174
175
|
"allow-create": _ctx.allowCreate && _ctx.search !== "",
|
176
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
175
177
|
onSelect: select,
|
176
178
|
onUnselect: unselect,
|
177
179
|
"onCreate:option": create,
|
@@ -194,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
194
196
|
])
|
195
197
|
]),
|
196
198
|
_: 3
|
197
|
-
}, 8, ["model-value", "use-query-fn", "query-params", "is-invalid-page", "loading", "disabled", "empty-stub", "allow-create"])
|
199
|
+
}, 8, ["model-value", "use-query-fn", "query-params", "is-invalid-page", "loading", "disabled", "empty-stub", "allow-create", "hide-option-icon"])
|
198
200
|
]),
|
199
201
|
_: 2
|
200
202
|
}, [
|
@@ -13,6 +13,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
13
13
|
emptyStub?: string | undefined;
|
14
14
|
excludeParams?: string[] | undefined;
|
15
15
|
"onUpdate:model-value"?: ((value: number[]) => any) | undefined;
|
16
|
+
hideOptionIcon?: boolean | undefined;
|
16
17
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
|
17
18
|
attrs: any;
|
18
19
|
slots: Readonly<{
|
@@ -52,6 +53,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
52
53
|
emptyStub?: string | undefined;
|
53
54
|
excludeParams?: string[] | undefined;
|
54
55
|
"onUpdate:model-value"?: ((value: number[]) => any) | undefined;
|
56
|
+
hideOptionIcon?: boolean | undefined;
|
55
57
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
56
58
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
57
59
|
attrs: any;
|
@@ -95,6 +97,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
95
97
|
emptyStub?: string | undefined;
|
96
98
|
excludeParams?: string[] | undefined;
|
97
99
|
"onUpdate:model-value"?: ((value: number[]) => any) | undefined;
|
100
|
+
hideOptionIcon?: boolean | undefined;
|
98
101
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
99
102
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
100
103
|
attrs: any;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"AAsDA;;;;gBAyNc,MAAM,EAAE;;;iBAGP,WAAW;;;;;2BADD,OAAO,KAAK,OAAO;;;;;;WAcrC,GAAG;;;;sBApM0C,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;;sBAApD,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;YATlG,QAAQ,SAAS,MAAM,GAAG,IAAI;YAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,oBAAoB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC5C,cAAc,SAAS,MAAM,GAAG,IAAI;;yCAyM1B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;oBAf3C,MAAM,EAAE;;;qBAGP,WAAW;;;;;+BADD,OAAO,KAAK,OAAO;;;;;;oBAa5B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;sBApM0C,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;;sBAApD,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;YATlG,QAAQ,SAAS,MAAM,GAAG,IAAI;YAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,oBAAoB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC5C,cAAc,SAAS,MAAM,GAAG,IAAI;;;;;;;;;wBA0L5B,MAAM,EAAE;;;yBAGP,WAAW;;;;;mCADD,OAAO,KAAK,OAAO;;;;;;wBAa5B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;0BApM0C,OAAO;0BAAY,OAAO;uBAAS,OAAO;kBAAM,IAAI;;;;0BAApD,OAAO;0BAAY,OAAO;uBAAS,OAAO;kBAAM,IAAI;;;gBATlG,QAAQ,SAAS,MAAM,GAAG,IAAI;gBAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;gBAChC,oBAAoB,SAAS,MAAM,EAAE,GAAG,IAAI;gBAC5C,cAAc,SAAS,MAAM,GAAG,IAAI;;;;AAxB1C,wBAuO2E"}
|
@@ -18,7 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
18
18
|
skeleton: { type: Boolean },
|
19
19
|
excludeParams: {},
|
20
20
|
selectOnly: { type: Boolean },
|
21
|
-
unselectOnly: { type: Boolean }
|
21
|
+
unselectOnly: { type: Boolean },
|
22
|
+
hideOptionIcon: { type: Boolean }
|
22
23
|
},
|
23
24
|
emits: ["select", "unselect", "update:model-value", "update:count"],
|
24
25
|
setup(__props) {
|
@@ -49,6 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
49
50
|
"empty-stub": _ctx.emptyStub,
|
50
51
|
"select-only": _ctx.selectOnly,
|
51
52
|
"unselect-only": _ctx.unselectOnly,
|
53
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
52
54
|
"allow-update-selected": "",
|
53
55
|
transition: "",
|
54
56
|
"no-padding": "",
|
@@ -66,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
66
68
|
})
|
67
69
|
]),
|
68
70
|
_: 3
|
69
|
-
}, 8, ["model-value", "use-query-fn", "is-invalid-page", "query-params", "scrolling-element", "exclude-params", "empty-stub", "select-only", "unselect-only"])
|
71
|
+
}, 8, ["model-value", "use-query-fn", "is-invalid-page", "query-params", "scrolling-element", "exclude-params", "empty-stub", "select-only", "unselect-only", "hide-option-icon"])
|
70
72
|
], 512))
|
71
73
|
]);
|
72
74
|
};
|
@@ -23,6 +23,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
23
23
|
useQueryFn: UsePaginatedQuery<Data>;
|
24
24
|
isInvalidPage: (error: unknown) => boolean;
|
25
25
|
emptyStub?: string | undefined;
|
26
|
+
hideOptionIcon?: boolean | undefined;
|
26
27
|
maxSearchLength?: number | undefined;
|
27
28
|
optionComponent?: Component<{
|
28
29
|
option: Data;
|
@@ -75,6 +76,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
75
76
|
useQueryFn: UsePaginatedQuery<Data>;
|
76
77
|
isInvalidPage: (error: unknown) => boolean;
|
77
78
|
emptyStub?: string | undefined;
|
79
|
+
hideOptionIcon?: boolean | undefined;
|
78
80
|
maxSearchLength?: number | undefined;
|
79
81
|
optionComponent?: Component<{
|
80
82
|
option: Data;
|
@@ -131,6 +133,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
131
133
|
useQueryFn: UsePaginatedQuery<Data>;
|
132
134
|
isInvalidPage: (error: unknown) => boolean;
|
133
135
|
emptyStub?: string | undefined;
|
136
|
+
hideOptionIcon?: boolean | undefined;
|
134
137
|
maxSearchLength?: number | undefined;
|
135
138
|
optionComponent?: Component<{
|
136
139
|
option: Data;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAuDA;AAEA,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;;;;YAsNrD,MAAM;;gBADF,MAAM,GAAG,IAAI;;;;;;;;;;;;;iBAIZ,WAAW;;2BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;WA+BrC,GAAG;;;;;;YAzDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAChD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;OA2M4B,IAAI;;;;;;gBAhCjE,MAAM;;oBADF,MAAM,GAAG,IAAI;;;;;;;;;;;;;qBAIZ,WAAW;;+BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;SA8B2B,IAAI;WACpE,GAAG;;;;;;YAzDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAChD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;;;;oBA2KjC,MAAM;;wBADF,MAAM,GAAG,IAAI;;;;;;;;;;;;;yBAIZ,WAAW;;mCADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;aA8B2B,IAAI;eACpE,GAAG;;;;;;gBAzDmB,GAAG;2BACJ,GAAG;;;gBAtJzB,mBAAmB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;gBAChD,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AAvC3C,wBAwP2E"}
|
@@ -29,7 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
29
29
|
icon: {},
|
30
30
|
mono: { type: Boolean },
|
31
31
|
allowClear: { type: Boolean },
|
32
|
-
previewData: {}
|
32
|
+
previewData: {},
|
33
|
+
hideOptionIcon: { type: Boolean }
|
33
34
|
},
|
34
35
|
emits: ["update:modelValue", "update:search", "create:option"],
|
35
36
|
setup(__props, { expose: __expose, emit: __emit }) {
|
@@ -82,6 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
82
83
|
mono: _ctx.mono,
|
83
84
|
"disable-clear": !_ctx.allowClear,
|
84
85
|
"preview-data": _ctx.previewData ? [_ctx.previewData] : void 0,
|
86
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
85
87
|
"hide-prefix": "",
|
86
88
|
onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
|
87
89
|
onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(_ctx.allowClear ? null : $event)),
|
@@ -104,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
104
106
|
]),
|
105
107
|
key: "0"
|
106
108
|
} : void 0
|
107
|
-
]), 1032, ["model-value", "search", "title", "mobile-title", "description", "loading", "max-search-length", "empty-stub", "query-params", "use-query-fn", "is-invalid-page", "option-component", "readonly", "disabled", "skeleton", "allow-create", "error-message", "has-changes", "placeholder", "search-size", "required", "no-margin", "icon", "mono", "disable-clear", "preview-data"])
|
109
|
+
]), 1032, ["model-value", "search", "title", "mobile-title", "description", "loading", "max-search-length", "empty-stub", "query-params", "use-query-fn", "is-invalid-page", "option-component", "readonly", "disabled", "skeleton", "allow-create", "error-message", "has-changes", "placeholder", "search-size", "required", "no-margin", "icon", "mono", "disable-clear", "preview-data", "hide-option-icon"])
|
108
110
|
]);
|
109
111
|
};
|
110
112
|
}
|
@@ -20,6 +20,7 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
|
|
20
20
|
mobileTitle?: string | undefined;
|
21
21
|
"onUpdate:search"?: ((value: string) => any) | undefined;
|
22
22
|
emptyStub?: string | undefined;
|
23
|
+
hideOptionIcon?: boolean | undefined;
|
23
24
|
options: Item[];
|
24
25
|
maxSearchLength?: number | undefined;
|
25
26
|
optionComponent?: Component<{
|
@@ -69,6 +70,7 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
|
|
69
70
|
mobileTitle?: string | undefined;
|
70
71
|
"onUpdate:search"?: ((value: string) => any) | undefined;
|
71
72
|
emptyStub?: string | undefined;
|
73
|
+
hideOptionIcon?: boolean | undefined;
|
72
74
|
options: Item[];
|
73
75
|
maxSearchLength?: number | undefined;
|
74
76
|
optionComponent?: Component<{
|
@@ -122,6 +124,7 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
|
|
122
124
|
mobileTitle?: string | undefined;
|
123
125
|
"onUpdate:search"?: ((value: string) => any) | undefined;
|
124
126
|
emptyStub?: string | undefined;
|
127
|
+
hideOptionIcon?: boolean | undefined;
|
125
128
|
options: Item[];
|
126
129
|
maxSearchLength?: number | undefined;
|
127
130
|
optionComponent?: Component<{
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AAoDA;AAEA,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;;;;YAmNrD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA8BT,GAAG;;;;;;YAtDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,uBAAuB,IAAI;YAC9C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;OAwM4B,IAAI;;;;;;gBA7BjE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6BuD,IAAI;WACpE,GAAG;;;;;;YAtDmB,GAAG;uBACJ,GAAG;;;YAtJzB,mBAAmB,uBAAuB,IAAI;YAC9C,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;;;;oBA2KjC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA6BuD,IAAI;eACpE,GAAG;;;;;;gBAtDmB,GAAG;2BACJ,GAAG;;;gBAtJzB,mBAAmB,uBAAuB,IAAI;gBAC9C,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AApC3C,wBAkP2E"}
|
@@ -26,7 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
26
26
|
noMargin: { type: Boolean },
|
27
27
|
icon: {},
|
28
28
|
mono: { type: Boolean },
|
29
|
-
allowClear: { type: Boolean }
|
29
|
+
allowClear: { type: Boolean },
|
30
|
+
hideOptionIcon: { type: Boolean }
|
30
31
|
},
|
31
32
|
emits: ["update:modelValue", "update:search", "create:option"],
|
32
33
|
setup(__props, { expose: __expose, emit: __emit }) {
|
@@ -76,6 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
76
77
|
icon: _ctx.icon,
|
77
78
|
mono: _ctx.mono,
|
78
79
|
"disable-clear": !_ctx.allowClear,
|
80
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
79
81
|
"hide-prefix": "",
|
80
82
|
onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
|
81
83
|
onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(_ctx.allowClear ? null : $event)),
|
@@ -98,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
98
100
|
]),
|
99
101
|
key: "0"
|
100
102
|
} : void 0
|
101
|
-
]), 1032, ["model-value", "search", "options", "title", "mobile-title", "description", "loading", "max-search-length", "empty-stub", "option-component", "readonly", "disabled", "skeleton", "allow-create", "error-message", "has-changes", "placeholder", "search-size", "required", "no-margin", "icon", "mono", "disable-clear"])
|
103
|
+
]), 1032, ["model-value", "search", "options", "title", "mobile-title", "description", "loading", "max-search-length", "empty-stub", "option-component", "readonly", "disabled", "skeleton", "allow-create", "error-message", "has-changes", "placeholder", "search-size", "required", "no-margin", "icon", "mono", "disable-clear", "hide-option-icon"])
|
102
104
|
]);
|
103
105
|
};
|
104
106
|
}
|
@@ -15,6 +15,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
15
15
|
isInvalidPage: (error: unknown) => boolean;
|
16
16
|
emptyStub?: string | undefined;
|
17
17
|
excludeParams?: string[] | undefined;
|
18
|
+
hideOptionIcon?: boolean | undefined;
|
18
19
|
"onCreate:option"?: (() => any) | undefined;
|
19
20
|
allowCreate?: boolean | undefined;
|
20
21
|
noPadding?: boolean | undefined;
|
@@ -62,6 +63,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
62
63
|
isInvalidPage: (error: unknown) => boolean;
|
63
64
|
emptyStub?: string | undefined;
|
64
65
|
excludeParams?: string[] | undefined;
|
66
|
+
hideOptionIcon?: boolean | undefined;
|
65
67
|
"onCreate:option"?: (() => any) | undefined;
|
66
68
|
allowCreate?: boolean | undefined;
|
67
69
|
noPadding?: boolean | undefined;
|
@@ -113,6 +115,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
|
|
113
115
|
isInvalidPage: (error: unknown) => boolean;
|
114
116
|
emptyStub?: string | undefined;
|
115
117
|
excludeParams?: string[] | undefined;
|
118
|
+
hideOptionIcon?: boolean | undefined;
|
116
119
|
"onCreate:option"?: (() => any) | undefined;
|
117
120
|
allowCreate?: boolean | undefined;
|
118
121
|
noPadding?: boolean | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"AA0FA;;;;;;;gBAoac,MAAM,EAAE;;;iBAEP,WAAW;;;;;2BACD,OAAO,KAAK,OAAO;;;;;;;;WAmBrC,GAAG;;;;sBApU0C,OAAO;sBAAY,OAAO;cAAM,IAAI;;;;sBAApC,OAAO;sBAAY,OAAO;cAAM,IAAI;;;YArFlF,QAAQ,SAAS,MAAM,GAAG,IAAI;YAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC3C,eAAe,GAAG,IAAI;;;;;;OAoZ2C,IAAI;;;;;;;oBArB7D,MAAM,EAAE;;;qBAEP,WAAW;;;;;+BACD,OAAO,KAAK,OAAO;;;;;;;;;;;;SAkB2B,IAAI;WACpE,GAAG;;;;sBApU0C,OAAO;sBAAY,OAAO;cAAM,IAAI;;;;sBAApC,OAAO;sBAAY,OAAO;cAAM,IAAI;;;YArFlF,QAAQ,SAAS,MAAM,GAAG,IAAI;YAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC3C,eAAe,GAAG,IAAI;;;;;;;;;;;;wBA+Xd,MAAM,EAAE;;;yBAEP,WAAW;;;;;mCACD,OAAO,KAAK,OAAO;;;;;;;;;;;;aAkB2B,IAAI;eACpE,GAAG;;;;0BApU0C,OAAO;0BAAY,OAAO;kBAAM,IAAI;;;;0BAApC,OAAO;0BAAY,OAAO;kBAAM,IAAI;;;gBArFlF,QAAQ,SAAS,MAAM,GAAG,IAAI;gBAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;gBAChC,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;gBAC3C,eAAe,GAAG,IAAI;;;;AA7B5B,wBAub2E"}
|
@@ -21,7 +21,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
21
21
|
emptyStub: {},
|
22
22
|
selectOnly: { type: Boolean },
|
23
23
|
unselectOnly: { type: Boolean },
|
24
|
-
allowCreate: { type: Boolean }
|
24
|
+
allowCreate: { type: Boolean },
|
25
|
+
hideOptionIcon: { type: Boolean }
|
25
26
|
},
|
26
27
|
emits: ["select", "unselect", "update:count", "update:modelValue", "create:option"],
|
27
28
|
setup(__props, { expose: __expose, emit: __emit }) {
|
@@ -121,6 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
121
122
|
previous: first && props.allowCreate ? null : previous?.id,
|
122
123
|
next: last && props.allowCreate ? null : next?.id,
|
123
124
|
"is-no-cursor": cursor.value === void 0,
|
125
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
124
126
|
class: normalizeClass({
|
125
127
|
"pt-4": !_ctx.noPadding && first,
|
126
128
|
"pb-4": !_ctx.noPadding && last && !_ctx.allowCreate
|
@@ -150,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
150
152
|
})
|
151
153
|
]),
|
152
154
|
_: 2
|
153
|
-
}, 1032, ["is-selected", "is-cursor", "loading", "skeleton", "scroll", "first", "last", "previous", "next", "is-no-cursor", "class", "onSelect", "onUnselect", "onMouseenter", "onUpdate:cursor", "onUpdate:isCursor", "onUnmounted", "onUpdate:first", "onUpdate:last"])
|
155
|
+
}, 1032, ["is-selected", "is-cursor", "loading", "skeleton", "scroll", "first", "last", "previous", "next", "is-no-cursor", "hide-option-icon", "class", "onSelect", "onUnselect", "onMouseenter", "onUpdate:cursor", "onUpdate:isCursor", "onUnmounted", "onUpdate:first", "onUpdate:last"])
|
154
156
|
]),
|
155
157
|
_: 3
|
156
158
|
}, 8, ["use-query-fn", "query-params", "is-invalid-page", "scrolling-element", "transition", "exclude-params", "selected", "empty-stub", "select-only", "unselect-only"]),
|
@@ -164,6 +166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
164
166
|
next: firstItem.value,
|
165
167
|
first: count.value === 0,
|
166
168
|
"is-no-cursor": cursor.value === void 0,
|
169
|
+
"hide-option-icon": _ctx.hideOptionIcon,
|
167
170
|
class: "first:pt-4 last:pb-4",
|
168
171
|
onMouseenter: _cache[4] || (_cache[4] = ($event) => setCursor(null)),
|
169
172
|
"onUpdate:cursor": _cache[5] || (_cache[5] = ($event) => setCursor(null)),
|
@@ -185,7 +188,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
185
188
|
})
|
186
189
|
]),
|
187
190
|
_: 3
|
188
|
-
}, 8, ["is-cursor", "loading", "scroll", "previous", "next", "first", "is-no-cursor"])) : createCommentVNode("", true)
|
191
|
+
}, 8, ["is-cursor", "loading", "scroll", "previous", "next", "first", "is-no-cursor", "hide-option-icon"])) : createCommentVNode("", true)
|
189
192
|
]);
|
190
193
|
};
|
191
194
|
}
|
@@ -9,6 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
9
9
|
previous?: number | null | undefined;
|
10
10
|
next?: number | null | undefined;
|
11
11
|
isNoCursor?: boolean | undefined;
|
12
|
+
hideOptionIcon?: boolean | undefined;
|
12
13
|
}>, {
|
13
14
|
scrollIntoView: () => void;
|
14
15
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
@@ -35,6 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
35
36
|
previous?: number | null | undefined;
|
36
37
|
next?: number | null | undefined;
|
37
38
|
isNoCursor?: boolean | undefined;
|
39
|
+
hideOptionIcon?: boolean | undefined;
|
38
40
|
}>>> & {
|
39
41
|
onSelect?: (() => any) | undefined;
|
40
42
|
onUnselect?: (() => any) | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"AAsCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8QA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
@@ -2,10 +2,9 @@ import { defineComponent, ref, watch, toRef, onUnmounted, openBlock, createEleme
|
|
2
2
|
import IconCheck from '../../../assets/icons/default/IconCheck.svg.js';
|
3
3
|
import WSpinner from '../../Spinner/WSpinner.vue.js';
|
4
4
|
|
5
|
-
const _hoisted_1 = {
|
6
|
-
const _hoisted_2 = {
|
5
|
+
const _hoisted_1 = {
|
7
6
|
key: 0,
|
8
|
-
class: "flex items-center justify-center text-primary-default dark:text-primary-dark
|
7
|
+
class: "flex items-center justify-center text-primary-default dark:text-primary-dark [--spinner-size:1.5rem]"
|
9
8
|
};
|
10
9
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
11
10
|
__name: "SelectOption",
|
@@ -19,7 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
19
18
|
last: { type: Boolean },
|
20
19
|
previous: {},
|
21
20
|
next: {},
|
22
|
-
isNoCursor: { type: Boolean }
|
21
|
+
isNoCursor: { type: Boolean },
|
22
|
+
hideOptionIcon: { type: Boolean }
|
23
23
|
},
|
24
24
|
emits: ["select", "unselect", "update:is-cursor", "update:cursor", "update:previous", "update:next", "unmounted", "update:first", "update:last"],
|
25
25
|
setup(__props, { expose: __expose, emit: __emit }) {
|
@@ -78,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
78
78
|
return openBlock(), createElementBlock("div", {
|
79
79
|
ref_key: "element",
|
80
80
|
ref: element,
|
81
|
-
class: normalizeClass(["relative
|
81
|
+
class: normalizeClass(["relative grid grid-cols-[1fr,2.5rem] w-full select-none cursor-pointer py-2 px-[1.0625rem]", {
|
82
82
|
"bg-primary-light dark:bg-primary-darkest": _ctx.isSelected,
|
83
83
|
"before:opacity-5": _ctx.isCursor && !_ctx.skeleton,
|
84
84
|
"cursor-progress": _ctx.loading || _ctx.skeleton,
|
@@ -88,9 +88,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
88
88
|
}, ["prevent", "stop"])),
|
89
89
|
onClick: withModifiers(toggle, ["prevent", "stop"])
|
90
90
|
}, [
|
91
|
-
createElementVNode("div",
|
91
|
+
createElementVNode("div", {
|
92
|
+
class: normalizeClass(["flex items-center flex-1 overflow-hidden", {
|
93
|
+
"col-span-2": _ctx.hideOptionIcon
|
94
|
+
}])
|
95
|
+
}, [
|
92
96
|
renderSlot(_ctx.$slots, "default", { selected: _ctx.isSelected })
|
93
|
-
]),
|
97
|
+
], 2),
|
94
98
|
createVNode(Transition, {
|
95
99
|
"enter-active-class": "transition-opacity",
|
96
100
|
"leave-active-class": "transition-opacity",
|
@@ -98,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
98
102
|
"leave-to-class": "opacity-0"
|
99
103
|
}, {
|
100
104
|
default: withCtx(() => [
|
101
|
-
_ctx.isSelected || _ctx.loading ? (openBlock(), createElementBlock("div",
|
105
|
+
!_ctx.hideOptionIcon && (_ctx.isSelected || _ctx.loading) ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
102
106
|
_ctx.isSelected && !_ctx.loading ? (openBlock(), createBlock(unref(IconCheck), { key: 0 })) : _ctx.loading ? (openBlock(), createBlock(WSpinner, { key: 1 })) : createCommentVNode("", true)
|
103
107
|
])) : createCommentVNode("", true)
|
104
108
|
]),
|
@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
|
|
5
5
|
[key: string]: any;
|
6
6
|
}>[] | undefined;
|
7
7
|
lessTransitions?: boolean | undefined;
|
8
|
+
initTab?: number | undefined;
|
8
9
|
}>, {
|
9
10
|
updateIndex: (value: number) => void;
|
10
11
|
next: () => void;
|
@@ -19,6 +20,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
|
|
19
20
|
[key: string]: any;
|
20
21
|
}>[] | undefined;
|
21
22
|
lessTransitions?: boolean | undefined;
|
23
|
+
initTab?: number | undefined;
|
22
24
|
}>>> & {
|
23
25
|
"onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
|
24
26
|
"onUpdate:current"?: ((value: number) => any) | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAkFA;AAEA,OAAO,EAAkC,KAAK,KAAK,EAAoD,MAAM,KAAK,CAAA
|
1
|
+
{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAkFA;AAEA,OAAO,EAAkC,KAAK,KAAK,EAAoD,MAAM,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4XlH,wBAaG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
|
@@ -16,7 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
16
16
|
props: {
|
17
17
|
names: {},
|
18
18
|
slots: {},
|
19
|
-
lessTransitions: { type: Boolean }
|
19
|
+
lessTransitions: { type: Boolean },
|
20
|
+
initTab: {}
|
20
21
|
},
|
21
22
|
emits: ["update:current", "update:has-changes"],
|
22
23
|
setup(__props, { expose: __expose, emit: __emit }) {
|
@@ -24,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
24
25
|
const emit = __emit;
|
25
26
|
const slots = useSlots();
|
26
27
|
const defaultSlots = computed(() => (props.slots ?? slots.default?.() ?? []).filter((item) => typeof item.type !== "symbol"));
|
27
|
-
const current = ref(0);
|
28
|
+
const current = ref(props.initTab ?? 0);
|
28
29
|
const isDirect = ref(true);
|
29
30
|
const button = ref([]);
|
30
31
|
const indicatorStyle = ref(void 0);
|
@@ -4,12 +4,14 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
|
|
4
4
|
overflowOnly?: boolean | undefined;
|
5
5
|
light?: boolean | undefined;
|
6
6
|
trigger?: Element | undefined;
|
7
|
+
maxHeight?: number | undefined;
|
7
8
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
8
9
|
text?: string | undefined;
|
9
10
|
noTouch?: boolean | undefined;
|
10
11
|
overflowOnly?: boolean | undefined;
|
11
12
|
light?: boolean | undefined;
|
12
13
|
trigger?: Element | undefined;
|
14
|
+
maxHeight?: number | undefined;
|
13
15
|
}>>>, {}, {}>;
|
14
16
|
export default _default;
|
15
17
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
@@ -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;;;;;;;;;;;;;;;;AAmIA,wBAaG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { defineComponent, useSlots, ref, computed, watch, toRef, onBeforeUnmount, unref, openBlock, createElementBlock, createCommentVNode } from 'vue';
|
1
|
+
import { defineComponent, useSlots, ref, computed, watch, toRef, onBeforeUnmount, unref, openBlock, createElementBlock, createCommentVNode, markRaw } from 'vue';
|
2
2
|
import { getIsTouchDevice } from '../../utils/mobile.js';
|
3
3
|
import { Tooltip } from '../../utils/Tooltip.js';
|
4
4
|
import { getIncrement } from './models/utils.js';
|
@@ -10,7 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
10
|
noTouch: { type: Boolean },
|
11
11
|
overflowOnly: { type: Boolean },
|
12
12
|
light: { type: Boolean },
|
13
|
-
trigger: {}
|
13
|
+
trigger: {},
|
14
|
+
maxHeight: {}
|
14
15
|
},
|
15
16
|
setup(__props) {
|
16
17
|
const props = __props;
|
@@ -32,7 +33,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
32
33
|
if (parent.value.scrollHeight === Math.round(rect.height) && parent.value.scrollWidth === Math.round(rect.width))
|
33
34
|
return;
|
34
35
|
}
|
35
|
-
Tooltip.add({
|
36
|
+
Tooltip.add({
|
37
|
+
parent: parent.value,
|
38
|
+
slot: slot ? markRaw(slot) : void 0,
|
39
|
+
text: props.text,
|
40
|
+
light: props.light,
|
41
|
+
key: getIncrement(),
|
42
|
+
maxHeight: props.maxHeight
|
43
|
+
});
|
36
44
|
};
|
37
45
|
const close = () => {
|
38
46
|
isOpen.value = false;
|
@@ -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":"AA4CA;;AAoMA,wBAKG"}
|
@@ -1,20 +1,17 @@
|
|
1
|
-
import { defineComponent, ref, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, openBlock, createBlock, Transition, withCtx, unref,
|
1
|
+
import { defineComponent, ref, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted, openBlock, createBlock, Transition, withCtx, unref, createVNode, resolveDynamicComponent, createElementBlock, toDisplayString, createCommentVNode, 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';
|
5
|
-
import
|
5
|
+
import _sfc_main$2 from './components/TooltipContainer.vue.js';
|
6
6
|
|
7
7
|
const _hoisted_1 = {
|
8
8
|
key: 1,
|
9
9
|
class: "whitespace-nowrap"
|
10
10
|
};
|
11
|
-
const MARGIN = 12;
|
12
11
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
13
12
|
__name: "WTooltipContainer",
|
14
13
|
setup(__props) {
|
15
14
|
const tooltipMeta = ref(null);
|
16
|
-
const container = ref();
|
17
|
-
const containerWidth = ref(0);
|
18
15
|
let timeout;
|
19
16
|
const setTooltipMeta = (meta) => {
|
20
17
|
clearTimeoutOnClose();
|
@@ -25,8 +22,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
25
22
|
}, 100);
|
26
23
|
} else if (tooltipMeta.value !== meta) {
|
27
24
|
timeout = setTimeout(() => {
|
28
|
-
tooltipMeta.value = meta;
|
29
|
-
|
25
|
+
tooltipMeta.value = markRaw(meta);
|
26
|
+
timeout = void 0;
|
30
27
|
}, 25);
|
31
28
|
}
|
32
29
|
};
|
@@ -40,45 +37,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
40
37
|
clearTimeout(timeout);
|
41
38
|
timeout = void 0;
|
42
39
|
};
|
43
|
-
const updateContainerStyles = (value) => {
|
44
|
-
if (!value) {
|
45
|
-
containerWidth.value = 0;
|
46
|
-
} else {
|
47
|
-
containerWidth.value = value.getBoundingClientRect().width;
|
48
|
-
}
|
49
|
-
};
|
50
|
-
const getMarginStyles = (left, right) => {
|
51
|
-
if (!isClientSide || !containerWidth.value)
|
52
|
-
return;
|
53
|
-
const l = left ? Number.parseFloat(left.substring(0, left.indexOf("px"))) : void 0;
|
54
|
-
if (l !== void 0) {
|
55
|
-
const containerLeft = l - containerWidth.value / 2 - MARGIN;
|
56
|
-
if (containerLeft < 0)
|
57
|
-
return { marginLeft: 0 - containerLeft + "px", marginRight: containerLeft + "px" };
|
58
|
-
const containerRight = window.innerWidth - l - containerWidth.value / 2 - MARGIN;
|
59
|
-
if (containerRight < 0)
|
60
|
-
return { marginRight: 0 - containerRight + "px", marginLeft: containerRight + "px" };
|
61
|
-
return {};
|
62
|
-
}
|
63
|
-
const r = right ? Number.parseFloat(right.substring(0, right.indexOf("px"))) : void 0;
|
64
|
-
if (r !== void 0) {
|
65
|
-
const containerLeft = window.innerWidth - r - containerWidth.value / 2 - MARGIN;
|
66
|
-
if (containerLeft < 0)
|
67
|
-
return { marginLeft: 0 - containerLeft + "px", marginRight: containerLeft + "px" };
|
68
|
-
const containerRight = r - containerWidth.value / 2 - MARGIN;
|
69
|
-
if (containerRight < 0)
|
70
|
-
return { marginRight: 0 - containerRight + "px", marginLeft: containerRight + "px" };
|
71
|
-
return {};
|
72
|
-
}
|
73
|
-
};
|
74
|
-
const marginStyleCache = ref();
|
75
|
-
const getMarginStylesCached = (left, right) => {
|
76
|
-
const styles = getMarginStyles(left, right);
|
77
|
-
if (!styles)
|
78
|
-
return marginStyleCache.value;
|
79
|
-
marginStyleCache.value = styles;
|
80
|
-
return styles;
|
81
|
-
};
|
82
40
|
onBeforeMount(() => {
|
83
41
|
initTooltip(setTooltipMeta);
|
84
42
|
});
|
@@ -103,45 +61,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
103
61
|
key: 0,
|
104
62
|
"parent-element": tooltipMeta.value.parent,
|
105
63
|
"horizontal-align": unref(HorizontalAlign).CENTER,
|
106
|
-
"max-height":
|
64
|
+
"max-height": tooltipMeta.value?.maxHeight ?? 120,
|
107
65
|
"max-width": 240,
|
108
66
|
"emit-update": "",
|
109
|
-
class: "z-[10000] [
|
67
|
+
class: "z-[10000] sm:transition-[top,bottom,left,right] will-change-[top,bottom,left,right] isolate",
|
110
68
|
"onUpdate:rect": close
|
111
69
|
}, {
|
112
70
|
default: withCtx(({ left, right, istop }) => [
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
"border-t-current order-2": istop,
|
123
|
-
"border-b-current": !istop
|
124
|
-
}]),
|
125
|
-
onMouseover: _cache[0] || (_cache[0] = ($event) => setTooltipMeta(tooltipMeta.value)),
|
126
|
-
onMouseleave: _cache[1] || (_cache[1] = ($event) => setTooltipMeta(null))
|
127
|
-
}, null, 34),
|
128
|
-
createElementVNode("div", {
|
129
|
-
class: normalizeClass(["py-3 px-4 rounded-xl text-xs font-medium text-center transition-[margin] pointer-events-auto", {
|
130
|
-
"bg-black-default dark:bg-gray-800 text-default": !tooltipMeta.value.light,
|
131
|
-
"bg-default dark:bg-gray-800 text-accent": tooltipMeta.value.light
|
132
|
-
}]),
|
133
|
-
style: normalizeStyle(getMarginStylesCached(left, right)),
|
134
|
-
onMouseover: _cache[2] || (_cache[2] = ($event) => setTooltipMeta(tooltipMeta.value)),
|
135
|
-
onMouseleave: _cache[3] || (_cache[3] = ($event) => setTooltipMeta(null))
|
136
|
-
}, [
|
71
|
+
createVNode(_sfc_main$2, {
|
72
|
+
"tooltip-meta": tooltipMeta.value,
|
73
|
+
left,
|
74
|
+
right,
|
75
|
+
"is-top": istop,
|
76
|
+
onOver: _cache[0] || (_cache[0] = ($event) => setTooltipMeta(tooltipMeta.value)),
|
77
|
+
onLeave: _cache[1] || (_cache[1] = ($event) => setTooltipMeta(null))
|
78
|
+
}, {
|
79
|
+
default: withCtx(() => [
|
137
80
|
tooltipMeta.value.slot ? (openBlock(), createBlock(resolveDynamicComponent(tooltipMeta.value.slot), {
|
138
81
|
key: tooltipMeta.value.key
|
139
82
|
})) : tooltipMeta.value.text ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(tooltipMeta.value.text), 1)) : createCommentVNode("", true)
|
140
|
-
],
|
141
|
-
|
83
|
+
]),
|
84
|
+
_: 2
|
85
|
+
}, 1032, ["tooltip-meta", "left", "right", "is-top"])
|
142
86
|
]),
|
143
87
|
_: 1
|
144
|
-
}, 8, ["parent-element", "horizontal-align"])) : createCommentVNode("", true)
|
88
|
+
}, 8, ["parent-element", "horizontal-align", "max-height"])) : createCommentVNode("", true)
|
145
89
|
]),
|
146
90
|
_: 1
|
147
91
|
});
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import type { TooltipMeta } from '../../../utils/Tooltip';
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
3
|
+
tooltipMeta: TooltipMeta;
|
4
|
+
isTop?: boolean | undefined;
|
5
|
+
left?: string | undefined;
|
6
|
+
right?: string | undefined;
|
7
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
8
|
+
over: () => void;
|
9
|
+
leave: () => void;
|
10
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
11
|
+
tooltipMeta: TooltipMeta;
|
12
|
+
isTop?: boolean | undefined;
|
13
|
+
left?: string | undefined;
|
14
|
+
right?: string | undefined;
|
15
|
+
}>>> & {
|
16
|
+
onLeave?: (() => any) | undefined;
|
17
|
+
onOver?: (() => any) | undefined;
|
18
|
+
}, {}, {}>, {
|
19
|
+
default?(_: {}): any;
|
20
|
+
}>;
|
21
|
+
export default _default;
|
22
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
23
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
24
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
25
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
26
|
+
} : {
|
27
|
+
type: import('vue').PropType<T[K]>;
|
28
|
+
required: true;
|
29
|
+
};
|
30
|
+
};
|
31
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
32
|
+
new (): {
|
33
|
+
$slots: S;
|
34
|
+
};
|
35
|
+
};
|
36
|
+
//# sourceMappingURL=TooltipContainer.vue.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/components/TooltipContainer.vue"],"names":[],"mappings":"AA+BA;AAGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;;;;;;;;;;;;;;;;;;;;AA2MhD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
@@ -0,0 +1,86 @@
|
|
1
|
+
import { defineComponent, ref, watch, toRef, onMounted, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, nextTick } from 'vue';
|
2
|
+
import { isClientSide } from '../../../utils/utils.js';
|
3
|
+
|
4
|
+
const _hoisted_1 = { class: "flex justify-center items-center flex-col drop-shadow-md dark:drop-shadow-none pointer-events-none" };
|
5
|
+
const MARGIN = 12;
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
7
|
+
__name: "TooltipContainer",
|
8
|
+
props: {
|
9
|
+
tooltipMeta: {},
|
10
|
+
isTop: { type: Boolean },
|
11
|
+
left: {},
|
12
|
+
right: {}
|
13
|
+
},
|
14
|
+
emits: ["over", "leave"],
|
15
|
+
setup(__props) {
|
16
|
+
const props = __props;
|
17
|
+
const container = ref();
|
18
|
+
const transformX = ref(0);
|
19
|
+
const getTransformX = () => {
|
20
|
+
if (!isClientSide || !container.value)
|
21
|
+
return 0;
|
22
|
+
const l = props.left ? Number.parseFloat(props.left.slice(0, -2)) : null;
|
23
|
+
if (typeof l === "number") {
|
24
|
+
const containerLeft = l - container.value.offsetWidth / 2 - MARGIN;
|
25
|
+
if (containerLeft < 0)
|
26
|
+
return containerLeft * -1;
|
27
|
+
const containerRight = window.innerWidth - l - container.value.offsetWidth / 2 - MARGIN;
|
28
|
+
if (containerRight < 0)
|
29
|
+
return containerRight;
|
30
|
+
return 0;
|
31
|
+
}
|
32
|
+
const r = props.right ? Number.parseFloat(props.right.slice(0, -2)) : null;
|
33
|
+
if (typeof r === "number") {
|
34
|
+
const containerLeft = window.innerWidth - r - container.value.offsetWidth / 2 - MARGIN;
|
35
|
+
if (containerLeft < 0)
|
36
|
+
return containerLeft * -1;
|
37
|
+
const containerRight = r - container.value.offsetWidth / 2 - MARGIN;
|
38
|
+
if (containerRight < 0)
|
39
|
+
return containerRight;
|
40
|
+
return 0;
|
41
|
+
}
|
42
|
+
return 0;
|
43
|
+
};
|
44
|
+
const setTransformX = async () => {
|
45
|
+
await nextTick();
|
46
|
+
transformX.value = getTransformX();
|
47
|
+
};
|
48
|
+
watch(toRef(props, "tooltipMeta"), () => {
|
49
|
+
setTransformX();
|
50
|
+
});
|
51
|
+
onMounted(() => {
|
52
|
+
setTransformX();
|
53
|
+
});
|
54
|
+
return (_ctx, _cache) => {
|
55
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
56
|
+
createElementVNode("div", {
|
57
|
+
class: normalizeClass(["w-1 z-10 pointer-events-auto border-[transparent] border-solid border-[0.5rem]", {
|
58
|
+
"text-black-default dark:text-gray-800": !_ctx.tooltipMeta.light,
|
59
|
+
"text-default dark:text-gray-800": _ctx.tooltipMeta.light,
|
60
|
+
"border-t-current order-2": _ctx.isTop,
|
61
|
+
"border-b-current": !_ctx.isTop
|
62
|
+
}]),
|
63
|
+
onMouseover: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("over")),
|
64
|
+
onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("leave"))
|
65
|
+
}, null, 34),
|
66
|
+
createElementVNode("div", {
|
67
|
+
ref_key: "container",
|
68
|
+
ref: container,
|
69
|
+
class: normalizeClass(["py-3 px-4 rounded-xl text-xs font-medium text-center pointer-events-auto translate-x-[var(--t-translate-x)] max-w-[calc(100vw-1.5rem)]", {
|
70
|
+
"bg-black-default dark:bg-gray-800 text-default": !_ctx.tooltipMeta.light,
|
71
|
+
"bg-default dark:bg-gray-800 text-accent": _ctx.tooltipMeta.light
|
72
|
+
}]),
|
73
|
+
style: normalizeStyle({
|
74
|
+
"--t-translate-x": transformX.value + "px"
|
75
|
+
}),
|
76
|
+
onMouseover: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("over")),
|
77
|
+
onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("leave"))
|
78
|
+
}, [
|
79
|
+
renderSlot(_ctx.$slots, "default")
|
80
|
+
], 38)
|
81
|
+
]);
|
82
|
+
};
|
83
|
+
}
|
84
|
+
});
|
85
|
+
|
86
|
+
export { _sfc_main as default };
|
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;
|
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,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;AAI/D,eAAO,MAAM,WAAW,UAAW,cAAc,GAAG,SAAS,SAE5D,CAAA;AAED,eAAO,MAAM,OAAO;cACR,WAAW,GAAG,IAAI;aAGnB,IAAI;CAGd,CAAA"}
|