@opentinyvue/vue-calendar-view 2.21.0 → 2.22.1

package/lib/index.js

@@ -7,7 +7,7 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-import { defineComponent, $prefix, $setup, $props } from "@opentinyvue/vue-common";
+import { defineComponent, $props, $setup, $prefix } from "@opentinyvue/vue-common";
 import PcTemplate from "./pc.js";
 import MobileFirstTemplate from "./mobile-first.js";
 import "@opentinyvue/vue-theme/calendar-view/index.css";
@@ -93,6 +93,10 @@ var calendarViewProps = _extends({}, $props, {
   multiSelect: {
     type: Boolean,
     default: false
+  },
+  showBackToday: {
+    type: Boolean,
+    default: true
   }
 });
 var CalendarView = defineComponent({
@@ -106,7 +110,7 @@ var CalendarView = defineComponent({
     });
   }
 });
-var version = "2.21.0";
+var version = "2.undefined";
 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"]),
+  props: [].concat(props, ["_constants", "modelValue", "showMark", "showNewSchedule", "setDayBgColor", "disabled", "mode", "modes", "year", "month", "dayTimes", "events", "height", "mark-color", "multi-select", "showBackToday"]),
   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,7 +113,7 @@ 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", {
@@ -124,25 +123,18 @@ var render = function render2() {
         }, [_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: {
       "data-tag": "tiny-calendar-view-today"
     }
-  }, [_c("tiny-button", {
+  }, [_vm.showBackToday ? _c("tiny-button", {
     on: {
       "click": _vm.toToday
     }
-  }, [_vm._v(_vm._s(_vm.t("ui.calendarView.backToday")))]), _c("tiny-date-picker", {
-    staticClass: "ml-5 shrink-0",
+  }, [_vm._v(_vm._s(_vm.t("ui.calendarView.backToday")))]) : _vm._e(), _c("tiny-date-picker", {
+    class: [_vm.showBackToday ? "ml-5" : "", "shrink-0"],
     attrs: {
       "shape": "filter",
       "type": "month",
@@ -458,11 +450,11 @@ var render = function render2() {
             "data-tag": "tiny-calendar-view-curWeek"
           }
         }, [_c("div", {
-          staticClass: "px-1.5 mb-1.5 border-l-2 border-color-brand"
+          staticClass: "px-1.5 mb-1.5 border-l-2 border-color-brand break-all"
         }, [_vm._v(_vm._s(event.title))]), _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", {
-          staticClass: "px-2 text-color-icon-primary line-clamp-2"
+          staticClass: "px-2 text-xs text-color-icon-primary line-clamp-2"
         }, [_vm._v(_vm._s(event.content || ""))])]);
       });
     }, {

package/lib/pc.js

@@ -284,7 +284,6 @@ var render = function render2() {
     ref: "tooltip",
     attrs: {
       "popper-class": "tiny-calendar-view-tooltip",
-      "manual": true,
       "effect": "light",
       "placement": "right"
     },
@@ -302,14 +301,7 @@ var render = function render2() {
         }, [_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 = [];

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@opentinyvue/vue-calendar-view",
-  "version": "2.21.0",
+  "version": "2.22.1",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-common": "~2.21.0",
-    "@opentinyvue/vue-icon": "~2.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-tooltip": "~2.21.0",
-    "@opentinyvue/vue-button": "~2.21.0",
-    "@opentinyvue/vue-date-picker": "~2.21.0",
-    "@opentinyvue/vue-radio-button": "~2.21.0",
-    "@opentinyvue/vue-radio-group": "~2.21.0",
-    "@opentinyvue/vue-slider-button": "~2.21.0",
-    "@opentinyvue/vue-slider-button-group": "~2.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0"
+    "@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"
   },
   "license": "MIT",
   "types": "index.d.ts"

package/src/index.d.ts

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