@opentinyvue/vue-calendar-view 2.21.0 → 2.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 +6 -6
- package/package.json +12 -12
- package/src/index.d.ts +4 -0
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 = "2.
|
|
113
|
+
var version = "2.22.0";
|
|
110
114
|
CalendarView.model = {
|
|
111
115
|
prop: "modelValue",
|
|
112
116
|
event: "update:modelValue"
|
package/lib/mobile-first.js
CHANGED
|
@@ -75,7 +75,7 @@ var __vue2_script = defineComponent({
|
|
|
75
75
|
TinyDatePicker: DatePicker,
|
|
76
76
|
TinyTooltip: Tooltip
|
|
77
77
|
},
|
|
78
|
-
props: [].concat(props, ["_constants", "modelValue", "showMark", "showNewSchedule", "setDayBgColor", "disabled", "mode", "modes", "year", "month", "dayTimes", "events", "height", "mark-color", "multi-select"]),
|
|
78
|
+
props: [].concat(props, ["_constants", "modelValue", "showMark", "showNewSchedule", "setDayBgColor", "disabled", "mode", "modes", "year", "month", "dayTimes", "events", "height", "mark-color", "multi-select", "showBackToday"]),
|
|
79
79
|
setup: function setup$1(props2, context) {
|
|
80
80
|
return setup({
|
|
81
81
|
props: props2,
|
|
@@ -137,12 +137,12 @@ var render = function render2() {
|
|
|
137
137
|
attrs: {
|
|
138
138
|
"data-tag": "tiny-calendar-view-today"
|
|
139
139
|
}
|
|
140
|
-
}, [_c("tiny-button", {
|
|
140
|
+
}, [_vm.showBackToday ? _c("tiny-button", {
|
|
141
141
|
on: {
|
|
142
142
|
"click": _vm.toToday
|
|
143
143
|
}
|
|
144
|
-
}, [_vm._v(_vm._s(_vm.t("ui.calendarView.backToday")))]), _c("tiny-date-picker", {
|
|
145
|
-
|
|
144
|
+
}, [_vm._v(_vm._s(_vm.t("ui.calendarView.backToday")))]) : _vm._e(), _c("tiny-date-picker", {
|
|
145
|
+
class: [_vm.showBackToday ? "ml-5" : "", "shrink-0"],
|
|
146
146
|
attrs: {
|
|
147
147
|
"shape": "filter",
|
|
148
148
|
"type": "month",
|
|
@@ -458,11 +458,11 @@ var render = function render2() {
|
|
|
458
458
|
"data-tag": "tiny-calendar-view-curWeek"
|
|
459
459
|
}
|
|
460
460
|
}, [_c("div", {
|
|
461
|
-
staticClass: "px-1.5 mb-1.5 border-l-2 border-color-brand"
|
|
461
|
+
staticClass: "px-1.5 mb-1.5 border-l-2 border-color-brand break-all"
|
|
462
462
|
}, [_vm._v(_vm._s(event.title))]), _c("div", {
|
|
463
463
|
staticClass: "mb-1.5 px-2 text-color-text-placeholder"
|
|
464
464
|
}, [_vm._v(" " + _vm._s(_vm.getEventShowTime("start", event, date.value)) + " - " + _vm._s(_vm.getEventShowTime("end", event, date.value)) + " ")]), _c("p", {
|
|
465
|
-
staticClass: "px-2 text-color-icon-primary line-clamp-2"
|
|
465
|
+
staticClass: "px-2 text-xs text-color-icon-primary line-clamp-2"
|
|
466
466
|
}, [_vm._v(_vm._s(event.content || ""))])]);
|
|
467
467
|
});
|
|
468
468
|
}, {
|
package/package.json
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentinyvue/vue-calendar-view",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.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": "~2.
|
|
11
|
-
"@opentinyvue/vue-icon": "~2.
|
|
12
|
-
"@opentinyvue/vue-renderless": "~3.
|
|
13
|
-
"@opentinyvue/vue-tooltip": "~2.
|
|
14
|
-
"@opentinyvue/vue-button": "~2.
|
|
15
|
-
"@opentinyvue/vue-date-picker": "~2.
|
|
16
|
-
"@opentinyvue/vue-radio-button": "~2.
|
|
17
|
-
"@opentinyvue/vue-radio-group": "~2.
|
|
18
|
-
"@opentinyvue/vue-slider-button": "~2.
|
|
19
|
-
"@opentinyvue/vue-slider-button-group": "~2.
|
|
20
|
-
"@opentinyvue/vue-theme": "~3.
|
|
10
|
+
"@opentinyvue/vue-common": "~2.22.0",
|
|
11
|
+
"@opentinyvue/vue-icon": "~2.22.0",
|
|
12
|
+
"@opentinyvue/vue-renderless": "~3.22.0",
|
|
13
|
+
"@opentinyvue/vue-tooltip": "~2.22.0",
|
|
14
|
+
"@opentinyvue/vue-button": "~2.22.0",
|
|
15
|
+
"@opentinyvue/vue-date-picker": "~2.22.0",
|
|
16
|
+
"@opentinyvue/vue-radio-button": "~2.22.0",
|
|
17
|
+
"@opentinyvue/vue-radio-group": "~2.22.0",
|
|
18
|
+
"@opentinyvue/vue-slider-button": "~2.22.0",
|
|
19
|
+
"@opentinyvue/vue-slider-button-group": "~2.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)[];
|