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

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.
Files changed (10) hide show
  1. package/dist/cdn/js/kendo-vue-scheduler.js +1 -1
  2. package/dist/es/editors/ResourceEditor.js +63 -55
  3. package/dist/es/editors/SchedulerFormEditor.js +2 -2
  4. package/dist/es/items/SchedulerViewItem.js +5 -2
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/npm/editors/ResourceEditor.js +63 -54
  7. package/dist/npm/editors/SchedulerFormEditor.js +2 -2
  8. package/dist/npm/items/SchedulerViewItem.js +5 -2
  9. package/dist/npm/package-metadata.js +1 -1
  10. package/package.json +20 -20
package/dist/es/editors/ResourceEditor.js CHANGED
@@ -1,9 +1,26 @@
1
- // @ts-ignore
1
+ var __assign = this && this.__assign || function () {
2
+ __assign = Object.assign || function (t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+
6
+ for (var p in s) {
7
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
8
+ }
9
+ }
10
+
11
+ return t;
12
+ };
13
+
14
+ return __assign.apply(this, arguments);
15
+ }; // @ts-ignore
16
+
17
+
2
18
  import * as Vue from 'vue';
3
19
  var allVue = Vue;
4
20
  var gh = allVue.h;
5
21
  var inject = allVue.inject;
6
- import { DropDownList, MultiSelect } from '@progress/kendo-vue-dropdowns'; // tslint:enable:max-line-length
22
+ import { DropDownList, MultiSelect } from '@progress/kendo-vue-dropdowns';
23
+ import { isPresent } from '../utils'; // tslint:enable:max-line-length
7
24
 
8
25
  var ResourceEditorVue2 = {
9
26
  name: 'KendoResourceEditor',
@@ -37,57 +54,11 @@ var ResourceEditorVue2 = {
37
54
  render: function render(createElement) {
38
55
  var _this = this;
39
56
 
40
- var h = gh || createElement; // const itemRenderer = React.useCallback(
41
- // (element, itemProps) => {
42
- // const children = (
43
- // <>
44
- // {
45
- // props.colorField && (
46
- // <span
47
- // key={1}
48
- // class={'k-scheduler-mark'}
49
- // style={{
50
- // backgroundColor: itemProps.dataItem[props.colorField],
51
- // marginRight: isPresent(itemProps.dataItem[props.valueField!]) ? '8px' : '4px'
52
- // }}
53
- // >
54
- // &nbsp;
55
- // </span>
56
- // )
57
- // }
58
- // <span key={2}>&nbsp; {element.props.children}</span>
59
- // </>
60
- // );
61
- // return React.cloneElement(element, { ...element.props }, children);
62
- // },
63
- // [props.colorField, props.valueField]
64
- // );
65
- // const valueRenderer = React.useCallback(
66
- // (element, currentValue) => {
67
- // const children = (
68
- // <>
69
- // {
70
- // props.colorField && currentValue && (
71
- // <span
72
- // key={1}
73
- // class={'k-scheduler-mark'}
74
- // style={{
75
- // backgroundColor: currentValue[props.colorField],
76
- // marginRight: currentValue[props.valueField] ? '8px' : '4px'
77
- // }}
78
- // >
79
- // &nbsp;
80
- // </span>
81
- // )
82
- // }
83
- // {element.props.children}
84
- // </>
85
- // );
86
- // return React.cloneElement(element, {}, children);
87
- // },
88
- // [props.colorField, props.valueField]
89
- // );
90
-
57
+ var h = gh || createElement;
58
+ var _a = this.$props,
59
+ colorField = _a.colorField,
60
+ textField = _a.textField,
61
+ valueField = _a.valueField;
91
62
  var value = Array.isArray(this.$props.value) ? this.$props.dataItems.filter(function (item) {
92
63
  return _this.$props.value.some(function (val) {
93
64
  return item[_this.$props.valueField] === val;
@@ -96,6 +67,39 @@ var ResourceEditorVue2 = {
96
67
  return item[_this.$props.valueField] === _this.$props.value;
97
68
  });
98
69
  var DropDownEditor = this.$props.multiple ? MultiSelect : DropDownList;
70
+
71
+ var valueRender = function valueRender(_h, _tdElement, props) {
72
+ return h("span", {
73
+ "class": "k-input-inner"
74
+ }, [colorField && props.value && h("span", {
75
+ key: 1,
76
+ "class": 'k-scheduler-mark',
77
+ style: {
78
+ backgroundColor: props.value[colorField],
79
+ marginRight: props.value[valueField] ? '8px' : '4px'
80
+ }
81
+ }, ["\xA0"]), props.value[textField]]);
82
+ };
83
+
84
+ var itemRender = function itemRender(_h, _tdElement, props, listeners) {
85
+ return h("li", {
86
+ "class": __assign({
87
+ 'k-item': true
88
+ }, props.itemClass),
89
+ onClick: listeners.onClick,
90
+ on: this.v3 ? undefined : {
91
+ "click": listeners.onClick
92
+ }
93
+ }, [colorField && h("span", {
94
+ key: 1,
95
+ "class": 'k-scheduler-mark',
96
+ style: {
97
+ backgroundColor: props.dataItem[colorField],
98
+ marginRight: isPresent(props.dataItem[valueField]) ? '8px' : '4px'
99
+ }
100
+ }, ["\xA0"]), props.dataItem[textField]]);
101
+ };
102
+
99
103
  return h(DropDownEditor, {
100
104
  value: value,
101
105
  attrs: this.v3 ? undefined : {
@@ -104,7 +108,9 @@ var ResourceEditorVue2 = {
104
108
  textField: this.$props.textField,
105
109
  dataItemKey: this.$props.valueField,
106
110
  valid: this.$props.valid,
107
- validationMessage: this.$props.validationMessage
111
+ validationMessage: this.$props.validationMessage,
112
+ itemRender: itemRender,
113
+ valueRender: valueRender
108
114
  },
109
115
  onChange: this.handleChange,
110
116
  on: this.v3 ? undefined : {
@@ -114,7 +120,9 @@ var ResourceEditorVue2 = {
114
120
  textField: this.$props.textField,
115
121
  dataItemKey: this.$props.valueField,
116
122
  valid: this.$props.valid,
117
- validationMessage: this.$props.validationMessage
123
+ validationMessage: this.$props.validationMessage,
124
+ itemRender: itemRender,
125
+ valueRender: valueRender
118
126
  });
119
127
  },
120
128
  methods: {
package/dist/es/editors/SchedulerFormEditor.js CHANGED
@@ -633,7 +633,7 @@ var SchedulerFormEditorVue2 = {
633
633
  },
634
634
  component: ResourceLabel
635
635
  }), // @ts-ignore function children
636
- h(Label, this.v3 ? function () {
636
+ h(KLabel, this.v3 ? function () {
637
637
  return [resource.name];
638
638
  } : [resource.name]), h(Field, {
639
639
  name: resource.field,
@@ -984,7 +984,7 @@ var SchedulerFormEditorVue2 = {
984
984
  component: ResourceLabel
985
985
  },
986
986
  component: ResourceLabel
987
- }), h(Label, this.v3 ? function () {
987
+ }), h(KLabel, this.v3 ? function () {
988
988
  return [resource.name];
989
989
  } : [resource.name]), h(Field, {
990
990
  name: resource.field,
package/dist/es/items/SchedulerViewItem.js CHANGED
@@ -99,8 +99,11 @@ var SchedulerViewItemVue2 = {
99
99
  };
100
100
  },
101
101
  mounted: function mounted() {
102
- this.align();
103
- this.position();
102
+ var that = this;
103
+ this.$nextTick(function () {
104
+ that.align();
105
+ that.position();
106
+ });
104
107
 
105
108
  if (!this.ks.scheduler) {
106
109
  return;
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-scheduler',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1649751121,
8
+ publishDate: 1649823142,
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
  };
package/dist/npm/editors/ResourceEditor.js CHANGED
@@ -1,5 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var __assign = undefined && undefined.__assign || function () {
4
+ __assign = Object.assign || function (t) {
5
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
6
+ s = arguments[i];
7
+
8
+ for (var p in s) {
9
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
10
+ }
11
+ }
12
+
13
+ return t;
14
+ };
15
+
16
+ return __assign.apply(this, arguments);
17
+ };
18
+
3
19
  Object.defineProperty(exports, "__esModule", {
4
20
  value: true
5
21
  });
@@ -11,7 +27,9 @@ var allVue = Vue;
11
27
  var gh = allVue.h;
12
28
  var inject = allVue.inject;
13
29
 
14
- var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns"); // tslint:enable:max-line-length
30
+ var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
31
+
32
+ var utils_1 = require("../utils"); // tslint:enable:max-line-length
15
33
 
16
34
 
17
35
  var ResourceEditorVue2 = {
@@ -46,57 +64,11 @@ var ResourceEditorVue2 = {
46
64
  render: function render(createElement) {
47
65
  var _this = this;
48
66
 
49
- var h = gh || createElement; // const itemRenderer = React.useCallback(
50
- // (element, itemProps) => {
51
- // const children = (
52
- // <>
53
- // {
54
- // props.colorField && (
55
- // <span
56
- // key={1}
57
- // class={'k-scheduler-mark'}
58
- // style={{
59
- // backgroundColor: itemProps.dataItem[props.colorField],
60
- // marginRight: isPresent(itemProps.dataItem[props.valueField!]) ? '8px' : '4px'
61
- // }}
62
- // >
63
- // &nbsp;
64
- // </span>
65
- // )
66
- // }
67
- // <span key={2}>&nbsp; {element.props.children}</span>
68
- // </>
69
- // );
70
- // return React.cloneElement(element, { ...element.props }, children);
71
- // },
72
- // [props.colorField, props.valueField]
73
- // );
74
- // const valueRenderer = React.useCallback(
75
- // (element, currentValue) => {
76
- // const children = (
77
- // <>
78
- // {
79
- // props.colorField && currentValue && (
80
- // <span
81
- // key={1}
82
- // class={'k-scheduler-mark'}
83
- // style={{
84
- // backgroundColor: currentValue[props.colorField],
85
- // marginRight: currentValue[props.valueField] ? '8px' : '4px'
86
- // }}
87
- // >
88
- // &nbsp;
89
- // </span>
90
- // )
91
- // }
92
- // {element.props.children}
93
- // </>
94
- // );
95
- // return React.cloneElement(element, {}, children);
96
- // },
97
- // [props.colorField, props.valueField]
98
- // );
99
-
67
+ var h = gh || createElement;
68
+ var _a = this.$props,
69
+ colorField = _a.colorField,
70
+ textField = _a.textField,
71
+ valueField = _a.valueField;
100
72
  var value = Array.isArray(this.$props.value) ? this.$props.dataItems.filter(function (item) {
101
73
  return _this.$props.value.some(function (val) {
102
74
  return item[_this.$props.valueField] === val;
@@ -105,6 +77,39 @@ var ResourceEditorVue2 = {
105
77
  return item[_this.$props.valueField] === _this.$props.value;
106
78
  });
107
79
  var DropDownEditor = this.$props.multiple ? kendo_vue_dropdowns_1.MultiSelect : kendo_vue_dropdowns_1.DropDownList;
80
+
81
+ var valueRender = function valueRender(_h, _tdElement, props) {
82
+ return h("span", {
83
+ "class": "k-input-inner"
84
+ }, [colorField && props.value && h("span", {
85
+ key: 1,
86
+ "class": 'k-scheduler-mark',
87
+ style: {
88
+ backgroundColor: props.value[colorField],
89
+ marginRight: props.value[valueField] ? '8px' : '4px'
90
+ }
91
+ }, ["\xA0"]), props.value[textField]]);
92
+ };
93
+
94
+ var itemRender = function itemRender(_h, _tdElement, props, listeners) {
95
+ return h("li", {
96
+ "class": __assign({
97
+ 'k-item': true
98
+ }, props.itemClass),
99
+ onClick: listeners.onClick,
100
+ on: this.v3 ? undefined : {
101
+ "click": listeners.onClick
102
+ }
103
+ }, [colorField && h("span", {
104
+ key: 1,
105
+ "class": 'k-scheduler-mark',
106
+ style: {
107
+ backgroundColor: props.dataItem[colorField],
108
+ marginRight: utils_1.isPresent(props.dataItem[valueField]) ? '8px' : '4px'
109
+ }
110
+ }, ["\xA0"]), props.dataItem[textField]]);
111
+ };
112
+
108
113
  return h(DropDownEditor, {
109
114
  value: value,
110
115
  attrs: this.v3 ? undefined : {
@@ -113,7 +118,9 @@ var ResourceEditorVue2 = {
113
118
  textField: this.$props.textField,
114
119
  dataItemKey: this.$props.valueField,
115
120
  valid: this.$props.valid,
116
- validationMessage: this.$props.validationMessage
121
+ validationMessage: this.$props.validationMessage,
122
+ itemRender: itemRender,
123
+ valueRender: valueRender
117
124
  },
118
125
  onChange: this.handleChange,
119
126
  on: this.v3 ? undefined : {
@@ -123,7 +130,9 @@ var ResourceEditorVue2 = {
123
130
  textField: this.$props.textField,
124
131
  dataItemKey: this.$props.valueField,
125
132
  valid: this.$props.valid,
126
- validationMessage: this.$props.validationMessage
133
+ validationMessage: this.$props.validationMessage,
134
+ itemRender: itemRender,
135
+ valueRender: valueRender
127
136
  });
128
137
  },
129
138
  methods: {
package/dist/npm/editors/SchedulerFormEditor.js CHANGED
@@ -652,7 +652,7 @@ var SchedulerFormEditorVue2 = {
652
652
  },
653
653
  component: ResourceLabel
654
654
  }), // @ts-ignore function children
655
- h(Label, this.v3 ? function () {
655
+ h(kendo_vue_labels_1.Label, this.v3 ? function () {
656
656
  return [resource.name];
657
657
  } : [resource.name]), h(kendo_vue_form_1.Field, {
658
658
  name: resource.field,
@@ -1003,7 +1003,7 @@ var SchedulerFormEditorVue2 = {
1003
1003
  component: ResourceLabel
1004
1004
  },
1005
1005
  component: ResourceLabel
1006
- }), h(Label, this.v3 ? function () {
1006
+ }), h(kendo_vue_labels_1.Label, this.v3 ? function () {
1007
1007
  return [resource.name];
1008
1008
  } : [resource.name]), h(kendo_vue_form_1.Field, {
1009
1009
  name: resource.field,
package/dist/npm/items/SchedulerViewItem.js CHANGED
@@ -114,8 +114,11 @@ var SchedulerViewItemVue2 = {
114
114
  };
115
115
  },
116
116
  mounted: function mounted() {
117
- this.align();
118
- this.position();
117
+ var that = this;
118
+ this.$nextTick(function () {
119
+ that.align();
120
+ that.position();
121
+ });
119
122
 
120
123
  if (!this.ks.scheduler) {
121
124
  return;
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-scheduler',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1649751121,
11
+ publishDate: 1649823142,
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
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-scheduler",
3
3
  "description": "Kendo UI for Vue Scheduler package",
4
- "version": "3.2.0-dev.202204120815",
4
+ "version": "3.2.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -29,20 +29,20 @@
29
29
  "@progress/kendo-date-math": "^1.4.1",
30
30
  "@progress/kendo-drawing": "^1.2.0",
31
31
  "@progress/kendo-licensing": "^1.0.1",
32
- "@progress/kendo-vue-buttons": "^3.0.0",
33
- "@progress/kendo-vue-dateinputs": "^3.0.0",
34
- "@progress/kendo-vue-dialogs": "^3.0.0",
35
- "@progress/kendo-vue-dropdowns": "^3.0.0",
36
- "@progress/kendo-vue-form": "^3.0.0",
37
- "@progress/kendo-vue-inputs": "^3.0.0",
38
- "@progress/kendo-vue-intl": "^3.0.0",
39
- "@progress/kendo-vue-popup": "^3.0.0",
32
+ "@progress/kendo-vue-buttons": "^3.2.0",
33
+ "@progress/kendo-vue-dateinputs": "^3.2.0",
34
+ "@progress/kendo-vue-dialogs": "^3.2.0",
35
+ "@progress/kendo-vue-dropdowns": "^3.2.0",
36
+ "@progress/kendo-vue-form": "^3.2.0",
37
+ "@progress/kendo-vue-inputs": "^3.2.0",
38
+ "@progress/kendo-vue-intl": "^3.2.0",
39
+ "@progress/kendo-vue-popup": "^3.2.0",
40
40
  "vue": "^2.6.12 || ^3.0.2"
41
41
  },
42
42
  "dependencies": {
43
43
  "@progress/kendo-data-query": "^1.5.1",
44
44
  "@progress/kendo-recurrence": "^1.0.1",
45
- "@progress/kendo-vue-common": "3.2.0-dev.202204120815",
45
+ "@progress/kendo-vue-common": "3.2.0",
46
46
  "@telerik/kendo-draggable": "^2.2.1"
47
47
  },
48
48
  "@progress": {
@@ -58,16 +58,16 @@
58
58
  "@progress/kendo-date-math": "^1.4.1",
59
59
  "@progress/kendo-drawing": "^1.8.0",
60
60
  "@progress/kendo-licensing": "^1.0.1",
61
- "@progress/kendo-vue-buttons": "3.2.0-dev.202204120815",
62
- "@progress/kendo-vue-dateinputs": "3.2.0-dev.202204120815",
63
- "@progress/kendo-vue-dialogs": "3.2.0-dev.202204120815",
64
- "@progress/kendo-vue-dropdowns": "3.2.0-dev.202204120815",
65
- "@progress/kendo-vue-form": "3.2.0-dev.202204120815",
66
- "@progress/kendo-vue-inputs": "3.2.0-dev.202204120815",
67
- "@progress/kendo-vue-intl": "3.2.0-dev.202204120815",
68
- "@progress/kendo-vue-labels": "3.2.0-dev.202204120815",
69
- "@progress/kendo-vue-popup": "3.2.0-dev.202204120815",
70
- "@progress/kendo-vue-progressbars": "3.2.0-dev.202204120815",
61
+ "@progress/kendo-vue-buttons": "3.2.0",
62
+ "@progress/kendo-vue-dateinputs": "3.2.0",
63
+ "@progress/kendo-vue-dialogs": "3.2.0",
64
+ "@progress/kendo-vue-dropdowns": "3.2.0",
65
+ "@progress/kendo-vue-form": "3.2.0",
66
+ "@progress/kendo-vue-inputs": "3.2.0",
67
+ "@progress/kendo-vue-intl": "3.2.0",
68
+ "@progress/kendo-vue-labels": "3.2.0",
69
+ "@progress/kendo-vue-popup": "3.2.0",
70
+ "@progress/kendo-vue-progressbars": "3.2.0",
71
71
  "cldr-core": "36.0.0",
72
72
  "cldr-dates-full": "36.0.0",
73
73
  "cldr-numbers-full": "36.0.0"