@progress/kendo-vue-grid 8.1.0-develop.7 → 8.1.0-develop.8
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/cells/GridCell.js +1 -1
- package/cells/GridCell.mjs +4 -5
- package/cells/GridFilterCell.js +1 -1
- package/cells/GridFilterCell.mjs +8 -9
- package/cells/GridGroupCell.js +1 -1
- package/cells/GridGroupCell.mjs +11 -12
- package/cells/GridHierarchyCell.js +1 -1
- package/cells/GridHierarchyCell.mjs +14 -15
- package/cells/GridSelectionCell.js +1 -1
- package/cells/GridSelectionCell.mjs +4 -5
- package/dist/cdn/js/kendo-vue-grid.js +1 -1
- package/header/HeaderRow.js +1 -1
- package/header/HeaderRow.mjs +11 -12
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +13 -13
package/cells/GridCell.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 r=require("vue"),p=require("../utils/main.js"),h=require("@progress/kendo-vue-intl"),g=require("@progress/kendo-vue-common"),s=require("@progress/kendo-vue-data-tools"),u=r.defineComponent({name:"GridCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null},props:{id:String,field:String,dataItem:Object,format:String,readFormat:String,className:String,columnType:String,colSpan:Number,columnIndex:Number,columnsCount:Number,dataIndex:Number,rowType:String,level:Number,expanded:Boolean,type:String,editor:String,rowSpan:[Number,Object],isSelected:Boolean,isHighlighted:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],isRtl:Boolean,onEdit:Function,onSave:Function,onRemove:Function,onCancel:Function,onChange:Function,onSelectionchange:Function,cells:Object},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:g.noop}},methods:{triggerClick(){this.$emit("cellclick",{dataItem:this.$props.dataItem,field:this.$props.field})},triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)}},created(){this._intl=h.provideIntlService(this)},computed:{tdClass(){const{className:e,isSelected:t,isHighlighted:i}=this.$props;return{"k-table-td":!0,"k-selected":t,"k-highlighted":i,[e]:e}}},setup(){return{kendoIntlService:r.inject("kendoIntlService",{})}},render(){var l,a,d;let e=null;const t=this.getKeyboardNavigationAttributes(this.$props.id);let i={},o=null;if(((l=this.$props.rowSpan)==null?void 0:l.count)===null)return null;if(this.$props.rowType==="groupFooter")i={class:this.tdClass,tabindex:t.tabIndex,"data-keyboardnavlevel":t[s.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[s.KEYBOARD_NAV_DATA_ID]},e=r.createVNode("td",r.mergeProps(i,{onKeydown:this.triggerKeydown,onClick:this.triggerClick}),[o]);else if(this.$props.field!==void 0&&this.$props.rowType!=="groupHeader"){const n=p.getNestedValue(this.$props.field,this.$props.dataItem);let c="";n!=null&&(c=this.$props.format?this.$props.type?this._intl.format(this.$props.format,p.parsers[this.$props.type](n,this._intl,this.$props.readFormat)):this._intl.format(this.$props.format,n):n.toString()),i={style:this.$attrs.style,colspan:this.$props.colSpan,rowspan:(d=(a=this.$props.rowSpan)==null?void 0:a.count)!=null?d:void 0,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.columnIndex,tabindex:t.tabIndex,"data-keyboardnavlevel":t[s.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[s.KEYBOARD_NAV_DATA_ID]},o=c,e=r.createVNode("td",r.mergeProps(i,{onKeydown:this.triggerKeydown,onClick:this.triggerClick}),[o])}return g.getTemplate.call(this,{h:r.h,template:this.$props.render,defaultRendering:e,additionalProps:{...this.$props,tdProps:i},additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove},defaultSlots:o
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),p=require("../utils/main.js"),h=require("@progress/kendo-vue-intl"),g=require("@progress/kendo-vue-common"),s=require("@progress/kendo-vue-data-tools"),u=r.defineComponent({name:"GridCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null},props:{id:String,field:String,dataItem:Object,format:String,readFormat:String,className:String,columnType:String,colSpan:Number,columnIndex:Number,columnsCount:Number,dataIndex:Number,rowType:String,level:Number,expanded:Boolean,type:String,editor:String,rowSpan:[Number,Object],isSelected:Boolean,isHighlighted:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],isRtl:Boolean,onEdit:Function,onSave:Function,onRemove:Function,onCancel:Function,onChange:Function,onSelectionchange:Function,cells:Object},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:g.noop}},methods:{triggerClick(){this.$emit("cellclick",{dataItem:this.$props.dataItem,field:this.$props.field})},triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)}},created(){this._intl=h.provideIntlService(this)},computed:{tdClass(){const{className:e,isSelected:t,isHighlighted:i}=this.$props;return{"k-table-td":!0,"k-selected":t,"k-highlighted":i,[e]:e}}},setup(){return{kendoIntlService:r.inject("kendoIntlService",{})}},render(){var l,a,d;let e=null;const t=this.getKeyboardNavigationAttributes(this.$props.id);let i={},o=null;if(((l=this.$props.rowSpan)==null?void 0:l.count)===null)return null;if(this.$props.rowType==="groupFooter")i={class:this.tdClass,tabindex:t.tabIndex,"data-keyboardnavlevel":t[s.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[s.KEYBOARD_NAV_DATA_ID]},e=r.createVNode("td",r.mergeProps(i,{onKeydown:this.triggerKeydown,onClick:this.triggerClick}),[o]);else if(this.$props.field!==void 0&&this.$props.rowType!=="groupHeader"){const n=p.getNestedValue(this.$props.field,this.$props.dataItem);let c="";n!=null&&(c=this.$props.format?this.$props.type?this._intl.format(this.$props.format,p.parsers[this.$props.type](n,this._intl,this.$props.readFormat)):this._intl.format(this.$props.format,n):n.toString()),i={style:this.$attrs.style,colspan:this.$props.colSpan,rowspan:(d=(a=this.$props.rowSpan)==null?void 0:a.count)!=null?d:void 0,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.columnIndex,tabindex:t.tabIndex,"data-keyboardnavlevel":t[s.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":t[s.KEYBOARD_NAV_DATA_ID]},o=c,e=r.createVNode("td",r.mergeProps(i,{onKeydown:this.triggerKeydown,onClick:this.triggerClick}),[o])}return g.getTemplate.call(this,{h:r.h,template:this.$props.render,defaultRendering:e,additionalProps:{...this.$props,tdProps:i},additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove},defaultSlots:o})}});exports.GridCell=u;
|
package/cells/GridCell.mjs
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as h, createVNode as d, mergeProps as p, h as m, inject as u } from "vue";
|
|
9
|
-
import { getNestedValue as
|
|
9
|
+
import { getNestedValue as $, parsers as f } from "../utils/main.mjs";
|
|
10
10
|
import { provideIntlService as S } from "@progress/kendo-vue-intl";
|
|
11
11
|
import { noop as v, getTemplate as b } from "@progress/kendo-vue-common";
|
|
12
12
|
import { KEYBOARD_NAV_DATA_ID as c, KEYBOARD_NAV_DATA_LEVEL as g } from "@progress/kendo-vue-data-tools";
|
|
@@ -127,9 +127,9 @@ const A = /* @__PURE__ */ h({
|
|
|
127
127
|
onClick: this.triggerClick
|
|
128
128
|
}), [n]);
|
|
129
129
|
else if (this.$props.field !== void 0 && this.$props.rowType !== "groupHeader") {
|
|
130
|
-
const r =
|
|
130
|
+
const r = $(this.$props.field, this.$props.dataItem);
|
|
131
131
|
let a = "";
|
|
132
|
-
r != null && (a = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format,
|
|
132
|
+
r != null && (a = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, f[this.$props.type](r, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, r) : r.toString()), i = {
|
|
133
133
|
style: this.$attrs.style,
|
|
134
134
|
colspan: this.$props.colSpan,
|
|
135
135
|
rowspan: (l = (s = this.$props.rowSpan) == null ? void 0 : s.count) != null ? l : void 0,
|
|
@@ -163,8 +163,7 @@ const A = /* @__PURE__ */ h({
|
|
|
163
163
|
save: this.triggerSave,
|
|
164
164
|
remove: this.triggerRemove
|
|
165
165
|
},
|
|
166
|
-
defaultSlots: n
|
|
167
|
-
swapDefaultSlots: !0
|
|
166
|
+
defaultSlots: n
|
|
168
167
|
});
|
|
169
168
|
}
|
|
170
169
|
});
|
package/cells/GridFilterCell.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 r=require("vue"),b=require("@progress/kendo-vue-buttons"),n=require("../messages/main.js"),d=require("@progress/kendo-vue-dropdowns"),h=require("@progress/kendo-vue-inputs"),S=require("@progress/kendo-vue-dateinputs"),g=require("@progress/kendo-svg-icons"),m=require("@progress/kendo-vue-intl"),c=require("../filterCommon.js"),$=require("@progress/kendo-vue-common"),k=r.defineComponent({name:"KendoGridFilterCell",inheritAttrs:!1,props:{id:String,grid:Object,field:String,filterType:String,colSpan:Number,title:String,value:[String,Number,Boolean,Date],operator:[String,Function],operators:Array,booleanValues:Array,onChange:Function,render:[String,Function,Object],ariaLabel:String,size:String},inject:{kendoLocalizationService:{default:null},kendoIntlService:{default:null}},methods:{inputChange(e,t){const i=c.cellInputChange(e,t,this.$props);this.triggerChange(i)},operatorChange(e,t){const i=c.cellOperatorChange(e.value.operator,t,this.$props.value);this.triggerChange(i)},boolDropdownChange(e,t){const i=c.cellBoolDropdownChange(e.value.operator,t);this.triggerChange(i)},clear(e){e.preventDefault(),this.triggerChange({value:"",operator:"",event:e})},triggerChange(e){e.field=this.$props.field,this.$emit("change",e)}},setup(){const e=r.inject("kendoIntlService",{}),t=r.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:t}},render(){const e=m.provideLocalizationService(this),{size:t}=this.$props,i=this.$props.operators.find(l=>l.operator===this.$props.operator)||null,f=function(){if(this.$props.filterType!=="boolean")return r.createVNode(d.DropDownList,{onChange:this.operatorChange,value:i,size:t,class:"k-dropdown-operator",icon:"filter",svgIcon:g.filterIcon,iconClassName:"filter k-button-icon","data-items":this.$props.operators,textField:"text",title:e.toLanguageString(n.filterChooseOperator,n.messages[n.filterChooseOperator]),popupSettings:{width:"",anchor:""},ariaLabel:this.ariaLabel},null)},C=function(l,a){let s;switch(l){case"numeric":return r.createVNode(h.NumericTextBox,{size:t,value:a,onChange:o=>{this.inputChange(o.value,o.event)},title:this.$props.title,ariaLabel:this.ariaLabel},null);case"date":return r.createVNode(S.DatePicker,{size:t,value:a,onChange:o=>{this.inputChange(o.value,o)},title:this.$props.title,ariaLabel:this.ariaLabel},null);case"boolean":return s=this.$props.booleanValues,r.createVNode(d.DropDownList,{onChange:this.boolDropdownChange,size:t,value:s.find(o=>o.operator===(a!==null?a:"")),"data-items":s,textField:"text",title:this.$props.title,ariaLabel:this.ariaLabel},null);default:return r.createVNode(h.TextBox,{value:a||"",size:t,onInput:o=>{this.inputChange(o.target.value,o)},title:this.$props.title,"aria-label":this.ariaLabel},null)}},p={class:"k-filtercell",style:this.$attrs.style},u=r.createVNode("div",{class:"k-filtercell-wrapper"},[C.call(this,this.$props.filterType,this.$props.value),r.createVNode("div",{class:"k-filtercell-operator"},[f.call(this),r.createTextVNode(" "),r.createVNode(b.Button,{type:"button",size:t,icon:"filter-clear",svgIcon:g.filterClearIcon,class:{"k-disabled":!(!(this.$props.value===null||this.$props.value==="")||this.$props.operator)},title:e.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),onClick:this.clear},null)])]),v=r.createVNode("div",p,[u]);return $.getTemplate.call(this,{h:r.h,template:this.$props.render,defaultRendering:v,additionalProps:{...this.$props,tdProps:p},additionalListeners:{change:this.triggerChange},defaultSlots:u
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),b=require("@progress/kendo-vue-buttons"),n=require("../messages/main.js"),d=require("@progress/kendo-vue-dropdowns"),h=require("@progress/kendo-vue-inputs"),S=require("@progress/kendo-vue-dateinputs"),g=require("@progress/kendo-svg-icons"),m=require("@progress/kendo-vue-intl"),c=require("../filterCommon.js"),$=require("@progress/kendo-vue-common"),k=r.defineComponent({name:"KendoGridFilterCell",inheritAttrs:!1,props:{id:String,grid:Object,field:String,filterType:String,colSpan:Number,title:String,value:[String,Number,Boolean,Date],operator:[String,Function],operators:Array,booleanValues:Array,onChange:Function,render:[String,Function,Object],ariaLabel:String,size:String},inject:{kendoLocalizationService:{default:null},kendoIntlService:{default:null}},methods:{inputChange(e,t){const i=c.cellInputChange(e,t,this.$props);this.triggerChange(i)},operatorChange(e,t){const i=c.cellOperatorChange(e.value.operator,t,this.$props.value);this.triggerChange(i)},boolDropdownChange(e,t){const i=c.cellBoolDropdownChange(e.value.operator,t);this.triggerChange(i)},clear(e){e.preventDefault(),this.triggerChange({value:"",operator:"",event:e})},triggerChange(e){e.field=this.$props.field,this.$emit("change",e)}},setup(){const e=r.inject("kendoIntlService",{}),t=r.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:t}},render(){const e=m.provideLocalizationService(this),{size:t}=this.$props,i=this.$props.operators.find(l=>l.operator===this.$props.operator)||null,f=function(){if(this.$props.filterType!=="boolean")return r.createVNode(d.DropDownList,{onChange:this.operatorChange,value:i,size:t,class:"k-dropdown-operator",icon:"filter",svgIcon:g.filterIcon,iconClassName:"filter k-button-icon","data-items":this.$props.operators,textField:"text",title:e.toLanguageString(n.filterChooseOperator,n.messages[n.filterChooseOperator]),popupSettings:{width:"",anchor:""},ariaLabel:this.ariaLabel},null)},C=function(l,a){let s;switch(l){case"numeric":return r.createVNode(h.NumericTextBox,{size:t,value:a,onChange:o=>{this.inputChange(o.value,o.event)},title:this.$props.title,ariaLabel:this.ariaLabel},null);case"date":return r.createVNode(S.DatePicker,{size:t,value:a,onChange:o=>{this.inputChange(o.value,o)},title:this.$props.title,ariaLabel:this.ariaLabel},null);case"boolean":return s=this.$props.booleanValues,r.createVNode(d.DropDownList,{onChange:this.boolDropdownChange,size:t,value:s.find(o=>o.operator===(a!==null?a:"")),"data-items":s,textField:"text",title:this.$props.title,ariaLabel:this.ariaLabel},null);default:return r.createVNode(h.TextBox,{value:a||"",size:t,onInput:o=>{this.inputChange(o.target.value,o)},title:this.$props.title,"aria-label":this.ariaLabel},null)}},p={class:"k-filtercell",style:this.$attrs.style},u=r.createVNode("div",{class:"k-filtercell-wrapper"},[C.call(this,this.$props.filterType,this.$props.value),r.createVNode("div",{class:"k-filtercell-operator"},[f.call(this),r.createTextVNode(" "),r.createVNode(b.Button,{type:"button",size:t,icon:"filter-clear",svgIcon:g.filterClearIcon,class:{"k-disabled":!(!(this.$props.value===null||this.$props.value==="")||this.$props.operator)},title:e.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),onClick:this.clear},null)])]),v=r.createVNode("div",p,[u]);return $.getTemplate.call(this,{h:r.h,template:this.$props.render,defaultRendering:v,additionalProps:{...this.$props,tdProps:p},additionalListeners:{change:this.triggerChange},defaultSlots:u})}});exports.GridFilterCell=k;
|
package/cells/GridFilterCell.mjs
CHANGED
|
@@ -11,9 +11,9 @@ import { filterClearButton as h, messages as u, filterChooseOperator as g } from
|
|
|
11
11
|
import { DropDownList as d } from "@progress/kendo-vue-dropdowns";
|
|
12
12
|
import { TextBox as L, NumericTextBox as k } from "@progress/kendo-vue-inputs";
|
|
13
13
|
import { DatePicker as z } from "@progress/kendo-vue-dateinputs";
|
|
14
|
-
import { filterClearIcon as x, filterIcon as
|
|
15
|
-
import { provideLocalizationService as
|
|
16
|
-
import { cellBoolDropdownChange as
|
|
14
|
+
import { filterClearIcon as x, filterIcon as I } from "@progress/kendo-svg-icons";
|
|
15
|
+
import { provideLocalizationService as w } from "@progress/kendo-vue-intl";
|
|
16
|
+
import { cellBoolDropdownChange as y, cellOperatorChange as D, cellInputChange as F } from "../filterCommon.mjs";
|
|
17
17
|
import { getTemplate as T } from "@progress/kendo-vue-common";
|
|
18
18
|
const K = /* @__PURE__ */ v({
|
|
19
19
|
name: "KendoGridFilterCell",
|
|
@@ -48,11 +48,11 @@ const K = /* @__PURE__ */ v({
|
|
|
48
48
|
this.triggerChange(o);
|
|
49
49
|
},
|
|
50
50
|
operatorChange(e, t) {
|
|
51
|
-
const o =
|
|
51
|
+
const o = D(e.value.operator, t, this.$props.value);
|
|
52
52
|
this.triggerChange(o);
|
|
53
53
|
},
|
|
54
54
|
boolDropdownChange(e, t) {
|
|
55
|
-
const o =
|
|
55
|
+
const o = y(e.value.operator, t);
|
|
56
56
|
this.triggerChange(o);
|
|
57
57
|
},
|
|
58
58
|
clear(e) {
|
|
@@ -74,7 +74,7 @@ const K = /* @__PURE__ */ v({
|
|
|
74
74
|
};
|
|
75
75
|
},
|
|
76
76
|
render() {
|
|
77
|
-
const e =
|
|
77
|
+
const e = w(this), {
|
|
78
78
|
size: t
|
|
79
79
|
} = this.$props, o = this.$props.operators.find((n) => n.operator === this.$props.operator) || null, f = function() {
|
|
80
80
|
if (this.$props.filterType !== "boolean")
|
|
@@ -84,7 +84,7 @@ const K = /* @__PURE__ */ v({
|
|
|
84
84
|
size: t,
|
|
85
85
|
class: "k-dropdown-operator",
|
|
86
86
|
icon: "filter",
|
|
87
|
-
svgIcon:
|
|
87
|
+
svgIcon: I,
|
|
88
88
|
iconClassName: "filter k-button-icon",
|
|
89
89
|
"data-items": this.$props.operators,
|
|
90
90
|
textField: "text",
|
|
@@ -169,8 +169,7 @@ const K = /* @__PURE__ */ v({
|
|
|
169
169
|
additionalListeners: {
|
|
170
170
|
change: this.triggerChange
|
|
171
171
|
},
|
|
172
|
-
defaultSlots: p
|
|
173
|
-
swapDefaultSlots: !0
|
|
172
|
+
defaultSlots: p
|
|
174
173
|
});
|
|
175
174
|
}
|
|
176
175
|
});
|
package/cells/GridGroupCell.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 a=require("vue"),i=require("@progress/kendo-vue-common"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),i=require("@progress/kendo-vue-common"),k=require("@progress/kendo-vue-data-tools"),o=require("../messages/main.js"),S=require("@progress/kendo-vue-intl"),f=require("@progress/kendo-svg-icons"),x=e=>{var t,l;return(l=(t=e.cells)==null?void 0:t.groupHeader)==null?void 0:l[e.rowType||"data"]},A=a.defineComponent({name:"KendoGridGroupCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,colSpan:Number,className:String,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,locked:Boolean,expanded:Boolean,editor:String,dataIndex:Number,isSelected:Boolean,isRtl:Boolean,ariaColumnIndex:Number,group:Object,render:[String,Function,Object],cells:Object},emits:{change:null,cellkeydown:null},inject:{kendo:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},computed:{tdClass(){const{className:e,locked:t}=this.$props;return{"k-table-td":!0,"k-grid-content-sticky":t,[e]:e}},tdStyle(){const{locked:e}=this.$props,t=e?{position:"sticky",zIndex:2}:{};return{...this.$attrs.style,...t}},groupTdClass(){const{className:e,locked:t}=this.$props;return{"k-table-td":!0,"k-group-cell":!0,"k-grid-content-sticky":t,[e]:e}}},methods:{triggerStateChange(){var t;const e=this.kendo;(t=e==null?void 0:e.dispatchGroupExpand)==null||t.call(e,{type:k.GROUP_EXPAND_ACTION.TOGGLE,group:this.$props.group})},triggerKeydown(e,t){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,field:this.$props.field,expanded:this.$props.expanded}),!e.defaultPrevented&&e.keyCode===i.Keys.enter&&(e.preventDefault(),this.$emit("change",{dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!t}),this.triggerStateChange())},clickHandler(e,t,l){e.preventDefault(),this.$emit("change",{dataItem:t,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!l}),this.triggerStateChange()}},render(){let e=null,t,l,s=null;const{columnIndex:n,level:c,columnsCount:p,rowType:v,dataItem:d,field:u,expanded:r,render:$,locked:g}=this.$props,h=this.getKeyboardNavigationAttributes(this.$props.id),b=S.provideLocalizationService(this).toLanguageString(o.groupCaretAriaLabelCollapse,o.messages[o.groupCaretAriaLabelCollapse]),y=S.provideLocalizationService(this).toLanguageString(o.groupCaretAriaLabelExpand,o.messages[o.groupCaretAriaLabelExpand]);if(n===void 0||c===void 0||n<c||p===void 0||v!=="groupHeader"||d[u]===void 0)t={style:this.$attrs.style,key:"g"+n,class:this.groupTdClass},e=a.createVNode("td",t,null);else if(n<=c){t={style:this.tdStyle,key:"g-colspan",class:g?"k-table-td":this.tdClass,colspan:g?0:p-n,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"aria-expanded":r,"data-grid-col-index":this.$props.columnIndex,tabindex:h.tabIndex,"data-keyboardnavlevel":h[k.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":h[k.KEYBOARD_NAV_DATA_ID]},s=a.createVNode("p",{class:"k-reset"},[a.createVNode("a",{onClick:m=>{this.clickHandler(m,d,r)},href:"#",tabindex:-1,title:r?b:y,"aria-label":r?b:y},[a.createVNode(i.Icon,{name:r?"caret-alt-down":this.isRtl?"caret-alt-left":"caret-alt-right",icon:r?f.caretAltDownIcon:this.isRtl?f.caretAltLeftIcon:f.caretAltRightIcon},null)]),d[u]?d[u].toString():""]);const C=a.createVNode("td",a.mergeProps(t,{onKeydown:m=>{this.triggerKeydown(m,r)}}),[s]);l={className:"k-table-td",role:"gridcell",colSpan:p-n,style:{borderLeftWidth:0,borderRightWidth:0}};const I=g?a.createVNode("td",l,null):null;e=I?[C,I]:C}return i.getTemplate.call(this,{h:a.h,template:$||x(this.$props),defaultRendering:e,additionalProps:{...this.$props,tdProps:t,td2Props:l},additionalListeners:{keydown:this.triggerKeydown,click:this.clickHandler},defaultSlots:s})}});exports.GridGroupCell=A;
|
package/cells/GridGroupCell.mjs
CHANGED
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as x, createVNode as n, mergeProps as A, h as v } from "vue";
|
|
9
|
-
import { noop as N, Icon as L, getTemplate as w, Keys as
|
|
10
|
-
import { KEYBOARD_NAV_DATA_ID as
|
|
9
|
+
import { noop as N, Icon as L, getTemplate as w, Keys as K } from "@progress/kendo-vue-common";
|
|
10
|
+
import { KEYBOARD_NAV_DATA_ID as R, KEYBOARD_NAV_DATA_LEVEL as T, GROUP_EXPAND_ACTION as D } from "@progress/kendo-vue-data-tools";
|
|
11
11
|
import { groupCaretAriaLabelCollapse as y, messages as b, groupCaretAriaLabelExpand as I } from "../messages/main.mjs";
|
|
12
|
-
import { provideLocalizationService as
|
|
12
|
+
import { provideLocalizationService as C } from "@progress/kendo-vue-intl";
|
|
13
13
|
import { caretAltDownIcon as E, caretAltRightIcon as O, caretAltLeftIcon as G } from "@progress/kendo-svg-icons";
|
|
14
14
|
const _ = (e) => {
|
|
15
15
|
var t, l;
|
|
@@ -100,7 +100,7 @@ const _ = (e) => {
|
|
|
100
100
|
var t;
|
|
101
101
|
const e = this.kendo;
|
|
102
102
|
(t = e == null ? void 0 : e.dispatchGroupExpand) == null || t.call(e, {
|
|
103
|
-
type:
|
|
103
|
+
type: D.TOGGLE,
|
|
104
104
|
group: this.$props.group
|
|
105
105
|
});
|
|
106
106
|
},
|
|
@@ -111,7 +111,7 @@ const _ = (e) => {
|
|
|
111
111
|
dataIndex: this.$props.dataIndex,
|
|
112
112
|
field: this.$props.field,
|
|
113
113
|
expanded: this.$props.expanded
|
|
114
|
-
}), !e.defaultPrevented && e.keyCode ===
|
|
114
|
+
}), !e.defaultPrevented && e.keyCode === K.enter && (e.preventDefault(), this.$emit("change", {
|
|
115
115
|
dataItem: this.$props.dataItem,
|
|
116
116
|
dataIndex: this.$props.dataIndex,
|
|
117
117
|
event: e,
|
|
@@ -137,14 +137,14 @@ const _ = (e) => {
|
|
|
137
137
|
columnIndex: r,
|
|
138
138
|
level: d,
|
|
139
139
|
columnsCount: s,
|
|
140
|
-
rowType:
|
|
140
|
+
rowType: S,
|
|
141
141
|
dataItem: i,
|
|
142
142
|
field: p,
|
|
143
143
|
expanded: a,
|
|
144
144
|
render: $,
|
|
145
145
|
locked: c
|
|
146
|
-
} = this.$props, u = this.getKeyboardNavigationAttributes(this.$props.id), h =
|
|
147
|
-
if (r === void 0 || d === void 0 || r < d || s === void 0 ||
|
|
146
|
+
} = this.$props, u = this.getKeyboardNavigationAttributes(this.$props.id), h = C(this).toLanguageString(y, b[y]), m = C(this).toLanguageString(I, b[I]);
|
|
147
|
+
if (r === void 0 || d === void 0 || r < d || s === void 0 || S !== "groupHeader" || i[p] === void 0)
|
|
148
148
|
t = {
|
|
149
149
|
style: this.$attrs.style,
|
|
150
150
|
key: "g" + r,
|
|
@@ -162,8 +162,8 @@ const _ = (e) => {
|
|
|
162
162
|
"aria-expanded": a,
|
|
163
163
|
"data-grid-col-index": this.$props.columnIndex,
|
|
164
164
|
tabindex: u.tabIndex,
|
|
165
|
-
"data-keyboardnavlevel": u[
|
|
166
|
-
"data-keyboardnavid": u[
|
|
165
|
+
"data-keyboardnavlevel": u[T],
|
|
166
|
+
"data-keyboardnavid": u[R]
|
|
167
167
|
}, o = n("p", {
|
|
168
168
|
class: "k-reset"
|
|
169
169
|
}, [n("a", {
|
|
@@ -208,8 +208,7 @@ const _ = (e) => {
|
|
|
208
208
|
keydown: this.triggerKeydown,
|
|
209
209
|
click: this.clickHandler
|
|
210
210
|
},
|
|
211
|
-
defaultSlots: o
|
|
212
|
-
swapDefaultSlots: !0
|
|
211
|
+
defaultSlots: o
|
|
213
212
|
});
|
|
214
213
|
}
|
|
215
214
|
});
|
|
@@ -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 i=require("vue"),l=require("@progress/kendo-vue-common"),d=require("@progress/kendo-vue-data-tools"),g=require("@progress/kendo-vue-intl"),n=require("../messages/main.js"),h=require("@progress/kendo-svg-icons"),m=e=>{var t,a;return(a=(t=e.cells)==null?void 0:t.hierarchy)==null?void 0:a[e.rowType||"data"]},
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),l=require("@progress/kendo-vue-common"),d=require("@progress/kendo-vue-data-tools"),g=require("@progress/kendo-vue-intl"),n=require("../messages/main.js"),h=require("@progress/kendo-svg-icons"),m=e=>{var t,a;return(a=(t=e.cells)==null?void 0:t.hierarchy)==null?void 0:a[e.rowType||"data"]},y=i.defineComponent({name:"KendoGridHierarchyCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,className:String,colSpan:Number,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,expanded:Boolean,editor:String,isSelected:Boolean,dataIndex:Number,ariaColumnIndex:Number,render:[String,Function,Object],isRtl:Boolean,cells:Object},emits:{change:null,cellkeydown:null},inject:{kendo:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:l.noop}},methods:{triggerStateChange(){const e=this.kendo;e.dataItemKey&&this.$props.dataItem[e.dataItemKey]!==void 0&&(e==null||e.dispatchDetailExpand({type:d.DETAIL_EXPAND_ACTION.TOGGLE,id:this.$props.dataItem[e.dataItemKey]}))},triggerKeydown(e,t){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field,expanded:t}),!e.defaultPrevented&&e.keyCode===l.Keys.enter&&(e.preventDefault(),this.$emit("change",{dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,event:e,field:this.$props.field,value:!t}),this.triggerStateChange())},clickHandler(e,t,a){e.preventDefault(),this.$emit("change",{dataItem:t,event:e,field:void 0,value:!a}),this.triggerStateChange()}},computed:{wrapperClass(){return{"k-table-td":!0,"k-hierarchy-cell":!0,[this.className||""]:this.className}}},render(){let e=null,t,a=null;const s=this.getKeyboardNavigationAttributes(this.$props.id),c=g.provideLocalizationService(this),p=c.toLanguageString(n.collapseDetailAriaLabel,n.messages[n.collapseDetailAriaLabel]),u=c.toLanguageString(n.expandDetailAriaLabel,n.messages[n.expandDetailAriaLabel]);if(this.$props.rowType==="groupFooter")t={class:this.wrapperClass},e=i.createVNode("td",t,null);else if(this.$props.rowType!=="groupHeader"){const r=this.$props.expanded;t={style:this.$attrs.style,class:this.wrapperClass,"aria-expanded":r?"true":"false",role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,tabindex:s.tabIndex,"data-keyboardnavlevel":s[d.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":s[d.KEYBOARD_NAV_DATA_ID]},a=i.createVNode("a",{onClick:o=>{this.clickHandler(o,this.$props.dataItem,r)},href:"#",tabindex:-1,title:r?p:u,"aria-label":r?p:u},[i.createVNode(l.Icon,{name:r?"minus":"plus",icon:r?h.minusIcon:h.plusIcon},null)]),e=i.createVNode("td",i.mergeProps(t,{onKeydown:o=>{this.triggerKeydown(o,r)}}),[a])}return l.getTemplate.call(this,{h:i.h,template:this.$props.render||m(this.$props),defaultRendering:e,additionalProps:{...this.$props,tdProps:t},additionalListeners:{keydown:this.triggerKeydown,click:this.clickHandler},defaultSlots:a})}});exports.GridHierarchyCell=y;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as m, createVNode as
|
|
8
|
+
import { defineComponent as m, createVNode as r, mergeProps as h, h as g } from "vue";
|
|
9
9
|
import { noop as f, Icon as y, getTemplate as I, Keys as b } from "@progress/kendo-vue-common";
|
|
10
10
|
import { KEYBOARD_NAV_DATA_ID as S, KEYBOARD_NAV_DATA_LEVEL as $, DETAIL_EXPAND_ACTION as k } from "@progress/kendo-vue-data-tools";
|
|
11
11
|
import { provideLocalizationService as x } from "@progress/kendo-vue-intl";
|
|
@@ -102,32 +102,32 @@ const v = (e) => {
|
|
|
102
102
|
if (this.$props.rowType === "groupFooter")
|
|
103
103
|
t = {
|
|
104
104
|
class: this.wrapperClass
|
|
105
|
-
}, e =
|
|
105
|
+
}, e = r("td", t, null);
|
|
106
106
|
else if (this.$props.rowType !== "groupHeader") {
|
|
107
|
-
const
|
|
107
|
+
const i = this.$props.expanded;
|
|
108
108
|
t = {
|
|
109
109
|
style: this.$attrs.style,
|
|
110
110
|
class: this.wrapperClass,
|
|
111
|
-
"aria-expanded":
|
|
111
|
+
"aria-expanded": i ? "true" : "false",
|
|
112
112
|
role: "gridcell",
|
|
113
113
|
"aria-colindex": this.$props.ariaColumnIndex,
|
|
114
114
|
tabindex: n.tabIndex,
|
|
115
115
|
"data-keyboardnavlevel": n[$],
|
|
116
116
|
"data-keyboardnavid": n[S]
|
|
117
|
-
}, a =
|
|
117
|
+
}, a = r("a", {
|
|
118
118
|
onClick: (l) => {
|
|
119
|
-
this.clickHandler(l, this.$props.dataItem,
|
|
119
|
+
this.clickHandler(l, this.$props.dataItem, i);
|
|
120
120
|
},
|
|
121
121
|
href: "#",
|
|
122
122
|
tabindex: -1,
|
|
123
|
-
title:
|
|
124
|
-
"aria-label":
|
|
125
|
-
}, [
|
|
126
|
-
name:
|
|
127
|
-
icon:
|
|
128
|
-
}, null)]), e =
|
|
123
|
+
title: i ? o : d,
|
|
124
|
+
"aria-label": i ? o : d
|
|
125
|
+
}, [r(y, {
|
|
126
|
+
name: i ? "minus" : "plus",
|
|
127
|
+
icon: i ? A : C
|
|
128
|
+
}, null)]), e = r("td", h(t, {
|
|
129
129
|
onKeydown: (l) => {
|
|
130
|
-
this.triggerKeydown(l,
|
|
130
|
+
this.triggerKeydown(l, i);
|
|
131
131
|
}
|
|
132
132
|
}), [a]);
|
|
133
133
|
}
|
|
@@ -143,8 +143,7 @@ const v = (e) => {
|
|
|
143
143
|
keydown: this.triggerKeydown,
|
|
144
144
|
click: this.clickHandler
|
|
145
145
|
},
|
|
146
|
-
defaultSlots: a
|
|
147
|
-
swapDefaultSlots: !0
|
|
146
|
+
defaultSlots: a
|
|
148
147
|
});
|
|
149
148
|
}
|
|
150
149
|
});
|
|
@@ -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"),c=require("../utils/main.js"),r=require("@progress/kendo-vue-common"),a=require("@progress/kendo-vue-data-tools"),p=e=>{var n,
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("../utils/main.js"),r=require("@progress/kendo-vue-common"),a=require("@progress/kendo-vue-data-tools"),p=e=>{var n,o;return(o=(n=e.cells)==null?void 0:n.select)==null?void 0:o[e.rowType||"data"]},u=t.defineComponent({name:"KendoGridSelectionCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,className:String,colSpan:Number,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,expanded:Boolean,render:[String,Function,Object],isSelected:Boolean,ariaColumnIndex:Number,editor:String,isRtl:Boolean,cells:Object},emits:{selectionchange:null,cellkeydown:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:r.noop}},data(){return{inputId:r.guid()}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},handleOnChange(e){this.$emit("selectionchange",{event:e,dataItem:this.$props.dataItem})}},render(){let e,n=null;const o=this.$props.isSelected||c.getNestedValue(this.$props.field,this.$props.dataItem),s=typeof o=="boolean"&&o,i=this.$props.render,l=this.getKeyboardNavigationAttributes(this.$props.id),d=this.$props.rowType!=="groupHeader"?(e={style:this.$attrs.style,colspan:this.$props.colSpan,class:this.tdClass,"aria-colindex":this.$props.ariaColumnIndex,role:"gridcell",tabindex:l.tabIndex,"data-keyboardnavlevel":l[a.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":l[a.KEYBOARD_NAV_DATA_ID]},n=t.createVNode(t.Fragment,null,[t.createVNode("span",{class:"k-checkbox-wrap"},[t.createVNode("input",{checked:s,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.handleOnChange},null)]),t.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]),t.createVNode("td",t.mergeProps(e,{onKeydown:this.triggerKeydown}),[n])):null;return r.getTemplate.call(this,{h:t.h,template:i||p(this.$props),defaultRendering:d,additionalProps:{...this.$props,tdProps:e},additionalListeners:{keydown:this.triggerKeydown,change:this.handleOnChange},defaultSlots:n})}});exports.GridSelectionCell=u;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as i, createVNode as l, Fragment as d, mergeProps as
|
|
8
|
+
import { defineComponent as i, createVNode as l, Fragment as d, mergeProps as c, h as p } from "vue";
|
|
9
9
|
import { getNestedValue as h } from "../utils/main.mjs";
|
|
10
10
|
import { noop as u, getTemplate as m, guid as g } from "@progress/kendo-vue-common";
|
|
11
11
|
import { KEYBOARD_NAV_DATA_ID as b, KEYBOARD_NAV_DATA_LEVEL as f } from "@progress/kendo-vue-data-tools";
|
|
@@ -100,11 +100,11 @@ const y = (e) => {
|
|
|
100
100
|
}, null)]), l("label", {
|
|
101
101
|
class: "k-checkbox-label",
|
|
102
102
|
for: this.inputId
|
|
103
|
-
}, null)]), l("td",
|
|
103
|
+
}, null)]), l("td", c(e, {
|
|
104
104
|
onKeydown: this.triggerKeydown
|
|
105
105
|
}), [t])) : null;
|
|
106
106
|
return m.call(this, {
|
|
107
|
-
h:
|
|
107
|
+
h: p,
|
|
108
108
|
template: s || y(this.$props),
|
|
109
109
|
defaultRendering: a,
|
|
110
110
|
additionalProps: {
|
|
@@ -115,8 +115,7 @@ const y = (e) => {
|
|
|
115
115
|
keydown: this.triggerKeydown,
|
|
116
116
|
change: this.handleOnChange
|
|
117
117
|
},
|
|
118
|
-
defaultSlots: t
|
|
119
|
-
swapDefaultSlots: !0
|
|
118
|
+
defaultSlots: t
|
|
120
119
|
});
|
|
121
120
|
}
|
|
122
121
|
});
|