@mekari/pixel3-airene-chat-input 0.0.1-dev.1 → 0.0.1-dev.3
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/airene-chat-input.js +11 -3
- package/dist/airene-chat-input.mjs +3 -3
- package/dist/{chunk-4PYKLJPU.mjs → chunk-332SZFS7.mjs} +1 -1
- package/dist/{chunk-KPLBIBRE.mjs → chunk-5VN4R3JG.mjs} +11 -3
- package/dist/{chunk-6BAQ3QIB.mjs → chunk-BK6OXDR5.mjs} +2 -2
- package/dist/index.js +11 -3
- package/dist/index.mjs +3 -3
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/airene-chat-input.hooks.js +11 -3
- package/dist/modules/airene-chat-input.hooks.mjs +1 -1
- package/dist/modules/airene-chat-input.props.d.mts +1 -1
- package/dist/modules/airene-chat-input.props.d.ts +1 -1
- package/dist/modules/airene-chat-input.props.js +1 -1
- package/dist/modules/airene-chat-input.props.mjs +1 -1
- package/package.json +3 -3
|
@@ -33,6 +33,7 @@ var import_vue = require("vue");
|
|
|
33
33
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
34
34
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
35
35
|
var import_tokens = require("@mekari/pixel3-styled-system/tokens");
|
|
36
|
+
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
36
37
|
function useAireneChatInput(props, emit, slots) {
|
|
37
38
|
const {
|
|
38
39
|
id,
|
|
@@ -47,6 +48,9 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
47
48
|
isRequired,
|
|
48
49
|
isForceFocus
|
|
49
50
|
} = (0, import_vue.toRefs)(props);
|
|
51
|
+
const {
|
|
52
|
+
isNextTheme
|
|
53
|
+
} = (0, import_pixel3_utils2.usePixelTheme)();
|
|
50
54
|
const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-input").value;
|
|
51
55
|
const input = (0, import_vue.ref)();
|
|
52
56
|
const inputHeight = (0, import_vue.ref)("20px");
|
|
@@ -102,7 +106,7 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
102
106
|
return {
|
|
103
107
|
name: "sent",
|
|
104
108
|
variant: isActive.value ? "fill" : "outline",
|
|
105
|
-
color: isActive.value ? "icon.brand" : "icon.default",
|
|
109
|
+
color: isNextTheme.value ? isActive.value ? "icon.brand" : "icon.default" : isActive.value ? "blue.400" : "gray.400",
|
|
106
110
|
onClick: handleClick
|
|
107
111
|
};
|
|
108
112
|
});
|
|
@@ -142,21 +146,25 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
142
146
|
}
|
|
143
147
|
__name(handleSelectAllText, "handleSelectAllText");
|
|
144
148
|
function handleFocus(e) {
|
|
149
|
+
e.stopPropagation();
|
|
145
150
|
emit("focus", e);
|
|
146
151
|
}
|
|
147
152
|
__name(handleFocus, "handleFocus");
|
|
148
153
|
function handleBlur(e) {
|
|
154
|
+
e.stopPropagation();
|
|
149
155
|
emit("blur", e);
|
|
150
156
|
}
|
|
151
157
|
__name(handleBlur, "handleBlur");
|
|
152
158
|
function handleKeydown(e) {
|
|
159
|
+
e.stopPropagation();
|
|
153
160
|
emit("keydown", e);
|
|
154
161
|
}
|
|
155
162
|
__name(handleKeydown, "handleKeydown");
|
|
156
163
|
function handleClick(e) {
|
|
157
|
-
|
|
164
|
+
e.stopPropagation();
|
|
165
|
+
if (isDisabled.value || !isActive.value)
|
|
158
166
|
return;
|
|
159
|
-
emit("
|
|
167
|
+
emit("send", e);
|
|
160
168
|
}
|
|
161
169
|
__name(handleClick, "handleClick");
|
|
162
170
|
(0, import_vue.watch)(() => modelValue.value, (newValue) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpAireneChatInput
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-BK6OXDR5.mjs";
|
|
4
|
+
import "./chunk-5VN4R3JG.mjs";
|
|
5
|
+
import "./chunk-332SZFS7.mjs";
|
|
6
6
|
import "./chunk-QZ7VFGWC.mjs";
|
|
7
7
|
export {
|
|
8
8
|
MpAireneChatInput
|
|
@@ -42,7 +42,7 @@ var aireneChatInputProps = {
|
|
|
42
42
|
default: false
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
|
-
var aireneChatInputEmit = ["change", "input", "keydown", "focus", "blur", "
|
|
45
|
+
var aireneChatInputEmit = ["change", "input", "keydown", "focus", "blur", "send", "update:modelValue"];
|
|
46
46
|
|
|
47
47
|
export {
|
|
48
48
|
aireneChatInputProps,
|
|
@@ -7,6 +7,7 @@ import { toRefs, computed, ref, nextTick, watch, watchEffect } from "vue";
|
|
|
7
7
|
import { getUniqueId } from "@mekari/pixel3-utils";
|
|
8
8
|
import { aireneInputSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
9
9
|
import { token } from "@mekari/pixel3-styled-system/tokens";
|
|
10
|
+
import { usePixelTheme } from "@mekari/pixel3-utils";
|
|
10
11
|
function useAireneChatInput(props, emit, slots) {
|
|
11
12
|
const {
|
|
12
13
|
id,
|
|
@@ -21,6 +22,9 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
21
22
|
isRequired,
|
|
22
23
|
isForceFocus
|
|
23
24
|
} = toRefs(props);
|
|
25
|
+
const {
|
|
26
|
+
isNextTheme
|
|
27
|
+
} = usePixelTheme();
|
|
24
28
|
const getId = id.value || getUniqueId("", "airene-chat-input").value;
|
|
25
29
|
const input = ref();
|
|
26
30
|
const inputHeight = ref("20px");
|
|
@@ -76,7 +80,7 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
76
80
|
return {
|
|
77
81
|
name: "sent",
|
|
78
82
|
variant: isActive.value ? "fill" : "outline",
|
|
79
|
-
color: isActive.value ? "icon.brand" : "icon.default",
|
|
83
|
+
color: isNextTheme.value ? isActive.value ? "icon.brand" : "icon.default" : isActive.value ? "blue.400" : "gray.400",
|
|
80
84
|
onClick: handleClick
|
|
81
85
|
};
|
|
82
86
|
});
|
|
@@ -116,21 +120,25 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
116
120
|
}
|
|
117
121
|
__name(handleSelectAllText, "handleSelectAllText");
|
|
118
122
|
function handleFocus(e) {
|
|
123
|
+
e.stopPropagation();
|
|
119
124
|
emit("focus", e);
|
|
120
125
|
}
|
|
121
126
|
__name(handleFocus, "handleFocus");
|
|
122
127
|
function handleBlur(e) {
|
|
128
|
+
e.stopPropagation();
|
|
123
129
|
emit("blur", e);
|
|
124
130
|
}
|
|
125
131
|
__name(handleBlur, "handleBlur");
|
|
126
132
|
function handleKeydown(e) {
|
|
133
|
+
e.stopPropagation();
|
|
127
134
|
emit("keydown", e);
|
|
128
135
|
}
|
|
129
136
|
__name(handleKeydown, "handleKeydown");
|
|
130
137
|
function handleClick(e) {
|
|
131
|
-
|
|
138
|
+
e.stopPropagation();
|
|
139
|
+
if (isDisabled.value || !isActive.value)
|
|
132
140
|
return;
|
|
133
|
-
emit("
|
|
141
|
+
emit("send", e);
|
|
134
142
|
}
|
|
135
143
|
__name(handleClick, "handleClick");
|
|
136
144
|
watch(() => modelValue.value, (newValue) => {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useAireneChatInput
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-5VN4R3JG.mjs";
|
|
4
4
|
import {
|
|
5
5
|
aireneChatInputProps
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-332SZFS7.mjs";
|
|
7
7
|
|
|
8
8
|
// src/airene-chat-input.tsx
|
|
9
9
|
import { createVNode as _createVNode } from "vue";
|
package/dist/index.js
CHANGED
|
@@ -35,6 +35,7 @@ var import_vue = require("vue");
|
|
|
35
35
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
36
36
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
37
37
|
var import_tokens = require("@mekari/pixel3-styled-system/tokens");
|
|
38
|
+
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
38
39
|
function useAireneChatInput(props, emit, slots) {
|
|
39
40
|
const {
|
|
40
41
|
id,
|
|
@@ -49,6 +50,9 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
49
50
|
isRequired,
|
|
50
51
|
isForceFocus
|
|
51
52
|
} = (0, import_vue.toRefs)(props);
|
|
53
|
+
const {
|
|
54
|
+
isNextTheme
|
|
55
|
+
} = (0, import_pixel3_utils2.usePixelTheme)();
|
|
52
56
|
const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-input").value;
|
|
53
57
|
const input = (0, import_vue.ref)();
|
|
54
58
|
const inputHeight = (0, import_vue.ref)("20px");
|
|
@@ -104,7 +108,7 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
104
108
|
return {
|
|
105
109
|
name: "sent",
|
|
106
110
|
variant: isActive.value ? "fill" : "outline",
|
|
107
|
-
color: isActive.value ? "icon.brand" : "icon.default",
|
|
111
|
+
color: isNextTheme.value ? isActive.value ? "icon.brand" : "icon.default" : isActive.value ? "blue.400" : "gray.400",
|
|
108
112
|
onClick: handleClick
|
|
109
113
|
};
|
|
110
114
|
});
|
|
@@ -144,21 +148,25 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
144
148
|
}
|
|
145
149
|
__name(handleSelectAllText, "handleSelectAllText");
|
|
146
150
|
function handleFocus(e) {
|
|
151
|
+
e.stopPropagation();
|
|
147
152
|
emit("focus", e);
|
|
148
153
|
}
|
|
149
154
|
__name(handleFocus, "handleFocus");
|
|
150
155
|
function handleBlur(e) {
|
|
156
|
+
e.stopPropagation();
|
|
151
157
|
emit("blur", e);
|
|
152
158
|
}
|
|
153
159
|
__name(handleBlur, "handleBlur");
|
|
154
160
|
function handleKeydown(e) {
|
|
161
|
+
e.stopPropagation();
|
|
155
162
|
emit("keydown", e);
|
|
156
163
|
}
|
|
157
164
|
__name(handleKeydown, "handleKeydown");
|
|
158
165
|
function handleClick(e) {
|
|
159
|
-
|
|
166
|
+
e.stopPropagation();
|
|
167
|
+
if (isDisabled.value || !isActive.value)
|
|
160
168
|
return;
|
|
161
|
-
emit("
|
|
169
|
+
emit("send", e);
|
|
162
170
|
}
|
|
163
171
|
__name(handleClick, "handleClick");
|
|
164
172
|
(0, import_vue.watch)(() => modelValue.value, (newValue) => {
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpAireneChatInput
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-BK6OXDR5.mjs";
|
|
4
|
+
import "./chunk-5VN4R3JG.mjs";
|
|
5
|
+
import "./chunk-332SZFS7.mjs";
|
|
6
6
|
import "./chunk-QZ7VFGWC.mjs";
|
|
7
7
|
export {
|
|
8
8
|
MpAireneChatInput
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":4673,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-chat-input.props.ts":{"bytes":1343,"imports":[],"format":"esm"},"src/airene-chat-input.tsx":{"bytes":948,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/airene-chat-input.hooks.ts","kind":"import-statement","original":"./modules/airene-chat-input.hooks"},{"path":"src/modules/airene-chat-input.props.ts","kind":"import-statement","original":"./modules/airene-chat-input.props"}],"format":"esm"},"src/index.ts":{"bytes":141,"imports":[{"path":"src/airene-chat-input.tsx","kind":"import-statement","original":"./airene-chat-input"}],"format":"esm"}},"outputs":{"dist/airene-chat-input.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","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/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/airene-chat-input.tsx","inputs":{"src/airene-chat-input.tsx":{"bytesInOutput":979},"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4975},"src/modules/airene-chat-input.props.ts":{"bytesInOutput":617}},"bytes":7717},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","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/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":139},"src/airene-chat-input.tsx":{"bytesInOutput":798},"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4975},"src/modules/airene-chat-input.props.ts":{"bytesInOutput":617}},"bytes":7692},"dist/modules/airene-chat-input.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/airene-chat-input.hooks.ts","inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":5176}},"bytes":6220},"dist/modules/airene-chat-input.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/airene-chat-input.props.ts","inputs":{"src/modules/airene-chat-input.props.ts":{"bytesInOutput":976}},"bytes":1955}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":4673,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-chat-input.props.ts":{"bytes":1343,"imports":[],"format":"esm"},"src/airene-chat-input.tsx":{"bytes":948,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/airene-chat-input.hooks.ts","kind":"import-statement","original":"./modules/airene-chat-input.hooks"},{"path":"src/modules/airene-chat-input.props.ts","kind":"import-statement","original":"./modules/airene-chat-input.props"}],"format":"esm"},"src/index.ts":{"bytes":141,"imports":[{"path":"src/airene-chat-input.tsx","kind":"import-statement","original":"./airene-chat-input"}],"format":"esm"}},"outputs":{"dist/airene-chat-input.mjs":{"imports":[{"path":"dist/chunk-BK6OXDR5.mjs","kind":"import-statement"},{"path":"dist/chunk-5VN4R3JG.mjs","kind":"import-statement"},{"path":"dist/chunk-332SZFS7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneChatInput"],"entryPoint":"src/airene-chat-input.tsx","inputs":{},"bytes":185},"dist/index.mjs":{"imports":[{"path":"dist/chunk-BK6OXDR5.mjs","kind":"import-statement"},{"path":"dist/chunk-5VN4R3JG.mjs","kind":"import-statement"},{"path":"dist/chunk-332SZFS7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneChatInput"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":185},"dist/chunk-BK6OXDR5.mjs":{"imports":[{"path":"dist/chunk-5VN4R3JG.mjs","kind":"import-statement"},{"path":"dist/chunk-332SZFS7.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpAireneChatInput"],"inputs":{"src/airene-chat-input.tsx":{"bytesInOutput":709}},"bytes":896},"dist/modules/airene-chat-input.hooks.mjs":{"imports":[{"path":"dist/chunk-5VN4R3JG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAireneChatInput"],"entryPoint":"src/modules/airene-chat-input.hooks.ts","inputs":{},"bytes":127},"dist/chunk-5VN4R3JG.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/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useAireneChatInput"],"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4672}},"bytes":4798},"dist/modules/airene-chat-input.props.mjs":{"imports":[{"path":"dist/chunk-332SZFS7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["aireneChatInputEmit","aireneChatInputProps"],"entryPoint":"src/modules/airene-chat-input.props.ts","inputs":{},"bytes":177},"dist/chunk-332SZFS7.mjs":{"imports":[],"exports":["aireneChatInputEmit","aireneChatInputProps"],"inputs":{"src/modules/airene-chat-input.props.ts":{"bytesInOutput":721}},"bytes":822},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -28,6 +28,7 @@ var import_vue = require("vue");
|
|
|
28
28
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
29
29
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
30
30
|
var import_tokens = require("@mekari/pixel3-styled-system/tokens");
|
|
31
|
+
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
31
32
|
function useAireneChatInput(props, emit, slots) {
|
|
32
33
|
const {
|
|
33
34
|
id,
|
|
@@ -42,6 +43,9 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
42
43
|
isRequired,
|
|
43
44
|
isForceFocus
|
|
44
45
|
} = (0, import_vue.toRefs)(props);
|
|
46
|
+
const {
|
|
47
|
+
isNextTheme
|
|
48
|
+
} = (0, import_pixel3_utils2.usePixelTheme)();
|
|
45
49
|
const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-input").value;
|
|
46
50
|
const input = (0, import_vue.ref)();
|
|
47
51
|
const inputHeight = (0, import_vue.ref)("20px");
|
|
@@ -97,7 +101,7 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
97
101
|
return {
|
|
98
102
|
name: "sent",
|
|
99
103
|
variant: isActive.value ? "fill" : "outline",
|
|
100
|
-
color: isActive.value ? "icon.brand" : "icon.default",
|
|
104
|
+
color: isNextTheme.value ? isActive.value ? "icon.brand" : "icon.default" : isActive.value ? "blue.400" : "gray.400",
|
|
101
105
|
onClick: handleClick
|
|
102
106
|
};
|
|
103
107
|
});
|
|
@@ -137,21 +141,25 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
137
141
|
}
|
|
138
142
|
__name(handleSelectAllText, "handleSelectAllText");
|
|
139
143
|
function handleFocus(e) {
|
|
144
|
+
e.stopPropagation();
|
|
140
145
|
emit("focus", e);
|
|
141
146
|
}
|
|
142
147
|
__name(handleFocus, "handleFocus");
|
|
143
148
|
function handleBlur(e) {
|
|
149
|
+
e.stopPropagation();
|
|
144
150
|
emit("blur", e);
|
|
145
151
|
}
|
|
146
152
|
__name(handleBlur, "handleBlur");
|
|
147
153
|
function handleKeydown(e) {
|
|
154
|
+
e.stopPropagation();
|
|
148
155
|
emit("keydown", e);
|
|
149
156
|
}
|
|
150
157
|
__name(handleKeydown, "handleKeydown");
|
|
151
158
|
function handleClick(e) {
|
|
152
|
-
|
|
159
|
+
e.stopPropagation();
|
|
160
|
+
if (isDisabled.value || !isActive.value)
|
|
153
161
|
return;
|
|
154
|
-
emit("
|
|
162
|
+
emit("send", e);
|
|
155
163
|
}
|
|
156
164
|
__name(handleClick, "handleClick");
|
|
157
165
|
(0, import_vue.watch)(() => modelValue.value, (newValue) => {
|
|
@@ -43,7 +43,7 @@ declare const aireneChatInputProps: {
|
|
|
43
43
|
default: boolean;
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
|
-
declare const aireneChatInputEmit: readonly ["change", "input", "keydown", "focus", "blur", "
|
|
46
|
+
declare const aireneChatInputEmit: readonly ["change", "input", "keydown", "focus", "blur", "send", "update:modelValue"];
|
|
47
47
|
type AireneChatInputProps = ExtractPropTypes<typeof aireneChatInputProps>;
|
|
48
48
|
type AireneChatInputEmits = (event: (typeof aireneChatInputEmit)[number], value?: unknown, value2?: unknown) => void;
|
|
49
49
|
|
|
@@ -43,7 +43,7 @@ declare const aireneChatInputProps: {
|
|
|
43
43
|
default: boolean;
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
|
-
declare const aireneChatInputEmit: readonly ["change", "input", "keydown", "focus", "blur", "
|
|
46
|
+
declare const aireneChatInputEmit: readonly ["change", "input", "keydown", "focus", "blur", "send", "update:modelValue"];
|
|
47
47
|
type AireneChatInputProps = ExtractPropTypes<typeof aireneChatInputProps>;
|
|
48
48
|
type AireneChatInputEmits = (event: (typeof aireneChatInputEmit)[number], value?: unknown, value2?: unknown) => void;
|
|
49
49
|
|
|
@@ -67,7 +67,7 @@ var aireneChatInputProps = {
|
|
|
67
67
|
default: false
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
|
-
var aireneChatInputEmit = ["change", "input", "keydown", "focus", "blur", "
|
|
70
|
+
var aireneChatInputEmit = ["change", "input", "keydown", "focus", "blur", "send", "update:modelValue"];
|
|
71
71
|
// Annotate the CommonJS export names for ESM import in node:
|
|
72
72
|
0 && (module.exports = {
|
|
73
73
|
aireneChatInputEmit,
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-airene-chat-input",
|
|
3
3
|
"description": "Mekari Pixel 3 | Chat Input component for Airene.",
|
|
4
|
-
"version": "0.0.1-dev.
|
|
4
|
+
"version": "0.0.1-dev.3",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@mekari/pixel3-
|
|
11
|
+
"@mekari/pixel3-icon": "0.0.18-dev.6",
|
|
12
12
|
"@mekari/pixel3-utils": "0.0.7",
|
|
13
|
-
"@mekari/pixel3-
|
|
13
|
+
"@mekari/pixel3-styled-system": "0.1.3-dev.6"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
16
|
"vue": "^3.4.9"
|