@opentinyvue/vue-calendar-view 2.22.0 → 2.23.0

package/lib/index.js

@@ -97,6 +97,10 @@ var calendarViewProps = _extends({}, $props, {
   showBackToday: {
     type: Boolean,
     default: true
+  },
+  showTipTime: {
+    type: Boolean,
+    default: true
   }
 });
 var CalendarView = defineComponent({
@@ -110,7 +114,7 @@ var CalendarView = defineComponent({
     });
   }
 });
-var version = "2.22.0";
+var version = "2.23.0";
 CalendarView.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/mobile-first.js

@@ -75,7 +75,7 @@ var __vue2_script = defineComponent({
     TinyDatePicker: DatePicker,
     TinyTooltip: Tooltip
   },
-  props: [].concat(props, ["_constants", "modelValue", "showMark", "showNewSchedule", "setDayBgColor", "disabled", "mode", "modes", "year", "month", "dayTimes", "events", "height", "mark-color", "multi-select", "showBackToday"]),
+  props: [].concat(props, ["_constants", "modelValue", "showMark", "showNewSchedule", "setDayBgColor", "disabled", "mode", "modes", "year", "month", "dayTimes", "events", "height", "mark-color", "multi-select", "showBackToday", "showTipTime"]),
   setup: function setup$1(props2, context) {
     return setup({
       props: props2,
@@ -106,7 +106,6 @@ var render = function render2() {
     ref: "tooltip",
     attrs: {
       "popper-class": "absolute max-w-[theme(spacing.80)]",
-      "manual": true,
       "effect": "light",
       "placement": "right"
     },
@@ -114,24 +113,17 @@ var render = function render2() {
       key: "content",
       fn: function fn() {
         return [_c("div", {
-          staticClass: "p-2"
+          staticClass: "p-2 max-h-[80vh] overflow-auto"
         }, [_c("div", {
           staticClass: "px-1.5 mb-1.5 border-l-2 border-color-brand"
-        }, [_vm._v(_vm._s(_vm.state.eventTipContent.title))]), _c("div", {
+        }, [_vm._v(_vm._s(_vm.state.eventTipContent.title))]), _vm.showTipTime ? _c("div", {
           staticClass: "mb-1.5 px-2 text-color-text-placeholder"
-        }, [_vm._v(" " + _vm._s(_vm.state.eventTipContent.startDay) + " " + _vm._s(_vm.state.eventTipContent.startTime) + " ~ " + _vm._s(_vm.state.eventTipContent.endDay) + " " + _vm._s(_vm.state.eventTipContent.endTime) + " ")]), _c("p", {
+        }, [_vm._v(" " + _vm._s(_vm.state.eventTipContent.startDay) + " " + _vm._s(_vm.state.eventTipContent.startTime) + " ~ " + _vm._s(_vm.state.eventTipContent.endDay) + " " + _vm._s(_vm.state.eventTipContent.endTime) + " ")]) : _vm._e(), _c("p", {
           staticClass: "px-2 text-color-icon-primary"
         }, [_vm._v(_vm._s(_vm.state.eventTipContent.content || ""))])])];
       },
       proxy: true
-    }]),
-    model: {
-      value: _vm.state.eventTipVisible,
-      callback: function callback($$v) {
-        _vm.$set(_vm.state, "eventTipVisible", $$v);
-      },
-      expression: "state.eventTipVisible"
-    }
+    }])
   }), _c("div", {
     staticClass: "flex justify-around items-center mb-3",
     attrs: {
@@ -330,20 +322,25 @@ var render = function render2() {
   }, _vm._l(_vm.state.weekDates, function(date, index) {
     return _c("li", {
       key: date.value,
-      staticClass: "leading-10",
+      staticClass: "leading-10 cursor-pointer",
       attrs: {
         "data-tag": "tiny-calendar-view-weekitem"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.selectDay(date);
+        }
       }
     }, [_vm._t("header", function() {
       return [_c("span", {
         staticClass: "relative mr-2.5 text-base",
-        class: [_vm.dateIsToday(date.value) ? "text-color-brand" : "text-color-text-primary"]
+        class: [_vm.dateIsToday(date.value) || _vm.computedSelectDay(date) ? "text-color-brand" : "text-color-text-primary"]
       }, [_c("span", [_vm._v(_vm._s(date.value.split("-")[2]))]), _vm.isShowMark(date.value) ? _c("span", {
         staticClass: "w-1.5 h-1.5 absolute -bottom-2 rounded-full",
         class: [date.value.split("-")[2] > 9 ? "left-2" : "left-0.5", _vm.gcls("mark-" + _vm.markColor)]
       }) : _vm._e()]), _c("span", {
         staticClass: "text-sm",
-        class: [_vm.dateIsToday(date.value) ? "text-color-brand" : "text-color-text-placeholder"]
+        class: [_vm.dateIsToday(date.value) || _vm.computedSelectDay(date) ? "text-color-brand" : "text-color-text-placeholder"]
       }, [_vm._v(_vm._s(_vm.dateIsToday(date.value) ? _vm.t("ui.datepicker.today") : _vm.t("ui.calendarView.weekDays." + index)))])];
     }, {
       "slotScope": {
@@ -459,9 +456,9 @@ var render = function render2() {
           }
         }, [_c("div", {
           staticClass: "px-1.5 mb-1.5 border-l-2 border-color-brand break-all"
-        }, [_vm._v(_vm._s(event.title))]), _c("div", {
+        }, [_vm._v(_vm._s(event.title))]), _vm.showTipTime ? _c("div", {
           staticClass: "mb-1.5 px-2 text-color-text-placeholder"
-        }, [_vm._v(" " + _vm._s(_vm.getEventShowTime("start", event, date.value)) + " - " + _vm._s(_vm.getEventShowTime("end", event, date.value)) + " ")]), _c("p", {
+        }, [_vm._v(" " + _vm._s(_vm.getEventShowTime("start", event, date.value)) + " - " + _vm._s(_vm.getEventShowTime("end", event, date.value)) + " ")]) : _vm._e(), _c("p", {
           staticClass: "px-2 text-xs text-color-icon-primary line-clamp-2"
         }, [_vm._v(_vm._s(event.content || ""))])]);
       });

package/lib/pc.js

@@ -179,17 +179,26 @@ var render = function render2() {
     staticClass: "header-main"
   }, _vm._l(_vm.state.weekDates, function(date, index) {
     return _c("li", {
-      key: date.value
+      key: date.value,
+      on: {
+        "click": function click($event) {
+          return _vm.selectDay(date);
+        }
+      }
     }, [_vm._t("header", function() {
       return [_c("span", {
         staticClass: "date",
-        class: _vm.dateIsToday(date.value) && "is-today"
+        class: [_vm.dateIsToday(date.value) && "is-today", {
+          current: _vm.computedSelectDay(date)
+        }]
       }, [_c("span", [_vm._v(_vm._s(date.value.split("-")[2]))]), _vm.isShowMark(date.value) ? _c("span", {
         staticClass: "mark",
         class: [date.value.split("-")[2] > 9 ? "is-two-digit" : "", _vm.markColor ? "mark-" + _vm.markColor : ""]
       }) : _vm._e()]), _c("span", {
         staticClass: "week-day",
-        class: _vm.dateIsToday(date.value) && "is-today"
+        class: [_vm.dateIsToday(date.value) && "is-today", {
+          current: _vm.computedSelectDay(date)
+        }]
       }, [_vm._v(_vm._s(_vm.dateIsToday(date.value) ? _vm.t("ui.datepicker.today") : _vm.t("ui.calendarView.weekDays." + index)))])];
     }, {
       "slotScope": {
@@ -261,9 +270,9 @@ var render = function render2() {
           staticClass: "day-events"
         }, [_c("div", {
           staticClass: "title"
-        }, [_vm._v(_vm._s(event.title))]), _c("div", {
+        }, [_vm._v(_vm._s(event.title))]), _vm.showTipTime ? _c("div", {
           staticClass: "date"
-        }, [_vm._v(" " + _vm._s(_vm.getEventShowTime("start", event, date.value)) + " - " + _vm._s(_vm.getEventShowTime("end", event, date.value)) + " ")]), _c("p", {
+        }, [_vm._v(" " + _vm._s(_vm.getEventShowTime("start", event, date.value)) + " - " + _vm._s(_vm.getEventShowTime("end", event, date.value)) + " ")]) : _vm._e(), _c("p", {
           staticClass: "content"
         }, [_vm._v(_vm._s(event.content || ""))])]);
       });
@@ -284,7 +293,6 @@ var render = function render2() {
     ref: "tooltip",
     attrs: {
       "popper-class": "tiny-calendar-view-tooltip",
-      "manual": true,
       "effect": "light",
       "placement": "right"
     },
@@ -295,21 +303,14 @@ var render = function render2() {
           staticClass: "tooltip-main"
         }, [_c("div", {
           staticClass: "title"
-        }, [_vm._v(_vm._s(_vm.state.eventTipContent.title))]), _c("div", {
+        }, [_vm._v(_vm._s(_vm.state.eventTipContent.title))]), _vm.showTipTime ? _c("div", {
           staticClass: "date"
-        }, [_vm._v(" " + _vm._s(_vm.state.eventTipContent.startDay) + " " + _vm._s(_vm.state.eventTipContent.startTime) + " ~ " + _vm._s(_vm.state.eventTipContent.endDay) + " " + _vm._s(_vm.state.eventTipContent.endTime) + " ")]), _c("p", {
+        }, [_vm._v(" " + _vm._s(_vm.state.eventTipContent.startDay) + " " + _vm._s(_vm.state.eventTipContent.startTime) + " ~ " + _vm._s(_vm.state.eventTipContent.endDay) + " " + _vm._s(_vm.state.eventTipContent.endTime) + " ")]) : _vm._e(), _c("p", {
           staticClass: "content"
         }, [_vm._v(_vm._s(_vm.state.eventTipContent.content || ""))])])];
       },
       proxy: true
-    }]),
-    model: {
-      value: _vm.state.eventTipVisible,
-      callback: function callback($$v) {
-        _vm.$set(_vm.state, "eventTipVisible", $$v);
-      },
-      expression: "state.eventTipVisible"
-    }
+    }])
   })], 1);
 };
 var staticRenderFns = [];
@@ -326,7 +327,7 @@ var __vue2_script = defineComponent({
     TinyDatePicker: DatePicker,
     TinyTooltip: Tooltip
   },
-  props: [].concat(props, ["modelValue", "showMark", "showNewSchedule", "setDayBgColor", "disabled", "mode", "modes", "year", "month", "dayTimes", "events", "height", "markColor", "multiSelect"]),
+  props: [].concat(props, ["modelValue", "showMark", "showNewSchedule", "setDayBgColor", "disabled", "mode", "modes", "year", "month", "dayTimes", "events", "height", "markColor", "multiSelect", "showTipTime"]),
   setup: function setup$1(props2, context) {
     return setup({
       props: props2,

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@opentinyvue/vue-calendar-view",
-  "version": "2.22.0",
+  "version": "2.23.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-common": "~2.22.0",
-    "@opentinyvue/vue-icon": "~2.22.0",
-    "@opentinyvue/vue-renderless": "~3.22.0",
-    "@opentinyvue/vue-tooltip": "~2.22.0",
-    "@opentinyvue/vue-button": "~2.22.0",
-    "@opentinyvue/vue-date-picker": "~2.22.0",
-    "@opentinyvue/vue-radio-button": "~2.22.0",
-    "@opentinyvue/vue-radio-group": "~2.22.0",
-    "@opentinyvue/vue-slider-button": "~2.22.0",
-    "@opentinyvue/vue-slider-button-group": "~2.22.0",
-    "@opentinyvue/vue-theme": "~3.22.0"
+    "@opentinyvue/vue-common": "~2.23.0",
+    "@opentinyvue/vue-icon": "~2.23.0",
+    "@opentinyvue/vue-renderless": "~3.23.0",
+    "@opentinyvue/vue-tooltip": "~2.23.0",
+    "@opentinyvue/vue-button": "~2.23.0",
+    "@opentinyvue/vue-date-picker": "~2.23.0",
+    "@opentinyvue/vue-radio-button": "~2.23.0",
+    "@opentinyvue/vue-radio-group": "~2.23.0",
+    "@opentinyvue/vue-slider-button": "~2.23.0",
+    "@opentinyvue/vue-slider-button-group": "~2.23.0",
+    "@opentinyvue/vue-theme": "~3.23.0"
   },
   "license": "MIT",
   "types": "index.d.ts"

package/src/index.d.ts

@@ -65,6 +65,10 @@ export declare const calendarViewProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showTipTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];