@mekari/pixel3-autocomplete 0.0.1-alpha.0 → 0.0.2
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/autocomplete.d.mts +4 -3
- package/dist/autocomplete.d.ts +4 -3
- package/dist/autocomplete.js +5 -5
- package/dist/autocomplete.mjs +2 -2
- package/dist/{chunk-XA465WRM.mjs → chunk-NO5EOKPD.mjs} +4 -4
- package/dist/{chunk-YGOZYS5H.mjs → chunk-OGP7WQRE.mjs} +2 -2
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +6 -6
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/autocomplete.hooks.d.mts +1 -1
- package/dist/modules/autocomplete.hooks.d.ts +1 -1
- package/dist/modules/autocomplete.hooks.js +2 -2
- package/dist/modules/autocomplete.hooks.mjs +1 -1
- package/dist/modules/autocomplete.props.d.mts +1 -1
- package/dist/modules/autocomplete.props.d.ts +1 -1
- package/package.json +8 -8
package/dist/autocomplete.d.mts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as vue_jsx_runtime from 'vue/jsx-runtime';
|
|
1
2
|
import * as vue from 'vue';
|
|
2
3
|
import { StringNumberAnyObject } from './modules/autocomplete.props.mjs';
|
|
3
4
|
import '@mekari/pixel3-popover';
|
|
@@ -127,7 +128,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
127
128
|
type: vue.PropType<boolean>;
|
|
128
129
|
default: boolean;
|
|
129
130
|
};
|
|
130
|
-
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction")[], "update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction", vue.
|
|
131
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction")[], "update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
131
132
|
id: {
|
|
132
133
|
type: vue.PropType<string>;
|
|
133
134
|
default: string;
|
|
@@ -253,9 +254,9 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
253
254
|
default: boolean;
|
|
254
255
|
};
|
|
255
256
|
}>> & {
|
|
256
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
257
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
258
257
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
258
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
259
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
259
260
|
onEnter?: ((...args: any[]) => any) | undefined;
|
|
260
261
|
onScrollEnd?: ((...args: any[]) => any) | undefined;
|
|
261
262
|
onButtonAction?: ((...args: any[]) => any) | undefined;
|
package/dist/autocomplete.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as vue_jsx_runtime from 'vue/jsx-runtime';
|
|
1
2
|
import * as vue from 'vue';
|
|
2
3
|
import { StringNumberAnyObject } from './modules/autocomplete.props.js';
|
|
3
4
|
import '@mekari/pixel3-popover';
|
|
@@ -127,7 +128,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
127
128
|
type: vue.PropType<boolean>;
|
|
128
129
|
default: boolean;
|
|
129
130
|
};
|
|
130
|
-
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction")[], "update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction", vue.
|
|
131
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction")[], "update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
131
132
|
id: {
|
|
132
133
|
type: vue.PropType<string>;
|
|
133
134
|
default: string;
|
|
@@ -253,9 +254,9 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
253
254
|
default: boolean;
|
|
254
255
|
};
|
|
255
256
|
}>> & {
|
|
256
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
257
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
258
257
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
258
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
259
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
259
260
|
onEnter?: ((...args: any[]) => any) | undefined;
|
|
260
261
|
onScrollEnd?: ((...args: any[]) => any) | undefined;
|
|
261
262
|
onButtonAction?: ((...args: any[]) => any) | undefined;
|
package/dist/autocomplete.js
CHANGED
|
@@ -393,7 +393,7 @@ function useAutocomplete(props, emit) {
|
|
|
393
393
|
return (0, import_pixel3_utils.isEqual)(props.modelValue, getValue(item));
|
|
394
394
|
}
|
|
395
395
|
__name(isListItemActive, "isListItemActive");
|
|
396
|
-
const
|
|
396
|
+
const rootAttrs = (0, import_vue.computed)(() => {
|
|
397
397
|
return {
|
|
398
398
|
style: {
|
|
399
399
|
width: "100%",
|
|
@@ -527,7 +527,7 @@ function useAutocomplete(props, emit) {
|
|
|
527
527
|
scrollEndNode,
|
|
528
528
|
getSuggestionDatas,
|
|
529
529
|
getGroupSuggestions,
|
|
530
|
-
|
|
530
|
+
rootAttrs,
|
|
531
531
|
popoverAtrrs,
|
|
532
532
|
popoverContentAtrrs,
|
|
533
533
|
inputAtrrs,
|
|
@@ -556,7 +556,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
556
556
|
getGroupSuggestions,
|
|
557
557
|
currentSearch,
|
|
558
558
|
scrollEndNode,
|
|
559
|
-
|
|
559
|
+
rootAttrs,
|
|
560
560
|
popoverAtrrs,
|
|
561
561
|
popoverContentAtrrs,
|
|
562
562
|
inputAtrrs,
|
|
@@ -601,7 +601,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
601
601
|
});
|
|
602
602
|
})]);
|
|
603
603
|
});
|
|
604
|
-
const buttonActionNode = props.isShowButtonAction && (0, import_vue2.createVNode)("button", buttonActionAttrs.value, [
|
|
604
|
+
const buttonActionNode = props.isShowButtonAction && (0, import_vue2.createVNode)("button", buttonActionAttrs.value, [" ", slots.buttonAction ? slots.buttonAction(getSuggestionDatas.value, currentSearch.value) : props.buttonActionText, " "]);
|
|
605
605
|
const emptyTextNode = (0, import_vue2.createVNode)(import_pixel3_text.MpText, emptyTextAttrs, {
|
|
606
606
|
default: () => [(0, import_vue2.createTextVNode)(" "), props.emptyText, (0, import_vue2.createTextVNode)(" ")]
|
|
607
607
|
});
|
|
@@ -610,7 +610,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
610
610
|
}, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, null, {
|
|
611
611
|
default: () => [(0, import_vue2.createTextVNode)(" "), props.contentLoadingText, (0, import_vue2.createTextVNode)(" ")]
|
|
612
612
|
})]);
|
|
613
|
-
return (0, import_vue2.createVNode)("div",
|
|
613
|
+
return (0, import_vue2.createVNode)("div", rootAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_popover.MpPopover, popoverAtrrs.value, {
|
|
614
614
|
default: () => [(0, import_vue2.createVNode)(import_pixel3_popover.MpPopoverTrigger, null, {
|
|
615
615
|
default: () => [(0, import_vue2.createVNode)(import_pixel3_input.MpInputGroup, null, {
|
|
616
616
|
default: () => [slots.leftAddon && (0, import_vue2.createVNode)(import_pixel3_input.MpInputLeftAddon, null, {
|
package/dist/autocomplete.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useAutocomplete
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-OGP7WQRE.mjs";
|
|
4
4
|
import {
|
|
5
5
|
autocompleteProps
|
|
6
6
|
} from "./chunk-OX7ZBBEQ.mjs";
|
|
@@ -28,7 +28,7 @@ var MpAutocomplete = defineComponent({
|
|
|
28
28
|
getGroupSuggestions,
|
|
29
29
|
currentSearch,
|
|
30
30
|
scrollEndNode,
|
|
31
|
-
|
|
31
|
+
rootAttrs,
|
|
32
32
|
popoverAtrrs,
|
|
33
33
|
popoverContentAtrrs,
|
|
34
34
|
inputAtrrs,
|
|
@@ -73,7 +73,7 @@ var MpAutocomplete = defineComponent({
|
|
|
73
73
|
});
|
|
74
74
|
})]);
|
|
75
75
|
});
|
|
76
|
-
const buttonActionNode = props.isShowButtonAction && _createVNode("button", buttonActionAttrs.value, [
|
|
76
|
+
const buttonActionNode = props.isShowButtonAction && _createVNode("button", buttonActionAttrs.value, [" ", slots.buttonAction ? slots.buttonAction(getSuggestionDatas.value, currentSearch.value) : props.buttonActionText, " "]);
|
|
77
77
|
const emptyTextNode = _createVNode(MpText, emptyTextAttrs, {
|
|
78
78
|
default: () => [_createTextVNode(" "), props.emptyText, _createTextVNode(" ")]
|
|
79
79
|
});
|
|
@@ -82,7 +82,7 @@ var MpAutocomplete = defineComponent({
|
|
|
82
82
|
}, null), _createVNode(MpText, null, {
|
|
83
83
|
default: () => [_createTextVNode(" "), props.contentLoadingText, _createTextVNode(" ")]
|
|
84
84
|
})]);
|
|
85
|
-
return _createVNode("div",
|
|
85
|
+
return _createVNode("div", rootAttrs.value, [_createVNode(MpPopover, popoverAtrrs.value, {
|
|
86
86
|
default: () => [_createVNode(MpPopoverTrigger, null, {
|
|
87
87
|
default: () => [_createVNode(MpInputGroup, null, {
|
|
88
88
|
default: () => [slots.leftAddon && _createVNode(MpInputLeftAddon, null, {
|
|
@@ -242,7 +242,7 @@ function useAutocomplete(props, emit) {
|
|
|
242
242
|
return isEqual(props.modelValue, getValue(item));
|
|
243
243
|
}
|
|
244
244
|
__name(isListItemActive, "isListItemActive");
|
|
245
|
-
const
|
|
245
|
+
const rootAttrs = computed(() => {
|
|
246
246
|
return {
|
|
247
247
|
style: {
|
|
248
248
|
width: "100%",
|
|
@@ -376,7 +376,7 @@ function useAutocomplete(props, emit) {
|
|
|
376
376
|
scrollEndNode,
|
|
377
377
|
getSuggestionDatas,
|
|
378
378
|
getGroupSuggestions,
|
|
379
|
-
|
|
379
|
+
rootAttrs,
|
|
380
380
|
popoverAtrrs,
|
|
381
381
|
popoverContentAtrrs,
|
|
382
382
|
inputAtrrs,
|
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
20
|
|
|
21
|
-
// src/index.
|
|
21
|
+
// src/index.ts
|
|
22
22
|
var src_exports = {};
|
|
23
23
|
__export(src_exports, {
|
|
24
24
|
MpAutocomplete: () => MpAutocomplete
|
|
@@ -395,7 +395,7 @@ function useAutocomplete(props, emit) {
|
|
|
395
395
|
return (0, import_pixel3_utils.isEqual)(props.modelValue, getValue(item));
|
|
396
396
|
}
|
|
397
397
|
__name(isListItemActive, "isListItemActive");
|
|
398
|
-
const
|
|
398
|
+
const rootAttrs = (0, import_vue.computed)(() => {
|
|
399
399
|
return {
|
|
400
400
|
style: {
|
|
401
401
|
width: "100%",
|
|
@@ -529,7 +529,7 @@ function useAutocomplete(props, emit) {
|
|
|
529
529
|
scrollEndNode,
|
|
530
530
|
getSuggestionDatas,
|
|
531
531
|
getGroupSuggestions,
|
|
532
|
-
|
|
532
|
+
rootAttrs,
|
|
533
533
|
popoverAtrrs,
|
|
534
534
|
popoverContentAtrrs,
|
|
535
535
|
inputAtrrs,
|
|
@@ -558,7 +558,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
558
558
|
getGroupSuggestions,
|
|
559
559
|
currentSearch,
|
|
560
560
|
scrollEndNode,
|
|
561
|
-
|
|
561
|
+
rootAttrs,
|
|
562
562
|
popoverAtrrs,
|
|
563
563
|
popoverContentAtrrs,
|
|
564
564
|
inputAtrrs,
|
|
@@ -603,7 +603,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
603
603
|
});
|
|
604
604
|
})]);
|
|
605
605
|
});
|
|
606
|
-
const buttonActionNode = props.isShowButtonAction && (0, import_vue2.createVNode)("button", buttonActionAttrs.value, [
|
|
606
|
+
const buttonActionNode = props.isShowButtonAction && (0, import_vue2.createVNode)("button", buttonActionAttrs.value, [" ", slots.buttonAction ? slots.buttonAction(getSuggestionDatas.value, currentSearch.value) : props.buttonActionText, " "]);
|
|
607
607
|
const emptyTextNode = (0, import_vue2.createVNode)(import_pixel3_text.MpText, emptyTextAttrs, {
|
|
608
608
|
default: () => [(0, import_vue2.createTextVNode)(" "), props.emptyText, (0, import_vue2.createTextVNode)(" ")]
|
|
609
609
|
});
|
|
@@ -612,7 +612,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
612
612
|
}, null), (0, import_vue2.createVNode)(import_pixel3_text.MpText, null, {
|
|
613
613
|
default: () => [(0, import_vue2.createTextVNode)(" "), props.contentLoadingText, (0, import_vue2.createTextVNode)(" ")]
|
|
614
614
|
})]);
|
|
615
|
-
return (0, import_vue2.createVNode)("div",
|
|
615
|
+
return (0, import_vue2.createVNode)("div", rootAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_popover.MpPopover, popoverAtrrs.value, {
|
|
616
616
|
default: () => [(0, import_vue2.createVNode)(import_pixel3_popover.MpPopoverTrigger, null, {
|
|
617
617
|
default: () => [(0, import_vue2.createVNode)(import_pixel3_input.MpInputGroup, null, {
|
|
618
618
|
default: () => [slots.leftAddon && (0, import_vue2.createVNode)(import_pixel3_input.MpInputLeftAddon, null, {
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3462,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":12037,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":4670,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/autocomplete.tsx","inputs":{"src/autocomplete.tsx":{"bytesInOutput":5104},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12295}},"bytes":20404},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":133},"src/autocomplete.tsx":{"bytesInOutput":4944},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12295}},"bytes":20394},"dist/modules/autocomplete.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12475}},"bytes":13511},"dist/modules/autocomplete.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2213}},"bytes":3181}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3462,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":12037,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":4670,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.mjs":{"imports":[{"path":"dist/chunk-NO5EOKPD.mjs","kind":"import-statement"},{"path":"dist/chunk-OGP7WQRE.mjs","kind":"import-statement"},{"path":"dist/chunk-OX7ZBBEQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/autocomplete.tsx","inputs":{},"bytes":179},"dist/index.mjs":{"imports":[{"path":"dist/chunk-NO5EOKPD.mjs","kind":"import-statement"},{"path":"dist/chunk-OGP7WQRE.mjs","kind":"import-statement"},{"path":"dist/chunk-OX7ZBBEQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":179},"dist/chunk-NO5EOKPD.mjs":{"imports":[{"path":"dist/chunk-OGP7WQRE.mjs","kind":"import-statement"},{"path":"dist/chunk-OX7ZBBEQ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpAutocomplete"],"inputs":{"src/autocomplete.tsx":{"bytesInOutput":4233}},"bytes":4406},"dist/modules/autocomplete.hooks.mjs":{"imports":[{"path":"dist/chunk-OGP7WQRE.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAutocomplete"],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{},"bytes":121},"dist/chunk-OGP7WQRE.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["useAutocomplete"],"inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":11634}},"bytes":11752},"dist/modules/autocomplete.props.mjs":{"imports":[{"path":"dist/chunk-OX7ZBBEQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["autocompleteEmit","autocompleteProps"],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{},"bytes":165},"dist/chunk-OX7ZBBEQ.mjs":{"imports":[],"exports":["autocompleteEmit","autocompleteProps"],"inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":1985}},"bytes":2075},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -11,7 +11,7 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
|
|
|
11
11
|
key: string;
|
|
12
12
|
values: any;
|
|
13
13
|
}[]>;
|
|
14
|
-
|
|
14
|
+
rootAttrs: vue.ComputedRef<HTMLAttributes>;
|
|
15
15
|
popoverAtrrs: vue.ComputedRef<{
|
|
16
16
|
id: string | undefined;
|
|
17
17
|
isManual: boolean;
|
|
@@ -11,7 +11,7 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
|
|
|
11
11
|
key: string;
|
|
12
12
|
values: any;
|
|
13
13
|
}[]>;
|
|
14
|
-
|
|
14
|
+
rootAttrs: vue.ComputedRef<HTMLAttributes>;
|
|
15
15
|
popoverAtrrs: vue.ComputedRef<{
|
|
16
16
|
id: string | undefined;
|
|
17
17
|
isManual: boolean;
|
|
@@ -263,7 +263,7 @@ function useAutocomplete(props, emit) {
|
|
|
263
263
|
return (0, import_pixel3_utils.isEqual)(props.modelValue, getValue(item));
|
|
264
264
|
}
|
|
265
265
|
__name(isListItemActive, "isListItemActive");
|
|
266
|
-
const
|
|
266
|
+
const rootAttrs = (0, import_vue.computed)(() => {
|
|
267
267
|
return {
|
|
268
268
|
style: {
|
|
269
269
|
width: "100%",
|
|
@@ -397,7 +397,7 @@ function useAutocomplete(props, emit) {
|
|
|
397
397
|
scrollEndNode,
|
|
398
398
|
getSuggestionDatas,
|
|
399
399
|
getGroupSuggestions,
|
|
400
|
-
|
|
400
|
+
rootAttrs,
|
|
401
401
|
popoverAtrrs,
|
|
402
402
|
popoverContentAtrrs,
|
|
403
403
|
inputAtrrs,
|
|
@@ -131,6 +131,6 @@ declare const autocompleteProps: {
|
|
|
131
131
|
};
|
|
132
132
|
declare const autocompleteEmit: readonly ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction"];
|
|
133
133
|
type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>;
|
|
134
|
-
type AutocompleteEmits = (e: typeof autocompleteEmit[number], value?: unknown, value2?: unknown) => void;
|
|
134
|
+
type AutocompleteEmits = (e: (typeof autocompleteEmit)[number], value?: unknown, value2?: unknown) => void;
|
|
135
135
|
|
|
136
136
|
export { AnyObject, AutocompleteEmits, AutocompleteProps, StringNumberAnyObject, autocompleteEmit, autocompleteProps };
|
|
@@ -131,6 +131,6 @@ declare const autocompleteProps: {
|
|
|
131
131
|
};
|
|
132
132
|
declare const autocompleteEmit: readonly ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction"];
|
|
133
133
|
type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>;
|
|
134
|
-
type AutocompleteEmits = (e: typeof autocompleteEmit[number], value?: unknown, value2?: unknown) => void;
|
|
134
|
+
type AutocompleteEmits = (e: (typeof autocompleteEmit)[number], value?: unknown, value2?: unknown) => void;
|
|
135
135
|
|
|
136
136
|
export { AnyObject, AutocompleteEmits, AutocompleteProps, StringNumberAnyObject, autocompleteEmit, autocompleteProps };
|
package/package.json
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-autocomplete",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
8
8
|
],
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@mekari/pixel3-styled-system": "0.0.1
|
|
11
|
-
"@mekari/pixel3-utils": "0.0.
|
|
12
|
-
"@mekari/pixel3-input": "0.0.
|
|
13
|
-
"@mekari/pixel3-spinner": "0.0.
|
|
14
|
-
"@mekari/pixel3-icon": "0.0.
|
|
15
|
-
"@mekari/pixel3-popover": "0.0.
|
|
16
|
-
"@mekari/pixel3-text": "0.0.
|
|
10
|
+
"@mekari/pixel3-styled-system": "0.0.1",
|
|
11
|
+
"@mekari/pixel3-utils": "0.0.2",
|
|
12
|
+
"@mekari/pixel3-input": "0.0.2",
|
|
13
|
+
"@mekari/pixel3-spinner": "0.0.2",
|
|
14
|
+
"@mekari/pixel3-icon": "0.0.2",
|
|
15
|
+
"@mekari/pixel3-popover": "0.0.2",
|
|
16
|
+
"@mekari/pixel3-text": "0.0.2"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"vue": "^3.3.7"
|