@opentinyvue/vue-calendar-view 3.21.0 → 3.22.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.
- package/lib/index.js +6 -2
- package/lib/mobile-first.js +10 -9
- package/package.json +12 -12
- package/src/index.d.ts +4 -0
- package/src/mobile-first.vue.d.ts +9 -6
- package/src/pc.vue.d.ts +6 -6
package/lib/index.js
CHANGED
|
@@ -7,7 +7,7 @@ function _extends() {
|
|
|
7
7
|
return n;
|
|
8
8
|
}, _extends.apply(null, arguments);
|
|
9
9
|
}
|
|
10
|
-
import { defineComponent, $
|
|
10
|
+
import { defineComponent, $props, $setup, $prefix } from "@opentinyvue/vue-common";
|
|
11
11
|
import PcTemplate from "./pc.js";
|
|
12
12
|
import MobileFirstTemplate from "./mobile-first.js";
|
|
13
13
|
import "@opentinyvue/vue-theme/calendar-view/index.css";
|
|
@@ -93,6 +93,10 @@ var calendarViewProps = _extends({}, $props, {
|
|
|
93
93
|
multiSelect: {
|
|
94
94
|
type: Boolean,
|
|
95
95
|
default: false
|
|
96
|
+
},
|
|
97
|
+
showBackToday: {
|
|
98
|
+
type: Boolean,
|
|
99
|
+
default: true
|
|
96
100
|
}
|
|
97
101
|
});
|
|
98
102
|
var CalendarView = defineComponent({
|
|
@@ -106,7 +110,7 @@ var CalendarView = defineComponent({
|
|
|
106
110
|
});
|
|
107
111
|
}
|
|
108
112
|
});
|
|
109
|
-
var version = "3.
|
|
113
|
+
var version = "3.22.0";
|
|
110
114
|
CalendarView.model = {
|
|
111
115
|
prop: "modelValue",
|
|
112
116
|
event: "update:modelValue"
|
package/lib/mobile-first.js
CHANGED
|
@@ -6,7 +6,7 @@ import SliderButton from '@opentinyvue/vue-slider-button';
|
|
|
6
6
|
import SliderButtonGroup from '@opentinyvue/vue-slider-button-group';
|
|
7
7
|
import Tooltip from '@opentinyvue/vue-tooltip';
|
|
8
8
|
import { IconCheckedSur, IconPlus, IconChevronLeft, IconChevronRight, IconDayView, IconAgendaView, IconMonthView } from '@opentinyvue/vue-icon';
|
|
9
|
-
import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createTextVNode,
|
|
9
|
+
import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createTextVNode, createCommentVNode, normalizeClass, renderSlot, Fragment, renderList, resolveDynamicComponent, normalizeStyle } from 'vue';
|
|
10
10
|
|
|
11
11
|
function _createForOfIteratorHelperLoose(r, e) {
|
|
12
12
|
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
@@ -79,7 +79,7 @@ var _sfc_main = defineComponent({
|
|
|
79
79
|
TinyDatePicker: DatePicker,
|
|
80
80
|
TinyTooltip: Tooltip
|
|
81
81
|
},
|
|
82
|
-
props: [].concat(props, ["_constants", "modelValue", "showMark", "showNewSchedule", "setDayBgColor", "disabled", "mode", "modes", "year", "month", "dayTimes", "events", "height", "mark-color", "multi-select"]),
|
|
82
|
+
props: [].concat(props, ["_constants", "modelValue", "showMark", "showNewSchedule", "setDayBgColor", "disabled", "mode", "modes", "year", "month", "dayTimes", "events", "height", "mark-color", "multi-select", "showBackToday"]),
|
|
83
83
|
setup: function setup$1(props2, context) {
|
|
84
84
|
return setup({
|
|
85
85
|
props: props2,
|
|
@@ -189,13 +189,13 @@ var _hoisted_25 = {
|
|
|
189
189
|
"data-tag": "tiny-calendar-view-schedulelist"
|
|
190
190
|
};
|
|
191
191
|
var _hoisted_26 = {
|
|
192
|
-
class: "px-1.5 mb-1.5 border-l-2 border-color-brand"
|
|
192
|
+
class: "px-1.5 mb-1.5 border-l-2 border-color-brand break-all"
|
|
193
193
|
};
|
|
194
194
|
var _hoisted_27 = {
|
|
195
195
|
class: "mb-1.5 px-2 text-color-text-placeholder"
|
|
196
196
|
};
|
|
197
197
|
var _hoisted_28 = {
|
|
198
|
-
class: "px-2 text-color-icon-primary line-clamp-2"
|
|
198
|
+
class: "px-2 text-xs text-color-icon-primary line-clamp-2"
|
|
199
199
|
};
|
|
200
200
|
var _hoisted_29 = ["onClick"];
|
|
201
201
|
var _hoisted_30 = {
|
|
@@ -245,7 +245,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
245
245
|
}),
|
|
246
246
|
_: 1
|
|
247
247
|
/* STABLE */
|
|
248
|
-
}, 8, ["modelValue"]), createElementVNode("div", _hoisted_6, [
|
|
248
|
+
}, 8, ["modelValue"]), createElementVNode("div", _hoisted_6, [_ctx.showBackToday ? (openBlock(), createBlock(_component_tiny_button, {
|
|
249
|
+
key: 0,
|
|
249
250
|
onClick: _ctx.toToday
|
|
250
251
|
}, {
|
|
251
252
|
default: withCtx(function() {
|
|
@@ -257,19 +258,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
257
258
|
}),
|
|
258
259
|
_: 1
|
|
259
260
|
/* STABLE */
|
|
260
|
-
}, 8, ["onClick"]), createVNode(_component_tiny_date_picker, {
|
|
261
|
+
}, 8, ["onClick"])) : createCommentVNode("v-if", true), createVNode(_component_tiny_date_picker, {
|
|
261
262
|
modelValue: _ctx.state.currentDate,
|
|
262
263
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
|
|
263
264
|
return _ctx.state.currentDate = $event;
|
|
264
265
|
}),
|
|
265
|
-
class: "ml-5 shrink-0",
|
|
266
|
+
class: normalizeClass([_ctx.showBackToday ? "ml-5" : "", "shrink-0"]),
|
|
266
267
|
shape: "filter",
|
|
267
268
|
type: "month",
|
|
268
269
|
clearable: false,
|
|
269
270
|
onChange: _ctx.currentDateChange,
|
|
270
271
|
format: _ctx.t("ui.calendarView.dateFormat")
|
|
271
|
-
}, null, 8, ["modelValue", "onChange", "format"]), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "tool")]), _ctx.modes.length ? (openBlock(), createBlock(_component_tiny_slider_button_group, {
|
|
272
|
-
key:
|
|
272
|
+
}, null, 8, ["modelValue", "class", "onChange", "format"]), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "tool")]), _ctx.modes.length ? (openBlock(), createBlock(_component_tiny_slider_button_group, {
|
|
273
|
+
key: 1,
|
|
273
274
|
modelValue: _ctx.state.mode,
|
|
274
275
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = function($event) {
|
|
275
276
|
return _ctx.state.mode = $event;
|
package/package.json
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentinyvue/vue-calendar-view",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.22.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./lib/index.js",
|
|
6
6
|
"module": "./lib/index.js",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"type": "module",
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@opentinyvue/vue-common": "~3.
|
|
11
|
-
"@opentinyvue/vue-icon": "~3.
|
|
12
|
-
"@opentinyvue/vue-renderless": "~3.
|
|
13
|
-
"@opentinyvue/vue-tooltip": "~3.
|
|
14
|
-
"@opentinyvue/vue-button": "~3.
|
|
15
|
-
"@opentinyvue/vue-date-picker": "~3.
|
|
16
|
-
"@opentinyvue/vue-radio-button": "~3.
|
|
17
|
-
"@opentinyvue/vue-radio-group": "~3.
|
|
18
|
-
"@opentinyvue/vue-slider-button": "~3.
|
|
19
|
-
"@opentinyvue/vue-slider-button-group": "~3.
|
|
20
|
-
"@opentinyvue/vue-theme": "~3.
|
|
10
|
+
"@opentinyvue/vue-common": "~3.22.0",
|
|
11
|
+
"@opentinyvue/vue-icon": "~3.22.0",
|
|
12
|
+
"@opentinyvue/vue-renderless": "~3.22.0",
|
|
13
|
+
"@opentinyvue/vue-tooltip": "~3.22.0",
|
|
14
|
+
"@opentinyvue/vue-button": "~3.22.0",
|
|
15
|
+
"@opentinyvue/vue-date-picker": "~3.22.0",
|
|
16
|
+
"@opentinyvue/vue-radio-button": "~3.22.0",
|
|
17
|
+
"@opentinyvue/vue-radio-group": "~3.22.0",
|
|
18
|
+
"@opentinyvue/vue-slider-button": "~3.22.0",
|
|
19
|
+
"@opentinyvue/vue-slider-button-group": "~3.22.0",
|
|
20
|
+
"@opentinyvue/vue-theme": "~3.22.0"
|
|
21
21
|
},
|
|
22
22
|
"license": "MIT",
|
|
23
23
|
"types": "index.d.ts"
|
package/src/index.d.ts
CHANGED
|
@@ -61,6 +61,10 @@ export declare const calendarViewProps: {
|
|
|
61
61
|
type: BooleanConstructor;
|
|
62
62
|
default: boolean;
|
|
63
63
|
};
|
|
64
|
+
showBackToday: {
|
|
65
|
+
type: BooleanConstructor;
|
|
66
|
+
default: boolean;
|
|
67
|
+
};
|
|
64
68
|
tiny_mode: StringConstructor;
|
|
65
69
|
tiny_mode_root: BooleanConstructor;
|
|
66
70
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
2
2
|
disabled?: any;
|
|
3
|
-
|
|
3
|
+
height?: any;
|
|
4
4
|
year?: any;
|
|
5
5
|
month?: any;
|
|
6
|
+
mode?: any;
|
|
6
7
|
tiny_mode?: any;
|
|
7
8
|
tiny_mode_root?: any;
|
|
8
9
|
tiny_template?: any;
|
|
@@ -10,7 +11,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
10
11
|
_constants?: any;
|
|
11
12
|
tiny_theme?: any;
|
|
12
13
|
tiny_chart_theme?: any;
|
|
13
|
-
height?: any;
|
|
14
14
|
modelValue?: any;
|
|
15
15
|
events?: any;
|
|
16
16
|
showMark?: any;
|
|
@@ -20,6 +20,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
20
20
|
dayTimes?: any;
|
|
21
21
|
"mark-color"?: any;
|
|
22
22
|
"multi-select"?: any;
|
|
23
|
+
showBackToday?: any;
|
|
23
24
|
}>, {
|
|
24
25
|
t: (this: any, path: any, options?: any) => any;
|
|
25
26
|
vm: any;
|
|
@@ -31,9 +32,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
31
32
|
m: (...cssClasses: any[]) => string;
|
|
32
33
|
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "week-change" | "year-change" | "month-change" | "new-schedule" | "selected-date-change" | "date-click" | "prev-week-click" | "next-week-click" | "mode-change")[], "update:modelValue" | "week-change" | "year-change" | "month-change" | "new-schedule" | "selected-date-change" | "date-click" | "prev-week-click" | "next-week-click" | "mode-change", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
|
|
33
34
|
disabled?: any;
|
|
34
|
-
|
|
35
|
+
height?: any;
|
|
35
36
|
year?: any;
|
|
36
37
|
month?: any;
|
|
38
|
+
mode?: any;
|
|
37
39
|
tiny_mode?: any;
|
|
38
40
|
tiny_mode_root?: any;
|
|
39
41
|
tiny_template?: any;
|
|
@@ -41,7 +43,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
41
43
|
_constants?: any;
|
|
42
44
|
tiny_theme?: any;
|
|
43
45
|
tiny_chart_theme?: any;
|
|
44
|
-
height?: any;
|
|
45
46
|
modelValue?: any;
|
|
46
47
|
events?: any;
|
|
47
48
|
showMark?: any;
|
|
@@ -51,6 +52,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
51
52
|
dayTimes?: any;
|
|
52
53
|
"mark-color"?: any;
|
|
53
54
|
"multi-select"?: any;
|
|
55
|
+
showBackToday?: any;
|
|
54
56
|
}>>> & {
|
|
55
57
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
56
58
|
"onWeek-change"?: ((...args: any[]) => any) | undefined;
|
|
@@ -64,9 +66,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
64
66
|
"onMode-change"?: ((...args: any[]) => any) | undefined;
|
|
65
67
|
}, {
|
|
66
68
|
readonly disabled?: any;
|
|
67
|
-
readonly
|
|
69
|
+
readonly height?: any;
|
|
68
70
|
readonly year?: any;
|
|
69
71
|
readonly month?: any;
|
|
72
|
+
readonly mode?: any;
|
|
70
73
|
readonly tiny_mode?: any;
|
|
71
74
|
readonly tiny_mode_root?: any;
|
|
72
75
|
readonly tiny_template?: any;
|
|
@@ -74,7 +77,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
74
77
|
readonly _constants?: any;
|
|
75
78
|
readonly tiny_theme?: any;
|
|
76
79
|
readonly tiny_chart_theme?: any;
|
|
77
|
-
readonly height?: any;
|
|
78
80
|
readonly modelValue?: any;
|
|
79
81
|
readonly events?: any;
|
|
80
82
|
readonly showMark?: any;
|
|
@@ -84,5 +86,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
84
86
|
readonly dayTimes?: any;
|
|
85
87
|
readonly "mark-color"?: any;
|
|
86
88
|
readonly "multi-select"?: any;
|
|
89
|
+
readonly showBackToday?: any;
|
|
87
90
|
}, {}>;
|
|
88
91
|
export default _default;
|
package/src/pc.vue.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
2
2
|
disabled?: any;
|
|
3
|
-
|
|
3
|
+
height?: any;
|
|
4
4
|
year?: any;
|
|
5
5
|
month?: any;
|
|
6
|
+
mode?: any;
|
|
6
7
|
tiny_mode?: any;
|
|
7
8
|
tiny_mode_root?: any;
|
|
8
9
|
tiny_template?: any;
|
|
@@ -10,7 +11,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
10
11
|
_constants?: any;
|
|
11
12
|
tiny_theme?: any;
|
|
12
13
|
tiny_chart_theme?: any;
|
|
13
|
-
height?: any;
|
|
14
14
|
modelValue?: any;
|
|
15
15
|
events?: any;
|
|
16
16
|
showMark?: any;
|
|
@@ -31,9 +31,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
31
31
|
m: (...cssClasses: any[]) => string;
|
|
32
32
|
}, any, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "week-change" | "year-change" | "month-change" | "new-schedule" | "selected-date-change" | "date-click" | "prev-week-click" | "next-week-click" | "mode-change")[], "update:modelValue" | "week-change" | "year-change" | "month-change" | "new-schedule" | "selected-date-change" | "date-click" | "prev-week-click" | "next-week-click" | "mode-change", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
|
|
33
33
|
disabled?: any;
|
|
34
|
-
|
|
34
|
+
height?: any;
|
|
35
35
|
year?: any;
|
|
36
36
|
month?: any;
|
|
37
|
+
mode?: any;
|
|
37
38
|
tiny_mode?: any;
|
|
38
39
|
tiny_mode_root?: any;
|
|
39
40
|
tiny_template?: any;
|
|
@@ -41,7 +42,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
41
42
|
_constants?: any;
|
|
42
43
|
tiny_theme?: any;
|
|
43
44
|
tiny_chart_theme?: any;
|
|
44
|
-
height?: any;
|
|
45
45
|
modelValue?: any;
|
|
46
46
|
events?: any;
|
|
47
47
|
showMark?: any;
|
|
@@ -64,9 +64,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
64
64
|
"onMode-change"?: ((...args: any[]) => any) | undefined;
|
|
65
65
|
}, {
|
|
66
66
|
readonly disabled?: any;
|
|
67
|
-
readonly
|
|
67
|
+
readonly height?: any;
|
|
68
68
|
readonly year?: any;
|
|
69
69
|
readonly month?: any;
|
|
70
|
+
readonly mode?: any;
|
|
70
71
|
readonly tiny_mode?: any;
|
|
71
72
|
readonly tiny_mode_root?: any;
|
|
72
73
|
readonly tiny_template?: any;
|
|
@@ -74,7 +75,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
74
75
|
readonly _constants?: any;
|
|
75
76
|
readonly tiny_theme?: any;
|
|
76
77
|
readonly tiny_chart_theme?: any;
|
|
77
|
-
readonly height?: any;
|
|
78
78
|
readonly modelValue?: any;
|
|
79
79
|
readonly events?: any;
|
|
80
80
|
readonly showMark?: any;
|