@progress/kendo-vue-scheduler 3.1.4 → 3.2.0-dev.202204120815

package/dist/npm/editors/ResourceEditor.js

@@ -16,6 +16,10 @@ var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns"); // tslint:
 
 var ResourceEditorVue2 = {
   name: 'KendoResourceEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     resource: Object,
     dataItems: Array,
@@ -42,10 +46,7 @@ var ResourceEditorVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var h = gh || createElement; // const Component = this.$props.multiple
-    //     ? MultiSelect
-    //     : DropDownList;
-    // const itemRenderer = React.useCallback(
+    var h = gh || createElement; // const itemRenderer = React.useCallback(
     //     (element, itemProps) => {
     //         const children = (
     //           <>
@@ -103,11 +104,12 @@ var ResourceEditorVue2 = {
     }) : this.$props.dataItems.find(function (item) {
       return item[_this.$props.valueField] === _this.$props.value;
     });
-    return h(kendo_vue_dropdowns_1.DropDownList, {
+    var DropDownEditor = this.$props.multiple ? kendo_vue_dropdowns_1.MultiSelect : kendo_vue_dropdowns_1.DropDownList;
+    return h(DropDownEditor, {
       value: value,
       attrs: this.v3 ? undefined : {
         value: value,
-        data: this.$props.dataItems,
+        dataItems: this.$props.dataItems,
         textField: this.$props.textField,
         dataItemKey: this.$props.valueField,
         valid: this.$props.valid,
@@ -117,7 +119,7 @@ var ResourceEditorVue2 = {
       on: this.v3 ? undefined : {
         "change": this.handleChange
       },
-      data: this.$props.dataItems,
+      dataItems: this.$props.dataItems,
       textField: this.$props.textField,
       dataItemKey: this.$props.valueField,
       valid: this.$props.valid,
@@ -126,10 +128,10 @@ var ResourceEditorVue2 = {
   },
   methods: {
     handleChange: function handleChange(event) {
-      var valueField = event.target.props.dataItemKey;
-      var newValue = this.$props.multiple ? (event.target.value || []).map(function (item) {
+      var valueField = event.component.$props.dataItemKey;
+      var newValue = this.$props.multiple ? (event.value || []).map(function (item) {
         return item[valueField];
-      }) : event.target.value[valueField];
+      }) : event.value[valueField];
       this.$emit('change', {
         value: newValue
       });