@progress/kendo-vue-inputs 6.5.0-develop.6 → 7.0.0-develop.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/cdn/js/kendo-vue-inputs.js +1 -1
- package/index.d.mts +4 -4
- package/index.d.ts +4 -4
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
- package/textarea/TextArea.js +1 -1
- package/textarea/TextArea.mjs +54 -51
package/index.d.mts
CHANGED
|
@@ -4801,15 +4801,15 @@ inputInnerClass(): {
|
|
|
4801
4801
|
};
|
|
4802
4802
|
prefixRenderClass(): {
|
|
4803
4803
|
'k-input-prefix': boolean;
|
|
4804
|
-
'!k-flex-col': boolean;
|
|
4805
|
-
'!k-flex-row': boolean;
|
|
4806
4804
|
'!k-align-items-start': boolean;
|
|
4805
|
+
'k-input-prefix-horizontal': boolean;
|
|
4806
|
+
'k-input-prefix-vertical': boolean;
|
|
4807
4807
|
};
|
|
4808
4808
|
suffixRenderClass(): {
|
|
4809
4809
|
'k-input-suffix': boolean;
|
|
4810
|
-
'!k-flex-col': boolean;
|
|
4811
|
-
'!k-flex-row': boolean;
|
|
4812
4810
|
'!k-align-items-start': boolean;
|
|
4811
|
+
'k-input-suffix-horizontal': boolean;
|
|
4812
|
+
'k-input-suffix-vertical': boolean;
|
|
4813
4813
|
};
|
|
4814
4814
|
suffixIconWrapClass(): {
|
|
4815
4815
|
'k-flex-wrap': boolean;
|
package/index.d.ts
CHANGED
|
@@ -4801,15 +4801,15 @@ inputInnerClass(): {
|
|
|
4801
4801
|
};
|
|
4802
4802
|
prefixRenderClass(): {
|
|
4803
4803
|
'k-input-prefix': boolean;
|
|
4804
|
-
'!k-flex-col': boolean;
|
|
4805
|
-
'!k-flex-row': boolean;
|
|
4806
4804
|
'!k-align-items-start': boolean;
|
|
4805
|
+
'k-input-prefix-horizontal': boolean;
|
|
4806
|
+
'k-input-prefix-vertical': boolean;
|
|
4807
4807
|
};
|
|
4808
4808
|
suffixRenderClass(): {
|
|
4809
4809
|
'k-input-suffix': boolean;
|
|
4810
|
-
'!k-flex-col': boolean;
|
|
4811
|
-
'!k-flex-row': boolean;
|
|
4812
4810
|
'!k-align-items-start': boolean;
|
|
4811
|
+
'k-input-suffix-horizontal': boolean;
|
|
4812
|
+
'k-input-suffix-vertical': boolean;
|
|
4813
4813
|
};
|
|
4814
4814
|
suffixIconWrapClass(): {
|
|
4815
4815
|
'k-flex-wrap': boolean;
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1754467650,version:"7.0.0-develop.2",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"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "Kendo UI for Vue",
|
|
11
11
|
productCode: "KENDOUIVUE",
|
|
12
12
|
productCodes: ["KENDOUIVUE"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "
|
|
13
|
+
publishDate: 1754467650,
|
|
14
|
+
version: "7.0.0-develop.2",
|
|
15
15
|
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"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-inputs",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.0-develop.2",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@progress/kendo-drawing": "^1.21.1",
|
|
22
22
|
"@progress/kendo-licensing": "^1.4.0",
|
|
23
|
-
"@progress/kendo-vue-animation": "
|
|
24
|
-
"@progress/kendo-vue-buttons": "
|
|
25
|
-
"@progress/kendo-vue-common": "
|
|
26
|
-
"@progress/kendo-vue-dialogs": "
|
|
27
|
-
"@progress/kendo-vue-intl": "
|
|
28
|
-
"@progress/kendo-vue-labels": "
|
|
29
|
-
"@progress/kendo-vue-popup": "
|
|
23
|
+
"@progress/kendo-vue-animation": "7.0.0-develop.2",
|
|
24
|
+
"@progress/kendo-vue-buttons": "7.0.0-develop.2",
|
|
25
|
+
"@progress/kendo-vue-common": "7.0.0-develop.2",
|
|
26
|
+
"@progress/kendo-vue-dialogs": "7.0.0-develop.2",
|
|
27
|
+
"@progress/kendo-vue-intl": "7.0.0-develop.2",
|
|
28
|
+
"@progress/kendo-vue-labels": "7.0.0-develop.2",
|
|
29
|
+
"@progress/kendo-vue-popup": "7.0.0-develop.2",
|
|
30
30
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
31
31
|
"vue": "^3.0.2"
|
|
32
32
|
},
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"package": {
|
|
50
50
|
"productName": "Kendo UI for Vue",
|
|
51
51
|
"productCode": "KENDOUIVUE",
|
|
52
|
-
"publishDate":
|
|
52
|
+
"publishDate": 1754467650,
|
|
53
53
|
"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"
|
|
54
54
|
}
|
|
55
55
|
},
|
package/textarea/TextArea.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=require("@progress/kendo-vue-common"),N=require("../package-metadata.js"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=require("@progress/kendo-vue-common"),N=require("../package-metadata.js"),d=require("@progress/kendo-svg-icons"),c=require("./interfaces/TextAreaResize.js"),B=t.defineComponent({name:"KendoTextArea",model:{event:"changemodel"},emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},props:{title:String,ariaDescribedBy:String,ariaLabelledBy:String,autoSize:Boolean,modelValue:{type:[String,Array,Number],default:void 0},defaultValue:[String,Number],dir:String,disabled:Boolean,readOnly:Boolean,rows:Number,id:String,name:String,validationMessage:String,size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},required:Boolean,placeholder:String,tabIndex:Number,valid:{type:Boolean,default:void 0},value:[String,Array,Number],validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:[String,Function],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,flow:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},resizable:{type:String,default:"vertical",validator:function(e){return["both","horizontal","vertical","none"].includes(e)}},inputAttributes:Object},created(){i.validatePackage(N.packageMetadata),this.calculatedId=i.guid()},computed:{resizableClass(){const{resizable:e,autoSize:a}=this.$props;return a||e===c.TextAreaResizeEnum.none?"k-resize-none":e===c.TextAreaResizeEnum.vertical?"k-resize-y":e===c.TextAreaResizeEnum.horizontal?"k-resize-x":"k-resize"},rootClassName(){const{size:e,fillMode:a,rounded:l,required:s,showLoadingIcon:n}=this.$props,r=this.validityStyles===!0?!this.isValid:!1;return{"k-input":!0,"k-textarea":!0,[`k-input-${i.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${a}`]:a,[`k-rounded-${i.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-disabled":this.$props.disabled,"k-invalid":r,"k-required":s,"k-loading":n,[this.resizableClass]:!0,"!k-flex-col":this.flow==="vertical","!k-flex-row":this.flow==="horizontal",[this.wrapperClass]:this.wrapperClass}},inputInnerClass(){return{"k-input-inner":!0,"!k-resize-none":!0,"!k-overflow-auto":!0,"k-flex":!0,[this.inputClass]:this.inputClass}},prefixRenderClass(){return{"k-input-prefix":!0,"!k-align-items-start":this.flow==="horizontal","k-input-prefix-horizontal":this.flow==="vertical","k-input-prefix-vertical":this.flow==="horizontal"}},suffixRenderClass(){return{"k-input-suffix":!0,"!k-align-items-start":this.flow==="horizontal","k-input-suffix-horizontal":this.flow==="vertical","k-input-suffix-vertical":this.flow==="horizontal"}},suffixIconWrapClass(){return{"k-flex-wrap":!0,"!k-align-items-start":!0}},computedValue(){let e;return this.$props.value!==void 0?e=this.$props.value:this.$props.modelValue!==void 0?e=this.$props.modelValue:e=this.currentValue,e},isValid(){return this.valid!==void 0?this.valid:this.required?!!this.computedValue:!0}},data(){return{currentValue:this.$props.defaultValue,textAreaHeight:"auto",currentDir:"ltr"}},watch:{size(){this.textAreaHeight="auto"},computedValue(){this.textAreaHeight="auto"}},mounted(){this.element=this.elementRef;let e;this.$props.dir!==void 0?e=this.$props.dir:e=i.isRtl(this.$el)?"rtl":"ltr",this.currentDir=e,this.setValidity()},updated(){this.element=this.elementRef,this.setValidity()},render(){const{ariaDescribedBy:e,ariaLabelledBy:a,autoSize:l,disabled:s,readOnly:n,required:r,rows:m,id:g,name:x,placeholder:k,tabIndex:V,iconName:o,showValidationIcon:u,showLoadingIcon:h,showClearButton:p,title:v,inputAttributes:b}=this.$props,C={...b,id:g||this.calculatedId,name:x,disabled:s,rows:m,title:v,placeholder:k,readOnly:n,required:r,tabIndex:i.getTabIndex(V,s),"aria-labelledby":a,"aria-describedby":e,"aria-multiline":!0,"aria-disabled":s||void 0,...this.$attrs},S=i.templateRendering.call(this,this.$props.inputPrefix,i.getListeners.call(this)),y=i.templateRendering.call(this,this.$props.inputSuffix,i.getListeners.call(this)),z=i.getTemplate.call(this,{h:t.h,template:S,additionalProps:{value:this.computedValue,valid:this.isValid,className:this.prefixRenderClass}}),I=i.getTemplate.call(this,{h:t.h,template:y,additionalProps:{value:this.computedValue,valid:this.isValid,className:this.suffixRenderClass}}),$=t.h("textarea",{...C,class:this.inputInnerClass,ref:w=>{this.elementRef=w},style:l?{overflow:"hidden",height:this.textAreaHeight}:{},value:this.computedValue,onChange:this.handleChange,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),f=[o&&t.createVNode("span",{class:"k-flex-wrap"},[t.createVNode(i.Icon,{name:o,class:"k-input-icon"},null)]),$,u&&this.isValid&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode(i.Icon,{name:"check",icon:d.checkCircleIcon,class:"k-input-validation-icon"},null)]),u&&!this.isValid&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode(i.Icon,{name:"exclamation-circle",icon:d.exclamationCircleIcon,class:"k-input-validation-icon"},null)]),h&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode(i.Icon,{name:"loading",class:"k-input-loading-icon"},null)]),p&&this.computedValue&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[t.createVNode(i.Icon,{name:"x",icon:d.xIcon},null)])])];return t.createVNode("span",{class:this.rootClassName,dir:this.currentDir==="rtl"?this.currentDir:"",style:this.$attrs.style},[this.$props.inputPrefix&&z,o||u||h||p?t.createVNode("span",{class:"k-hstack k-flex"},[f]):f,this.$props.inputSuffix&&I])},methods:{setValidity(){var e,a;(a=(e=this.element)==null?void 0:e.setCustomValidity)==null||a.call(e,this.isValid?"":this.validationMessage||""),this.element&&(this.textAreaHeight=`${this.element.scrollHeight}px`)},clearClick(e){this.emitUpdate(e,"change","")},focus(){this.element&&this.element.focus()},emitUpdate(e,a,l){const s=l;this.$props.disabled||(this.currentValue=s),this.$props.disabled||(this.$emit("changemodel",s),this.$emit("update:modelValue",s),this.$emit(a,{event:e,component:this,name:this.element.name,value:s}))},handleChange(e){this.emitUpdate(e,"change",e.target.value)},handleInput(e){this.emitUpdate(e,"input",e.target.value)},handleFocus(e){this.$props.disabled||this.$emit("focus",{event:e,component:this,name:this.element.name})},handleBlur(e){this.$props.disabled||this.$emit("blur",{event:e,component:this,name:this.element.name})}}});exports.TextArea=B;
|
package/textarea/TextArea.mjs
CHANGED
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as M, h as d, createVNode as t } from "vue";
|
|
9
|
-
import { getTabIndex as P, templateRendering as
|
|
9
|
+
import { getTabIndex as P, templateRendering as m, getListeners as g, getTemplate as x, Icon as s, isRtl as T, kendoThemeMaps as k, validatePackage as q, guid as D } from "@progress/kendo-vue-common";
|
|
10
10
|
import { packageMetadata as H } from "../package-metadata.mjs";
|
|
11
|
-
import {
|
|
11
|
+
import { checkCircleIcon as L, exclamationCircleIcon as W, xIcon as F } from "@progress/kendo-svg-icons";
|
|
12
12
|
import { TextAreaResizeEnum as h } from "./interfaces/TextAreaResize.mjs";
|
|
13
|
-
const
|
|
13
|
+
const G = /* @__PURE__ */ M({
|
|
14
14
|
name: "KendoTextArea",
|
|
15
15
|
model: {
|
|
16
16
|
event: "changemodel"
|
|
@@ -104,27 +104,27 @@ const K = /* @__PURE__ */ M({
|
|
|
104
104
|
resizableClass() {
|
|
105
105
|
const {
|
|
106
106
|
resizable: e,
|
|
107
|
-
autoSize:
|
|
107
|
+
autoSize: i
|
|
108
108
|
} = this.$props;
|
|
109
|
-
return
|
|
109
|
+
return i || e === h.none ? "k-resize-none" : e === h.vertical ? "k-resize-y" : e === h.horizontal ? "k-resize-x" : "k-resize";
|
|
110
110
|
},
|
|
111
111
|
rootClassName() {
|
|
112
112
|
const {
|
|
113
113
|
size: e,
|
|
114
|
-
fillMode:
|
|
114
|
+
fillMode: i,
|
|
115
115
|
rounded: l,
|
|
116
|
-
required:
|
|
116
|
+
required: a,
|
|
117
117
|
showLoadingIcon: n
|
|
118
118
|
} = this.$props, r = this.validityStyles === !0 ? !this.isValid : !1;
|
|
119
119
|
return {
|
|
120
120
|
"k-input": !0,
|
|
121
121
|
"k-textarea": !0,
|
|
122
122
|
[`k-input-${k.sizeMap[e] || e}`]: e,
|
|
123
|
-
[`k-input-${
|
|
123
|
+
[`k-input-${i}`]: i,
|
|
124
124
|
[`k-rounded-${k.roundedMap[l] || l}`]: l,
|
|
125
125
|
"k-disabled": this.$props.disabled,
|
|
126
126
|
"k-invalid": r,
|
|
127
|
-
"k-required":
|
|
127
|
+
"k-required": a,
|
|
128
128
|
"k-loading": n,
|
|
129
129
|
[this.resizableClass]: !0,
|
|
130
130
|
"!k-flex-col": this.flow === "vertical",
|
|
@@ -144,17 +144,17 @@ const K = /* @__PURE__ */ M({
|
|
|
144
144
|
prefixRenderClass() {
|
|
145
145
|
return {
|
|
146
146
|
"k-input-prefix": !0,
|
|
147
|
-
"!k-
|
|
148
|
-
"
|
|
149
|
-
"
|
|
147
|
+
"!k-align-items-start": this.flow === "horizontal",
|
|
148
|
+
"k-input-prefix-horizontal": this.flow === "vertical",
|
|
149
|
+
"k-input-prefix-vertical": this.flow === "horizontal"
|
|
150
150
|
};
|
|
151
151
|
},
|
|
152
152
|
suffixRenderClass() {
|
|
153
153
|
return {
|
|
154
154
|
"k-input-suffix": !0,
|
|
155
|
-
"!k-
|
|
156
|
-
"
|
|
157
|
-
"
|
|
155
|
+
"!k-align-items-start": this.flow === "horizontal",
|
|
156
|
+
"k-input-suffix-horizontal": this.flow === "vertical",
|
|
157
|
+
"k-input-suffix-vertical": this.flow === "horizontal"
|
|
158
158
|
};
|
|
159
159
|
},
|
|
160
160
|
suffixIconWrapClass() {
|
|
@@ -164,7 +164,8 @@ const K = /* @__PURE__ */ M({
|
|
|
164
164
|
};
|
|
165
165
|
},
|
|
166
166
|
computedValue() {
|
|
167
|
-
|
|
167
|
+
let e;
|
|
168
|
+
return this.$props.value !== void 0 ? e = this.$props.value : this.$props.modelValue !== void 0 ? e = this.$props.modelValue : e = this.currentValue, e;
|
|
168
169
|
},
|
|
169
170
|
isValid() {
|
|
170
171
|
return this.valid !== void 0 ? this.valid : this.required ? !!this.computedValue : !0;
|
|
@@ -186,7 +187,9 @@ const K = /* @__PURE__ */ M({
|
|
|
186
187
|
}
|
|
187
188
|
},
|
|
188
189
|
mounted() {
|
|
189
|
-
this.element = this.elementRef
|
|
190
|
+
this.element = this.elementRef;
|
|
191
|
+
let e;
|
|
192
|
+
this.$props.dir !== void 0 ? e = this.$props.dir : e = T(this.$el) ? "rtl" : "ltr", this.currentDir = e, this.setValidity();
|
|
190
193
|
},
|
|
191
194
|
updated() {
|
|
192
195
|
this.element = this.elementRef, this.setValidity();
|
|
@@ -194,13 +197,13 @@ const K = /* @__PURE__ */ M({
|
|
|
194
197
|
render() {
|
|
195
198
|
const {
|
|
196
199
|
ariaDescribedBy: e,
|
|
197
|
-
ariaLabelledBy:
|
|
200
|
+
ariaLabelledBy: i,
|
|
198
201
|
autoSize: l,
|
|
199
|
-
disabled:
|
|
202
|
+
disabled: a,
|
|
200
203
|
readOnly: n,
|
|
201
204
|
required: r,
|
|
202
|
-
rows:
|
|
203
|
-
id:
|
|
205
|
+
rows: v,
|
|
206
|
+
id: b,
|
|
204
207
|
name: C,
|
|
205
208
|
placeholder: V,
|
|
206
209
|
tabIndex: y,
|
|
@@ -208,40 +211,42 @@ const K = /* @__PURE__ */ M({
|
|
|
208
211
|
showValidationIcon: u,
|
|
209
212
|
showLoadingIcon: p,
|
|
210
213
|
showClearButton: c,
|
|
211
|
-
title:
|
|
212
|
-
inputAttributes:
|
|
213
|
-
} = this.$props,
|
|
214
|
-
|
|
215
|
-
id:
|
|
214
|
+
title: S,
|
|
215
|
+
inputAttributes: $
|
|
216
|
+
} = this.$props, w = {
|
|
217
|
+
...$,
|
|
218
|
+
id: b || this.calculatedId,
|
|
216
219
|
name: C,
|
|
217
|
-
disabled:
|
|
218
|
-
rows:
|
|
219
|
-
title:
|
|
220
|
+
disabled: a,
|
|
221
|
+
rows: v,
|
|
222
|
+
title: S,
|
|
220
223
|
placeholder: V,
|
|
221
224
|
readOnly: n,
|
|
222
225
|
required: r,
|
|
223
|
-
tabIndex: P(y,
|
|
224
|
-
"aria-labelledby":
|
|
226
|
+
tabIndex: P(y, a),
|
|
227
|
+
"aria-labelledby": i,
|
|
225
228
|
"aria-describedby": e,
|
|
226
229
|
"aria-multiline": !0,
|
|
227
|
-
"aria-disabled":
|
|
230
|
+
"aria-disabled": a || void 0,
|
|
228
231
|
...this.$attrs
|
|
229
|
-
}, z =
|
|
232
|
+
}, z = m.call(this, this.$props.inputPrefix, g.call(this)), I = m.call(this, this.$props.inputSuffix, g.call(this)), B = x.call(this, {
|
|
230
233
|
h: d,
|
|
231
234
|
template: z,
|
|
232
235
|
additionalProps: {
|
|
233
236
|
value: this.computedValue,
|
|
234
|
-
valid: this.isValid
|
|
237
|
+
valid: this.isValid,
|
|
238
|
+
className: this.prefixRenderClass
|
|
235
239
|
}
|
|
236
240
|
}), A = x.call(this, {
|
|
237
241
|
h: d,
|
|
238
242
|
template: I,
|
|
239
243
|
additionalProps: {
|
|
240
244
|
value: this.computedValue,
|
|
241
|
-
valid: this.isValid
|
|
245
|
+
valid: this.isValid,
|
|
246
|
+
className: this.suffixRenderClass
|
|
242
247
|
}
|
|
243
248
|
}), N = d("textarea", {
|
|
244
|
-
|
|
249
|
+
...w,
|
|
245
250
|
class: this.inputInnerClass,
|
|
246
251
|
ref: (R) => {
|
|
247
252
|
this.elementRef = R;
|
|
@@ -255,7 +260,7 @@ const K = /* @__PURE__ */ M({
|
|
|
255
260
|
onInput: this.handleInput,
|
|
256
261
|
onFocus: this.handleFocus,
|
|
257
262
|
onBlur: this.handleBlur
|
|
258
|
-
}),
|
|
263
|
+
}), f = [o && t("span", {
|
|
259
264
|
class: "k-flex-wrap"
|
|
260
265
|
}, [t(s, {
|
|
261
266
|
name: o,
|
|
@@ -264,12 +269,13 @@ const K = /* @__PURE__ */ M({
|
|
|
264
269
|
class: this.suffixIconWrapClass
|
|
265
270
|
}, [t(s, {
|
|
266
271
|
name: "check",
|
|
272
|
+
icon: L,
|
|
267
273
|
class: "k-input-validation-icon"
|
|
268
274
|
}, null)]), u && !this.isValid && t("span", {
|
|
269
275
|
class: this.suffixIconWrapClass
|
|
270
276
|
}, [t(s, {
|
|
271
277
|
name: "exclamation-circle",
|
|
272
|
-
icon:
|
|
278
|
+
icon: W,
|
|
273
279
|
class: "k-input-validation-icon"
|
|
274
280
|
}, null)]), p && t("span", {
|
|
275
281
|
class: this.suffixIconWrapClass
|
|
@@ -283,23 +289,20 @@ const K = /* @__PURE__ */ M({
|
|
|
283
289
|
class: "k-clear-value"
|
|
284
290
|
}, [t(s, {
|
|
285
291
|
name: "x",
|
|
286
|
-
icon:
|
|
292
|
+
icon: F
|
|
287
293
|
}, null)])])];
|
|
288
294
|
return t("span", {
|
|
289
295
|
class: this.rootClassName,
|
|
290
296
|
dir: this.currentDir === "rtl" ? this.currentDir : "",
|
|
291
297
|
style: this.$attrs.style
|
|
292
|
-
}, [this.$props.inputPrefix && t("span", {
|
|
293
|
-
class: this.prefixRenderClass
|
|
294
|
-
}, [B]), o || u || p || c ? t("span", {
|
|
298
|
+
}, [this.$props.inputPrefix && B, o || u || p || c ? t("span", {
|
|
295
299
|
class: "k-hstack k-flex"
|
|
296
|
-
}, [
|
|
297
|
-
class: this.suffixRenderClass
|
|
298
|
-
}, [A])]);
|
|
300
|
+
}, [f]) : f, this.$props.inputSuffix && A]);
|
|
299
301
|
},
|
|
300
302
|
methods: {
|
|
301
303
|
setValidity() {
|
|
302
|
-
|
|
304
|
+
var e, i;
|
|
305
|
+
(i = (e = this.element) == null ? void 0 : e.setCustomValidity) == null || i.call(e, this.isValid ? "" : this.validationMessage || ""), this.element && (this.textAreaHeight = `${this.element.scrollHeight}px`);
|
|
303
306
|
},
|
|
304
307
|
clearClick(e) {
|
|
305
308
|
this.emitUpdate(e, "change", "");
|
|
@@ -307,13 +310,13 @@ const K = /* @__PURE__ */ M({
|
|
|
307
310
|
focus() {
|
|
308
311
|
this.element && this.element.focus();
|
|
309
312
|
},
|
|
310
|
-
emitUpdate(e,
|
|
311
|
-
const
|
|
312
|
-
this.$props.disabled || (this.currentValue =
|
|
313
|
+
emitUpdate(e, i, l) {
|
|
314
|
+
const a = l;
|
|
315
|
+
this.$props.disabled || (this.currentValue = a), this.$props.disabled || (this.$emit("changemodel", a), this.$emit("update:modelValue", a), this.$emit(i, {
|
|
313
316
|
event: e,
|
|
314
317
|
component: this,
|
|
315
318
|
name: this.element.name,
|
|
316
|
-
value:
|
|
319
|
+
value: a
|
|
317
320
|
}));
|
|
318
321
|
},
|
|
319
322
|
handleChange(e) {
|
|
@@ -339,5 +342,5 @@ const K = /* @__PURE__ */ M({
|
|
|
339
342
|
}
|
|
340
343
|
});
|
|
341
344
|
export {
|
|
342
|
-
|
|
345
|
+
G as TextArea
|
|
343
346
|
};
|