@mekari/pixel3-textarea 0.0.10-dev.0 → 0.0.10-dev.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/{chunk-N4MVXQHW.mjs → chunk-DYKD2SZS.mjs} +1 -0
- package/dist/{chunk-TXP6NF44.mjs → chunk-TI3BS4ZQ.mjs} +5 -4
- package/dist/index.js +4 -2
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/textarea.hooks.d.mts +1 -0
- package/dist/modules/textarea.hooks.d.ts +1 -0
- package/dist/modules/textarea.hooks.js +1 -0
- package/dist/modules/textarea.hooks.mjs +1 -1
- package/dist/textarea.js +4 -2
- package/dist/textarea.mjs +2 -2
- package/package.json +3 -3
|
@@ -12,6 +12,7 @@ function useTextarea(props, emit) {
|
|
|
12
12
|
const rootAttrs = computed(() => {
|
|
13
13
|
return {
|
|
14
14
|
"data-pixel-component": "MpTextarea",
|
|
15
|
+
value: props.modelValue,
|
|
15
16
|
class: textareaRecipe(),
|
|
16
17
|
id: props.id || `mp-textarea-${useId()}`,
|
|
17
18
|
placeholder: props.placeholder,
|
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useTextarea
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-DYKD2SZS.mjs";
|
|
4
4
|
import {
|
|
5
5
|
textareaEmits,
|
|
6
6
|
textareaProps
|
|
7
7
|
} from "./chunk-EAK7LYJG.mjs";
|
|
8
8
|
|
|
9
9
|
// src/textarea.tsx
|
|
10
|
-
import { createVNode as _createVNode } from "vue";
|
|
10
|
+
import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
|
|
11
11
|
import { defineComponent } from "vue";
|
|
12
12
|
var MpTextarea = defineComponent({
|
|
13
13
|
name: "MpTextarea",
|
|
14
14
|
props: textareaProps,
|
|
15
15
|
emits: textareaEmits,
|
|
16
16
|
setup(props, {
|
|
17
|
-
emit
|
|
17
|
+
emit,
|
|
18
|
+
attrs
|
|
18
19
|
}) {
|
|
19
20
|
const {
|
|
20
21
|
rootAttrs
|
|
21
22
|
} = useTextarea(props, emit);
|
|
22
23
|
return () => {
|
|
23
|
-
return _createVNode("textarea", rootAttrs.value, null);
|
|
24
|
+
return _createVNode("textarea", _mergeProps(rootAttrs.value, attrs), null);
|
|
24
25
|
};
|
|
25
26
|
}
|
|
26
27
|
});
|
package/dist/index.js
CHANGED
|
@@ -79,6 +79,7 @@ function useTextarea(props, emit) {
|
|
|
79
79
|
const rootAttrs = (0, import_vue.computed)(() => {
|
|
80
80
|
return {
|
|
81
81
|
"data-pixel-component": "MpTextarea",
|
|
82
|
+
value: props.modelValue,
|
|
82
83
|
class: (0, import_recipes.textareaRecipe)(),
|
|
83
84
|
id: props.id || `mp-textarea-${(0, import_pixel3_utils.useId)()}`,
|
|
84
85
|
placeholder: props.placeholder,
|
|
@@ -111,13 +112,14 @@ var MpTextarea = (0, import_vue3.defineComponent)({
|
|
|
111
112
|
props: textareaProps,
|
|
112
113
|
emits: textareaEmits,
|
|
113
114
|
setup(props, {
|
|
114
|
-
emit
|
|
115
|
+
emit,
|
|
116
|
+
attrs
|
|
115
117
|
}) {
|
|
116
118
|
const {
|
|
117
119
|
rootAttrs
|
|
118
120
|
} = useTextarea(props, emit);
|
|
119
121
|
return () => {
|
|
120
|
-
return (0, import_vue2.createVNode)("textarea", rootAttrs.value, null);
|
|
122
|
+
return (0, import_vue2.createVNode)("textarea", (0, import_vue2.mergeProps)(rootAttrs.value, attrs), null);
|
|
121
123
|
};
|
|
122
124
|
}
|
|
123
125
|
});
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/textarea.props.ts":{"bytes":1159,"imports":[],"format":"esm"},"src/modules/textarea.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/textarea.props.ts":{"bytes":1159,"imports":[],"format":"esm"},"src/modules/textarea.hooks.ts":{"bytes":1602,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/textarea.tsx":{"bytes":666,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/textarea.props.ts","kind":"import-statement","original":"./modules/textarea.props"},{"path":"src/modules/textarea.hooks.ts","kind":"import-statement","original":"./modules/textarea.hooks"}],"format":"esm"},"src/index.ts":{"bytes":125,"imports":[{"path":"src/textarea.tsx","kind":"import-statement","original":"./textarea"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":125},"src/textarea.tsx":{"bytesInOutput":444},"src/modules/textarea.props.ts":{"bytesInOutput":578},"src/modules/textarea.hooks.ts":{"bytesInOutput":1741}},"bytes":4008},"dist/textarea.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/textarea.tsx","inputs":{"src/textarea.tsx":{"bytesInOutput":584},"src/modules/textarea.props.ts":{"bytesInOutput":578},"src/modules/textarea.hooks.ts":{"bytesInOutput":1741}},"bytes":4006},"dist/modules/textarea.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/textarea.hooks.ts","inputs":{"src/modules/textarea.hooks.ts":{"bytesInOutput":1901}},"bytes":2929},"dist/modules/textarea.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/textarea.props.ts","inputs":{"src/modules/textarea.props.ts":{"bytesInOutput":780}},"bytes":1737}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/textarea.props.ts":{"bytes":1159,"imports":[],"format":"esm"},"src/modules/textarea.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/textarea.props.ts":{"bytes":1159,"imports":[],"format":"esm"},"src/modules/textarea.hooks.ts":{"bytes":1602,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/textarea.tsx":{"bytes":666,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/textarea.props.ts","kind":"import-statement","original":"./modules/textarea.props"},{"path":"src/modules/textarea.hooks.ts","kind":"import-statement","original":"./modules/textarea.hooks"}],"format":"esm"},"src/index.ts":{"bytes":125,"imports":[{"path":"src/textarea.tsx","kind":"import-statement","original":"./textarea"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-TI3BS4ZQ.mjs","kind":"import-statement"},{"path":"dist/chunk-DYKD2SZS.mjs","kind":"import-statement"},{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTextarea"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":171},"dist/textarea.mjs":{"imports":[{"path":"dist/chunk-TI3BS4ZQ.mjs","kind":"import-statement"},{"path":"dist/chunk-DYKD2SZS.mjs","kind":"import-statement"},{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTextarea"],"entryPoint":"src/textarea.tsx","inputs":{},"bytes":171},"dist/chunk-TI3BS4ZQ.mjs":{"imports":[{"path":"dist/chunk-DYKD2SZS.mjs","kind":"import-statement"},{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTextarea"],"inputs":{"src/textarea.tsx":{"bytesInOutput":444}},"bytes":618},"dist/modules/textarea.hooks.mjs":{"imports":[{"path":"dist/chunk-DYKD2SZS.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useTextarea"],"entryPoint":"src/modules/textarea.hooks.ts","inputs":{},"bytes":113},"dist/chunk-DYKD2SZS.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useTextarea"],"inputs":{"src/modules/textarea.hooks.ts":{"bytesInOutput":1631}},"bytes":1741},"dist/modules/textarea.props.mjs":{"imports":[{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["textareaEmits","textareaProps"],"entryPoint":"src/modules/textarea.props.ts","inputs":{},"bytes":151},"dist/chunk-EAK7LYJG.mjs":{"imports":[],"exports":["textareaEmits","textareaProps"],"inputs":{"src/modules/textarea.props.ts":{"bytesInOutput":578}},"bytes":657},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -4,6 +4,7 @@ import { TextareaProps, TextareaEmits } from './textarea.props.mjs';
|
|
|
4
4
|
declare function useTextarea(props: TextareaProps, emit: TextareaEmits): {
|
|
5
5
|
rootAttrs: vue.ComputedRef<{
|
|
6
6
|
'data-pixel-component': string;
|
|
7
|
+
value: string | number | undefined;
|
|
7
8
|
class: string;
|
|
8
9
|
id: string;
|
|
9
10
|
placeholder: string | undefined;
|
|
@@ -4,6 +4,7 @@ import { TextareaProps, TextareaEmits } from './textarea.props.js';
|
|
|
4
4
|
declare function useTextarea(props: TextareaProps, emit: TextareaEmits): {
|
|
5
5
|
rootAttrs: vue.ComputedRef<{
|
|
6
6
|
'data-pixel-component': string;
|
|
7
|
+
value: string | number | undefined;
|
|
7
8
|
class: string;
|
|
8
9
|
id: string;
|
|
9
10
|
placeholder: string | undefined;
|
|
@@ -33,6 +33,7 @@ function useTextarea(props, emit) {
|
|
|
33
33
|
const rootAttrs = (0, import_vue.computed)(() => {
|
|
34
34
|
return {
|
|
35
35
|
"data-pixel-component": "MpTextarea",
|
|
36
|
+
value: props.modelValue,
|
|
36
37
|
class: (0, import_recipes.textareaRecipe)(),
|
|
37
38
|
id: props.id || `mp-textarea-${(0, import_pixel3_utils.useId)()}`,
|
|
38
39
|
placeholder: props.placeholder,
|
package/dist/textarea.js
CHANGED
|
@@ -77,6 +77,7 @@ function useTextarea(props, emit) {
|
|
|
77
77
|
const rootAttrs = (0, import_vue.computed)(() => {
|
|
78
78
|
return {
|
|
79
79
|
"data-pixel-component": "MpTextarea",
|
|
80
|
+
value: props.modelValue,
|
|
80
81
|
class: (0, import_recipes.textareaRecipe)(),
|
|
81
82
|
id: props.id || `mp-textarea-${(0, import_pixel3_utils.useId)()}`,
|
|
82
83
|
placeholder: props.placeholder,
|
|
@@ -109,13 +110,14 @@ var MpTextarea = (0, import_vue3.defineComponent)({
|
|
|
109
110
|
props: textareaProps,
|
|
110
111
|
emits: textareaEmits,
|
|
111
112
|
setup(props, {
|
|
112
|
-
emit
|
|
113
|
+
emit,
|
|
114
|
+
attrs
|
|
113
115
|
}) {
|
|
114
116
|
const {
|
|
115
117
|
rootAttrs
|
|
116
118
|
} = useTextarea(props, emit);
|
|
117
119
|
return () => {
|
|
118
|
-
return (0, import_vue2.createVNode)("textarea", rootAttrs.value, null);
|
|
120
|
+
return (0, import_vue2.createVNode)("textarea", (0, import_vue2.mergeProps)(rootAttrs.value, attrs), null);
|
|
119
121
|
};
|
|
120
122
|
}
|
|
121
123
|
});
|
package/dist/textarea.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-textarea",
|
|
3
3
|
"description": "Textarea component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.10-dev.
|
|
4
|
+
"version": "0.0.10-dev.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@mekari/pixel3-form-control": "0.0.9-dev.
|
|
12
|
-
"@mekari/pixel3-styled-system": "0.0.7-dev.
|
|
11
|
+
"@mekari/pixel3-form-control": "0.0.9-dev.2",
|
|
12
|
+
"@mekari/pixel3-styled-system": "0.0.7-dev.2",
|
|
13
13
|
"@mekari/pixel3-utils": "0.0.5"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|