@progress/kendo-vue-inputs 4.3.2-dev.202403050844 → 4.3.2-dev.202403070957
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/cdn/js/kendo-vue-inputs.js +1 -1
- package/dist/es/main.d.ts +1 -0
- package/dist/es/main.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/textarea/TextArea.js +12 -5
- package/dist/es/textarea/interfaces/TextAreaResize.d.ts +23 -2
- package/dist/es/textarea/interfaces/TextAreaResize.js +22 -1
- package/dist/esm/main.d.ts +1 -0
- package/dist/esm/main.js +1 -0
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/textarea/TextArea.js +12 -5
- package/dist/esm/textarea/interfaces/TextAreaResize.d.ts +23 -2
- package/dist/esm/textarea/interfaces/TextAreaResize.js +22 -1
- package/dist/npm/main.d.ts +1 -0
- package/dist/npm/main.js +1 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/textarea/TextArea.js +12 -5
- package/dist/npm/textarea/interfaces/TextAreaResize.d.ts +23 -2
- package/dist/npm/textarea/interfaces/TextAreaResize.js +23 -0
- package/package.json +13 -13
package/dist/es/main.d.ts
CHANGED
|
@@ -36,6 +36,7 @@ export * from './radiobutton/interfaces/RadioButtonChangeEvent';
|
|
|
36
36
|
export * from './radiobutton/interfaces/RadioButtonFocusEvent';
|
|
37
37
|
export * from './textarea/TextArea';
|
|
38
38
|
export * from './textarea/interfaces/TextAreaProps';
|
|
39
|
+
export * from './textarea/interfaces/TextAreaResize';
|
|
39
40
|
export * from './textarea/interfaces/TextAreaChangeEvent';
|
|
40
41
|
export * from './textarea/interfaces/TextAreaFocusEvent';
|
|
41
42
|
export * from './signature/Signature';
|
package/dist/es/main.js
CHANGED
|
@@ -34,6 +34,7 @@ export * from './radiobutton/interfaces/RadioButtonChangeEvent';
|
|
|
34
34
|
export * from './radiobutton/interfaces/RadioButtonFocusEvent';
|
|
35
35
|
export * from './textarea/TextArea';
|
|
36
36
|
export * from './textarea/interfaces/TextAreaProps';
|
|
37
|
+
export * from './textarea/interfaces/TextAreaResize';
|
|
37
38
|
export * from './textarea/interfaces/TextAreaChangeEvent';
|
|
38
39
|
export * from './textarea/interfaces/TextAreaFocusEvent';
|
|
39
40
|
export * from './signature/Signature';
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-inputs',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1709804811,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -20,6 +20,7 @@ import { guid, isRtl, getTabIndex, validatePackage, kendoThemeMaps, templateDefi
|
|
|
20
20
|
} from '@progress/kendo-vue-common';
|
|
21
21
|
import { packageMetadata } from '../package-metadata';
|
|
22
22
|
import { exclamationCircleIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
23
|
+
import { TextAreaResizeEnum } from '../main';
|
|
23
24
|
/**
|
|
24
25
|
* @hidden
|
|
25
26
|
*/
|
|
@@ -115,6 +116,12 @@ var TextAreaVue2 = {
|
|
|
115
116
|
this.calculatedId = guid();
|
|
116
117
|
},
|
|
117
118
|
computed: {
|
|
119
|
+
resizableClass: function resizableClass() {
|
|
120
|
+
var _a = this.$props,
|
|
121
|
+
resizable = _a.resizable,
|
|
122
|
+
autoSize = _a.autoSize;
|
|
123
|
+
return autoSize || resizable === TextAreaResizeEnum.none ? 'k-resize-none' : resizable === TextAreaResizeEnum.vertical ? 'k-resize-y' : resizable === TextAreaResizeEnum.horizontal ? 'k-resize-x' : 'k-resize';
|
|
124
|
+
},
|
|
118
125
|
rootClassName: function rootClassName() {
|
|
119
126
|
var _a;
|
|
120
127
|
var _b = this.$props,
|
|
@@ -122,14 +129,12 @@ var TextAreaVue2 = {
|
|
|
122
129
|
fillMode = _b.fillMode,
|
|
123
130
|
rounded = _b.rounded,
|
|
124
131
|
required = _b.required,
|
|
125
|
-
showLoadingIcon = _b.showLoadingIcon
|
|
126
|
-
resizable = _b.resizable,
|
|
127
|
-
autoSize = _b.autoSize;
|
|
132
|
+
showLoadingIcon = _b.showLoadingIcon;
|
|
128
133
|
var invalid = this.validityStyles === true ? !this.isValid : false;
|
|
129
134
|
return _a = {
|
|
130
135
|
'k-input': true,
|
|
131
136
|
'k-textarea': true
|
|
132
|
-
}, _a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a['k-loading'] = showLoadingIcon, _a[
|
|
137
|
+
}, _a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a['k-loading'] = showLoadingIcon, _a[this.resizableClass] = true, _a['!k-flex-col'] = this.flow === 'vertical', _a['!k-flex-row'] = this.flow === 'horizontal', _a[this.wrapperClass] = this.wrapperClass, _a;
|
|
133
138
|
},
|
|
134
139
|
inputInnerClass: function inputInnerClass() {
|
|
135
140
|
var _a;
|
|
@@ -179,6 +184,9 @@ var TextAreaVue2 = {
|
|
|
179
184
|
watch: {
|
|
180
185
|
size: function size() {
|
|
181
186
|
this.textAreaHeight = 'auto';
|
|
187
|
+
},
|
|
188
|
+
computedValue: function computedValue() {
|
|
189
|
+
this.textAreaHeight = 'auto';
|
|
182
190
|
}
|
|
183
191
|
},
|
|
184
192
|
mounted: function mounted() {
|
|
@@ -361,7 +369,6 @@ var TextAreaVue2 = {
|
|
|
361
369
|
emitUpdate: function emitUpdate(event, eventName, value) {
|
|
362
370
|
var newValue = value;
|
|
363
371
|
if (!this.$props.disabled) {
|
|
364
|
-
this.textAreaHeight = 'auto';
|
|
365
372
|
this.currentValue = newValue;
|
|
366
373
|
}
|
|
367
374
|
if (!this.$props.disabled) {
|
|
@@ -5,6 +5,27 @@
|
|
|
5
5
|
* `vertical`(Default) —TextArea can be resized only vertically.
|
|
6
6
|
* `horizontal`—TextArea can be resized only horizontally.
|
|
7
7
|
* `both`—TextArea can be resized both vertically and horizontally.
|
|
8
|
-
* `
|
|
8
|
+
* `none`—TextArea can not be manually resized.
|
|
9
9
|
*/
|
|
10
|
-
export declare type TextAreaResize = 'both' | 'horizontal' | 'vertical';
|
|
10
|
+
export declare type TextAreaResize = 'both' | 'horizontal' | 'vertical' | 'none';
|
|
11
|
+
/**
|
|
12
|
+
* Specifies the enum options for resize direction of the TextArea sections.
|
|
13
|
+
*/
|
|
14
|
+
export declare enum TextAreaResizeEnum {
|
|
15
|
+
/**
|
|
16
|
+
* `both`—TextArea can be resized both vertically and horizontally.
|
|
17
|
+
*/
|
|
18
|
+
both = "both",
|
|
19
|
+
/**
|
|
20
|
+
* `horizontal`—TextArea can be resized only horizontally.
|
|
21
|
+
*/
|
|
22
|
+
horizontal = "horizontal",
|
|
23
|
+
/**
|
|
24
|
+
* `vertical`(Default) —TextArea can be resized only vertically.
|
|
25
|
+
*/
|
|
26
|
+
vertical = "vertical",
|
|
27
|
+
/**
|
|
28
|
+
* `none`—TextArea can not be manually resized.
|
|
29
|
+
*/
|
|
30
|
+
none = "none"
|
|
31
|
+
}
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Specifies the enum options for resize direction of the TextArea sections.
|
|
3
|
+
*/
|
|
4
|
+
export var TextAreaResizeEnum;
|
|
5
|
+
(function (TextAreaResizeEnum) {
|
|
6
|
+
/**
|
|
7
|
+
* `both`—TextArea can be resized both vertically and horizontally.
|
|
8
|
+
*/
|
|
9
|
+
TextAreaResizeEnum["both"] = "both";
|
|
10
|
+
/**
|
|
11
|
+
* `horizontal`—TextArea can be resized only horizontally.
|
|
12
|
+
*/
|
|
13
|
+
TextAreaResizeEnum["horizontal"] = "horizontal";
|
|
14
|
+
/**
|
|
15
|
+
* `vertical`(Default) —TextArea can be resized only vertically.
|
|
16
|
+
*/
|
|
17
|
+
TextAreaResizeEnum["vertical"] = "vertical";
|
|
18
|
+
/**
|
|
19
|
+
* `none`—TextArea can not be manually resized.
|
|
20
|
+
*/
|
|
21
|
+
TextAreaResizeEnum["none"] = "none";
|
|
22
|
+
})(TextAreaResizeEnum || (TextAreaResizeEnum = {}));
|
package/dist/esm/main.d.ts
CHANGED
|
@@ -36,6 +36,7 @@ export * from './radiobutton/interfaces/RadioButtonChangeEvent';
|
|
|
36
36
|
export * from './radiobutton/interfaces/RadioButtonFocusEvent';
|
|
37
37
|
export * from './textarea/TextArea';
|
|
38
38
|
export * from './textarea/interfaces/TextAreaProps';
|
|
39
|
+
export * from './textarea/interfaces/TextAreaResize';
|
|
39
40
|
export * from './textarea/interfaces/TextAreaChangeEvent';
|
|
40
41
|
export * from './textarea/interfaces/TextAreaFocusEvent';
|
|
41
42
|
export * from './signature/Signature';
|
package/dist/esm/main.js
CHANGED
|
@@ -34,6 +34,7 @@ export * from './radiobutton/interfaces/RadioButtonChangeEvent.js';
|
|
|
34
34
|
export * from './radiobutton/interfaces/RadioButtonFocusEvent.js';
|
|
35
35
|
export * from './textarea/TextArea.js';
|
|
36
36
|
export * from './textarea/interfaces/TextAreaProps.js';
|
|
37
|
+
export * from './textarea/interfaces/TextAreaResize.js';
|
|
37
38
|
export * from './textarea/interfaces/TextAreaChangeEvent.js';
|
|
38
39
|
export * from './textarea/interfaces/TextAreaFocusEvent.js';
|
|
39
40
|
export * from './signature/Signature.js';
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-inputs',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1709804811,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -20,6 +20,7 @@ import { guid, isRtl, getTabIndex, validatePackage, kendoThemeMaps, templateDefi
|
|
|
20
20
|
} from '@progress/kendo-vue-common';
|
|
21
21
|
import { packageMetadata } from '../package-metadata.js';
|
|
22
22
|
import { exclamationCircleIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
23
|
+
import { TextAreaResizeEnum } from '../main.js';
|
|
23
24
|
/**
|
|
24
25
|
* @hidden
|
|
25
26
|
*/
|
|
@@ -115,6 +116,12 @@ var TextAreaVue2 = {
|
|
|
115
116
|
this.calculatedId = guid();
|
|
116
117
|
},
|
|
117
118
|
computed: {
|
|
119
|
+
resizableClass: function resizableClass() {
|
|
120
|
+
var _a = this.$props,
|
|
121
|
+
resizable = _a.resizable,
|
|
122
|
+
autoSize = _a.autoSize;
|
|
123
|
+
return autoSize || resizable === TextAreaResizeEnum.none ? 'k-resize-none' : resizable === TextAreaResizeEnum.vertical ? 'k-resize-y' : resizable === TextAreaResizeEnum.horizontal ? 'k-resize-x' : 'k-resize';
|
|
124
|
+
},
|
|
118
125
|
rootClassName: function rootClassName() {
|
|
119
126
|
var _a;
|
|
120
127
|
var _b = this.$props,
|
|
@@ -122,14 +129,12 @@ var TextAreaVue2 = {
|
|
|
122
129
|
fillMode = _b.fillMode,
|
|
123
130
|
rounded = _b.rounded,
|
|
124
131
|
required = _b.required,
|
|
125
|
-
showLoadingIcon = _b.showLoadingIcon
|
|
126
|
-
resizable = _b.resizable,
|
|
127
|
-
autoSize = _b.autoSize;
|
|
132
|
+
showLoadingIcon = _b.showLoadingIcon;
|
|
128
133
|
var invalid = this.validityStyles === true ? !this.isValid : false;
|
|
129
134
|
return _a = {
|
|
130
135
|
'k-input': true,
|
|
131
136
|
'k-textarea': true
|
|
132
|
-
}, _a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a['k-loading'] = showLoadingIcon, _a[
|
|
137
|
+
}, _a["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a['k-loading'] = showLoadingIcon, _a[this.resizableClass] = true, _a['!k-flex-col'] = this.flow === 'vertical', _a['!k-flex-row'] = this.flow === 'horizontal', _a[this.wrapperClass] = this.wrapperClass, _a;
|
|
133
138
|
},
|
|
134
139
|
inputInnerClass: function inputInnerClass() {
|
|
135
140
|
var _a;
|
|
@@ -179,6 +184,9 @@ var TextAreaVue2 = {
|
|
|
179
184
|
watch: {
|
|
180
185
|
size: function size() {
|
|
181
186
|
this.textAreaHeight = 'auto';
|
|
187
|
+
},
|
|
188
|
+
computedValue: function computedValue() {
|
|
189
|
+
this.textAreaHeight = 'auto';
|
|
182
190
|
}
|
|
183
191
|
},
|
|
184
192
|
mounted: function mounted() {
|
|
@@ -361,7 +369,6 @@ var TextAreaVue2 = {
|
|
|
361
369
|
emitUpdate: function emitUpdate(event, eventName, value) {
|
|
362
370
|
var newValue = value;
|
|
363
371
|
if (!this.$props.disabled) {
|
|
364
|
-
this.textAreaHeight = 'auto';
|
|
365
372
|
this.currentValue = newValue;
|
|
366
373
|
}
|
|
367
374
|
if (!this.$props.disabled) {
|
|
@@ -5,6 +5,27 @@
|
|
|
5
5
|
* `vertical`(Default) —TextArea can be resized only vertically.
|
|
6
6
|
* `horizontal`—TextArea can be resized only horizontally.
|
|
7
7
|
* `both`—TextArea can be resized both vertically and horizontally.
|
|
8
|
-
* `
|
|
8
|
+
* `none`—TextArea can not be manually resized.
|
|
9
9
|
*/
|
|
10
|
-
export declare type TextAreaResize = 'both' | 'horizontal' | 'vertical';
|
|
10
|
+
export declare type TextAreaResize = 'both' | 'horizontal' | 'vertical' | 'none';
|
|
11
|
+
/**
|
|
12
|
+
* Specifies the enum options for resize direction of the TextArea sections.
|
|
13
|
+
*/
|
|
14
|
+
export declare enum TextAreaResizeEnum {
|
|
15
|
+
/**
|
|
16
|
+
* `both`—TextArea can be resized both vertically and horizontally.
|
|
17
|
+
*/
|
|
18
|
+
both = "both",
|
|
19
|
+
/**
|
|
20
|
+
* `horizontal`—TextArea can be resized only horizontally.
|
|
21
|
+
*/
|
|
22
|
+
horizontal = "horizontal",
|
|
23
|
+
/**
|
|
24
|
+
* `vertical`(Default) —TextArea can be resized only vertically.
|
|
25
|
+
*/
|
|
26
|
+
vertical = "vertical",
|
|
27
|
+
/**
|
|
28
|
+
* `none`—TextArea can not be manually resized.
|
|
29
|
+
*/
|
|
30
|
+
none = "none"
|
|
31
|
+
}
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Specifies the enum options for resize direction of the TextArea sections.
|
|
3
|
+
*/
|
|
4
|
+
export var TextAreaResizeEnum;
|
|
5
|
+
(function (TextAreaResizeEnum) {
|
|
6
|
+
/**
|
|
7
|
+
* `both`—TextArea can be resized both vertically and horizontally.
|
|
8
|
+
*/
|
|
9
|
+
TextAreaResizeEnum["both"] = "both";
|
|
10
|
+
/**
|
|
11
|
+
* `horizontal`—TextArea can be resized only horizontally.
|
|
12
|
+
*/
|
|
13
|
+
TextAreaResizeEnum["horizontal"] = "horizontal";
|
|
14
|
+
/**
|
|
15
|
+
* `vertical`(Default) —TextArea can be resized only vertically.
|
|
16
|
+
*/
|
|
17
|
+
TextAreaResizeEnum["vertical"] = "vertical";
|
|
18
|
+
/**
|
|
19
|
+
* `none`—TextArea can not be manually resized.
|
|
20
|
+
*/
|
|
21
|
+
TextAreaResizeEnum["none"] = "none";
|
|
22
|
+
})(TextAreaResizeEnum || (TextAreaResizeEnum = {}));
|
package/dist/npm/main.d.ts
CHANGED
|
@@ -36,6 +36,7 @@ export * from './radiobutton/interfaces/RadioButtonChangeEvent';
|
|
|
36
36
|
export * from './radiobutton/interfaces/RadioButtonFocusEvent';
|
|
37
37
|
export * from './textarea/TextArea';
|
|
38
38
|
export * from './textarea/interfaces/TextAreaProps';
|
|
39
|
+
export * from './textarea/interfaces/TextAreaResize';
|
|
39
40
|
export * from './textarea/interfaces/TextAreaChangeEvent';
|
|
40
41
|
export * from './textarea/interfaces/TextAreaFocusEvent';
|
|
41
42
|
export * from './signature/Signature';
|
package/dist/npm/main.js
CHANGED
|
@@ -55,6 +55,7 @@ __exportStar(require("./radiobutton/interfaces/RadioButtonChangeEvent"), exports
|
|
|
55
55
|
__exportStar(require("./radiobutton/interfaces/RadioButtonFocusEvent"), exports);
|
|
56
56
|
__exportStar(require("./textarea/TextArea"), exports);
|
|
57
57
|
__exportStar(require("./textarea/interfaces/TextAreaProps"), exports);
|
|
58
|
+
__exportStar(require("./textarea/interfaces/TextAreaResize"), exports);
|
|
58
59
|
__exportStar(require("./textarea/interfaces/TextAreaChangeEvent"), exports);
|
|
59
60
|
__exportStar(require("./textarea/interfaces/TextAreaFocusEvent"), exports);
|
|
60
61
|
__exportStar(require("./signature/Signature"), exports);
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-inputs',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1709804811,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -24,6 +24,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
|
|
|
24
24
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
25
25
|
var package_metadata_1 = require("../package-metadata");
|
|
26
26
|
var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
27
|
+
var main_1 = require("../main");
|
|
27
28
|
/**
|
|
28
29
|
* @hidden
|
|
29
30
|
*/
|
|
@@ -119,6 +120,12 @@ var TextAreaVue2 = {
|
|
|
119
120
|
this.calculatedId = (0, kendo_vue_common_1.guid)();
|
|
120
121
|
},
|
|
121
122
|
computed: {
|
|
123
|
+
resizableClass: function resizableClass() {
|
|
124
|
+
var _a = this.$props,
|
|
125
|
+
resizable = _a.resizable,
|
|
126
|
+
autoSize = _a.autoSize;
|
|
127
|
+
return autoSize || resizable === main_1.TextAreaResizeEnum.none ? 'k-resize-none' : resizable === main_1.TextAreaResizeEnum.vertical ? 'k-resize-y' : resizable === main_1.TextAreaResizeEnum.horizontal ? 'k-resize-x' : 'k-resize';
|
|
128
|
+
},
|
|
122
129
|
rootClassName: function rootClassName() {
|
|
123
130
|
var _a;
|
|
124
131
|
var _b = this.$props,
|
|
@@ -126,14 +133,12 @@ var TextAreaVue2 = {
|
|
|
126
133
|
fillMode = _b.fillMode,
|
|
127
134
|
rounded = _b.rounded,
|
|
128
135
|
required = _b.required,
|
|
129
|
-
showLoadingIcon = _b.showLoadingIcon
|
|
130
|
-
resizable = _b.resizable,
|
|
131
|
-
autoSize = _b.autoSize;
|
|
136
|
+
showLoadingIcon = _b.showLoadingIcon;
|
|
132
137
|
var invalid = this.validityStyles === true ? !this.isValid : false;
|
|
133
138
|
return _a = {
|
|
134
139
|
'k-input': true,
|
|
135
140
|
'k-textarea': true
|
|
136
|
-
}, _a["k-input-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a['k-loading'] = showLoadingIcon, _a[
|
|
141
|
+
}, _a["k-input-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = invalid, _a['k-required'] = required, _a['k-loading'] = showLoadingIcon, _a[this.resizableClass] = true, _a['!k-flex-col'] = this.flow === 'vertical', _a['!k-flex-row'] = this.flow === 'horizontal', _a[this.wrapperClass] = this.wrapperClass, _a;
|
|
137
142
|
},
|
|
138
143
|
inputInnerClass: function inputInnerClass() {
|
|
139
144
|
var _a;
|
|
@@ -183,6 +188,9 @@ var TextAreaVue2 = {
|
|
|
183
188
|
watch: {
|
|
184
189
|
size: function size() {
|
|
185
190
|
this.textAreaHeight = 'auto';
|
|
191
|
+
},
|
|
192
|
+
computedValue: function computedValue() {
|
|
193
|
+
this.textAreaHeight = 'auto';
|
|
186
194
|
}
|
|
187
195
|
},
|
|
188
196
|
mounted: function mounted() {
|
|
@@ -365,7 +373,6 @@ var TextAreaVue2 = {
|
|
|
365
373
|
emitUpdate: function emitUpdate(event, eventName, value) {
|
|
366
374
|
var newValue = value;
|
|
367
375
|
if (!this.$props.disabled) {
|
|
368
|
-
this.textAreaHeight = 'auto';
|
|
369
376
|
this.currentValue = newValue;
|
|
370
377
|
}
|
|
371
378
|
if (!this.$props.disabled) {
|
|
@@ -5,6 +5,27 @@
|
|
|
5
5
|
* `vertical`(Default) —TextArea can be resized only vertically.
|
|
6
6
|
* `horizontal`—TextArea can be resized only horizontally.
|
|
7
7
|
* `both`—TextArea can be resized both vertically and horizontally.
|
|
8
|
-
* `
|
|
8
|
+
* `none`—TextArea can not be manually resized.
|
|
9
9
|
*/
|
|
10
|
-
export declare type TextAreaResize = 'both' | 'horizontal' | 'vertical';
|
|
10
|
+
export declare type TextAreaResize = 'both' | 'horizontal' | 'vertical' | 'none';
|
|
11
|
+
/**
|
|
12
|
+
* Specifies the enum options for resize direction of the TextArea sections.
|
|
13
|
+
*/
|
|
14
|
+
export declare enum TextAreaResizeEnum {
|
|
15
|
+
/**
|
|
16
|
+
* `both`—TextArea can be resized both vertically and horizontally.
|
|
17
|
+
*/
|
|
18
|
+
both = "both",
|
|
19
|
+
/**
|
|
20
|
+
* `horizontal`—TextArea can be resized only horizontally.
|
|
21
|
+
*/
|
|
22
|
+
horizontal = "horizontal",
|
|
23
|
+
/**
|
|
24
|
+
* `vertical`(Default) —TextArea can be resized only vertically.
|
|
25
|
+
*/
|
|
26
|
+
vertical = "vertical",
|
|
27
|
+
/**
|
|
28
|
+
* `none`—TextArea can not be manually resized.
|
|
29
|
+
*/
|
|
30
|
+
none = "none"
|
|
31
|
+
}
|
|
@@ -1,2 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TextAreaResizeEnum = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Specifies the enum options for resize direction of the TextArea sections.
|
|
6
|
+
*/
|
|
7
|
+
var TextAreaResizeEnum;
|
|
8
|
+
(function (TextAreaResizeEnum) {
|
|
9
|
+
/**
|
|
10
|
+
* `both`—TextArea can be resized both vertically and horizontally.
|
|
11
|
+
*/
|
|
12
|
+
TextAreaResizeEnum["both"] = "both";
|
|
13
|
+
/**
|
|
14
|
+
* `horizontal`—TextArea can be resized only horizontally.
|
|
15
|
+
*/
|
|
16
|
+
TextAreaResizeEnum["horizontal"] = "horizontal";
|
|
17
|
+
/**
|
|
18
|
+
* `vertical`(Default) —TextArea can be resized only vertically.
|
|
19
|
+
*/
|
|
20
|
+
TextAreaResizeEnum["vertical"] = "vertical";
|
|
21
|
+
/**
|
|
22
|
+
* `none`—TextArea can not be manually resized.
|
|
23
|
+
*/
|
|
24
|
+
TextAreaResizeEnum["none"] = "none";
|
|
25
|
+
})(TextAreaResizeEnum = exports.TextAreaResizeEnum || (exports.TextAreaResizeEnum = {}));
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-inputs",
|
|
3
3
|
"description": "Kendo UI for Vue Input package",
|
|
4
|
-
"version": "4.3.2-dev.
|
|
4
|
+
"version": "4.3.2-dev.202403070957",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -47,11 +47,11 @@
|
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@progress/kendo-inputs-common": "^3.1.0",
|
|
50
|
-
"@progress/kendo-vue-buttons": "4.3.2-dev.
|
|
51
|
-
"@progress/kendo-vue-common": "4.3.2-dev.
|
|
52
|
-
"@progress/kendo-vue-dialogs": "4.3.2-dev.
|
|
53
|
-
"@progress/kendo-vue-labels": "4.3.2-dev.
|
|
54
|
-
"@progress/kendo-vue-popup": "4.3.2-dev.
|
|
50
|
+
"@progress/kendo-vue-buttons": "4.3.2-dev.202403070957",
|
|
51
|
+
"@progress/kendo-vue-common": "4.3.2-dev.202403070957",
|
|
52
|
+
"@progress/kendo-vue-dialogs": "4.3.2-dev.202403070957",
|
|
53
|
+
"@progress/kendo-vue-labels": "4.3.2-dev.202403070957",
|
|
54
|
+
"@progress/kendo-vue-popup": "4.3.2-dev.202403070957"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@progress/kendo-data-query": "^1.5.5",
|
|
@@ -60,13 +60,13 @@
|
|
|
60
60
|
"@progress/kendo-file-saver": "^1.1.1",
|
|
61
61
|
"@progress/kendo-licensing": "^1.3.0",
|
|
62
62
|
"@progress/kendo-svg-icons": "^2.0.0",
|
|
63
|
-
"@progress/kendo-vue-buttons": "4.3.2-dev.
|
|
64
|
-
"@progress/kendo-vue-dropdowns": "4.3.2-dev.
|
|
65
|
-
"@progress/kendo-vue-form": "4.3.2-dev.
|
|
66
|
-
"@progress/kendo-vue-intl": "4.3.2-dev.
|
|
67
|
-
"@progress/kendo-vue-labels": "4.3.2-dev.
|
|
68
|
-
"@progress/kendo-vue-tooltip": "4.3.2-dev.
|
|
69
|
-
"@progress/kendo-vue-upload": "4.3.2-dev.
|
|
63
|
+
"@progress/kendo-vue-buttons": "4.3.2-dev.202403070957",
|
|
64
|
+
"@progress/kendo-vue-dropdowns": "4.3.2-dev.202403070957",
|
|
65
|
+
"@progress/kendo-vue-form": "4.3.2-dev.202403070957",
|
|
66
|
+
"@progress/kendo-vue-intl": "4.3.2-dev.202403070957",
|
|
67
|
+
"@progress/kendo-vue-labels": "4.3.2-dev.202403070957",
|
|
68
|
+
"@progress/kendo-vue-tooltip": "4.3.2-dev.202403070957",
|
|
69
|
+
"@progress/kendo-vue-upload": "4.3.2-dev.202403070957",
|
|
70
70
|
"cldr-core": "^41.0.0",
|
|
71
71
|
"cldr-dates-full": "^41.0.0",
|
|
72
72
|
"cldr-numbers-full": "^41.0.0"
|