@opentinyvue/vue-calendar-view 3.21.0 → 3.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 = "3.21.0";
+var version = "3.undefined";
 CalendarView.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/mobile-first.js

@@ -6,7 +6,7 @@ import SliderButton from '@opentinyvue/vue-slider-button';
 import SliderButtonGroup from '@opentinyvue/vue-slider-button-group';
 import Tooltip from '@opentinyvue/vue-tooltip';
 import { IconCheckedSur, IconPlus, IconChevronLeft, IconChevronRight, IconDayView, IconAgendaView, IconMonthView } from '@opentinyvue/vue-icon';
-import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createTextVNode, renderSlot, createBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, normalizeClass, normalizeStyle } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createTextVNode, createCommentVNode, normalizeClass, renderSlot, Fragment, renderList, resolveDynamicComponent, normalizeStyle } from 'vue';
 
 function _createForOfIteratorHelperLoose(r, e) {
   var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -79,7 +79,7 @@ var _sfc_main = 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,
@@ -102,7 +102,7 @@ var _hoisted_1 = {
   class: "w-full h-auto"
 };
 var _hoisted_2 = {
-  class: "p-2"
+  class: "p-2 max-h-[80vh] overflow-auto"
 };
 var _hoisted_3 = {
   class: "px-1.5 mb-1.5 border-l-2 border-color-brand"
@@ -189,13 +189,13 @@ var _hoisted_25 = {
   "data-tag": "tiny-calendar-view-schedulelist"
 };
 var _hoisted_26 = {
-  class: "px-1.5 mb-1.5 border-l-2 border-color-brand"
+  class: "px-1.5 mb-1.5 border-l-2 border-color-brand break-all"
 };
 var _hoisted_27 = {
   class: "mb-1.5 px-2 text-color-text-placeholder"
 };
 var _hoisted_28 = {
-  class: "px-2 text-color-icon-primary line-clamp-2"
+  class: "px-2 text-xs text-color-icon-primary line-clamp-2"
 };
 var _hoisted_29 = ["onClick"];
 var _hoisted_30 = {
@@ -211,41 +211,43 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_icon_chevron_right = resolveComponent("icon-chevron-right");
   var _component_icon_checked_sur = resolveComponent("icon-checked-sur");
   var _component_icon_plus = resolveComponent("icon-plus");
-  return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_tiny_tooltip, {
-    ref: "tooltip",
-    modelValue: _ctx.state.eventTipVisible,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
-      return _ctx.state.eventTipVisible = $event;
-    }),
-    "popper-class": "absolute max-w-[theme(spacing.80)]",
-    manual: true,
-    effect: "light",
-    placement: "right"
-  }, {
-    content: withCtx(function() {
-      return [createElementVNode("div", _hoisted_2, [createElementVNode(
-        "div",
-        _hoisted_3,
-        toDisplayString(_ctx.state.eventTipContent.title),
-        1
-        /* TEXT */
-      ), createElementVNode(
-        "div",
-        _hoisted_4,
-        toDisplayString(_ctx.state.eventTipContent.startDay) + " " + toDisplayString(_ctx.state.eventTipContent.startTime) + " ~ " + toDisplayString(_ctx.state.eventTipContent.endDay) + " " + toDisplayString(_ctx.state.eventTipContent.endTime),
-        1
-        /* TEXT */
-      ), createElementVNode(
-        "p",
-        _hoisted_5,
-        toDisplayString(_ctx.state.eventTipContent.content || ""),
-        1
-        /* TEXT */
-      )])];
-    }),
-    _: 1
-    /* STABLE */
-  }, 8, ["modelValue"]), createElementVNode("div", _hoisted_6, [createVNode(_component_tiny_button, {
+  return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(
+    _component_tiny_tooltip,
+    {
+      ref: "tooltip",
+      "popper-class": "absolute max-w-[theme(spacing.80)]",
+      effect: "light",
+      placement: "right"
+    },
+    {
+      content: withCtx(function() {
+        return [createElementVNode("div", _hoisted_2, [createElementVNode(
+          "div",
+          _hoisted_3,
+          toDisplayString(_ctx.state.eventTipContent.title),
+          1
+          /* TEXT */
+        ), createElementVNode(
+          "div",
+          _hoisted_4,
+          toDisplayString(_ctx.state.eventTipContent.startDay) + " " + toDisplayString(_ctx.state.eventTipContent.startTime) + " ~ " + toDisplayString(_ctx.state.eventTipContent.endDay) + " " + toDisplayString(_ctx.state.eventTipContent.endTime),
+          1
+          /* TEXT */
+        ), createElementVNode(
+          "p",
+          _hoisted_5,
+          toDisplayString(_ctx.state.eventTipContent.content || ""),
+          1
+          /* TEXT */
+        )])];
+      }),
+      _: 1
+      /* STABLE */
+    },
+    512
+    /* NEED_PATCH */
+  ), createElementVNode("div", _hoisted_6, [_ctx.showBackToday ? (openBlock(), createBlock(_component_tiny_button, {
+    key: 0,
     onClick: _ctx.toToday
   }, {
     default: withCtx(function() {
@@ -257,21 +259,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 1
     /* STABLE */
-  }, 8, ["onClick"]), createVNode(_component_tiny_date_picker, {
+  }, 8, ["onClick"])) : createCommentVNode("v-if", true), createVNode(_component_tiny_date_picker, {
     modelValue: _ctx.state.currentDate,
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
       return _ctx.state.currentDate = $event;
     }),
-    class: "ml-5 shrink-0",
+    class: normalizeClass([_ctx.showBackToday ? "ml-5" : "", "shrink-0"]),
     shape: "filter",
     type: "month",
     clearable: false,
     onChange: _ctx.currentDateChange,
     format: _ctx.t("ui.calendarView.dateFormat")
-  }, null, 8, ["modelValue", "onChange", "format"]), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "tool")]), _ctx.modes.length ? (openBlock(), createBlock(_component_tiny_slider_button_group, {
-    key: 0,
+  }, null, 8, ["modelValue", "class", "onChange", "format"]), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "tool")]), _ctx.modes.length ? (openBlock(), createBlock(_component_tiny_slider_button_group, {
+    key: 1,
     modelValue: _ctx.state.mode,
-    "onUpdate:modelValue": _cache[2] || (_cache[2] = function($event) {
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
       return _ctx.state.mode = $event;
     }),
     type: "icon",
@@ -302,7 +304,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["modelValue"])) : createCommentVNode("v-if", true)]), _ctx.state.mode === "month" ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [createElementVNode("div", {
     "data-tag": "tiny-calendar-view-prevmonth",
     class: "absolute left-3 top-2.5 cursor-pointer",
-    onClick: _cache[3] || (_cache[3] = function() {
+    onClick: _cache[2] || (_cache[2] = function() {
       return _ctx.goPrevMonth && _ctx.goPrevMonth.apply(_ctx, arguments);
     })
   }, [createVNode(_component_icon_chevron_left)]), createElementVNode("ul", _hoisted_10, [(openBlock(true), createElementBlock(
@@ -326,7 +328,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   ))]), createElementVNode("div", {
     "data-tag": "tiny-calendar-view-nextmonth",
     class: "absolute right-3 top-2.5 cursor-pointer",
-    onClick: _cache[4] || (_cache[4] = function() {
+    onClick: _cache[3] || (_cache[3] = function() {
       return _ctx.goNextMonth && _ctx.goNextMonth.apply(_ctx, arguments);
     })
   }, [createVNode(_component_icon_chevron_right)])]), createElementVNode("div", _hoisted_12, [createElementVNode("div", _hoisted_13, [(openBlock(true), createElementBlock(
@@ -418,7 +420,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   ))])])])) : (openBlock(), createElementBlock("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [createElementVNode("div", {
     class: "w-7 shrink-0 text-right cursor-pointer",
     "data-tag": "tiny-calendar-view-prevweek",
-    onClick: _cache[5] || (_cache[5] = function() {
+    onClick: _cache[4] || (_cache[4] = function() {
       return _ctx.getPrevWeek && _ctx.getPrevWeek.apply(_ctx, arguments);
     })
   }, [createVNode(_component_icon_chevron_left)]), createElementVNode("ul", _hoisted_20, [(openBlock(true), createElementBlock(
@@ -474,7 +476,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   ))]), createElementVNode("div", {
     "data-tag": "tiny-calendar-view-nextvweek",
     class: "w-7 shrink-0 text-left cursor-pointer",
-    onClick: _cache[6] || (_cache[6] = function() {
+    onClick: _cache[5] || (_cache[5] = function() {
       return _ctx.getNextWeek && _ctx.getNextWeek.apply(_ctx, arguments);
     })
   }, [createVNode(_component_icon_chevron_right)])]), _ctx.state.mode === "timeline" ? (openBlock(), createElementBlock(

package/lib/pc.js

@@ -545,41 +545,42 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       128
       /* KEYED_FRAGMENT */
-    ))])])) : createCommentVNode("v-if", true)])), createVNode(_component_tiny_tooltip, {
-      ref: "tooltip",
-      modelValue: _ctx.state.eventTipVisible,
-      "onUpdate:modelValue": _cache[6] || (_cache[6] = function($event) {
-        return _ctx.state.eventTipVisible = $event;
-      }),
-      "popper-class": "tiny-calendar-view-tooltip",
-      manual: true,
-      effect: "light",
-      placement: "right"
-    }, {
-      content: withCtx(function() {
-        return [createElementVNode("div", _hoisted_24, [createElementVNode(
-          "div",
-          _hoisted_25,
-          toDisplayString(_ctx.state.eventTipContent.title),
-          1
-          /* TEXT */
-        ), createElementVNode(
-          "div",
-          _hoisted_26,
-          toDisplayString(_ctx.state.eventTipContent.startDay) + " " + toDisplayString(_ctx.state.eventTipContent.startTime) + " ~ " + toDisplayString(_ctx.state.eventTipContent.endDay) + " " + toDisplayString(_ctx.state.eventTipContent.endTime),
-          1
-          /* TEXT */
-        ), createElementVNode(
-          "p",
-          _hoisted_27,
-          toDisplayString(_ctx.state.eventTipContent.content || ""),
-          1
-          /* TEXT */
-        )])];
-      }),
-      _: 1
-      /* STABLE */
-    }, 8, ["modelValue"])],
+    ))])])) : createCommentVNode("v-if", true)])), createVNode(
+      _component_tiny_tooltip,
+      {
+        ref: "tooltip",
+        "popper-class": "tiny-calendar-view-tooltip",
+        effect: "light",
+        placement: "right"
+      },
+      {
+        content: withCtx(function() {
+          return [createElementVNode("div", _hoisted_24, [createElementVNode(
+            "div",
+            _hoisted_25,
+            toDisplayString(_ctx.state.eventTipContent.title),
+            1
+            /* TEXT */
+          ), createElementVNode(
+            "div",
+            _hoisted_26,
+            toDisplayString(_ctx.state.eventTipContent.startDay) + " " + toDisplayString(_ctx.state.eventTipContent.startTime) + " ~ " + toDisplayString(_ctx.state.eventTipContent.endDay) + " " + toDisplayString(_ctx.state.eventTipContent.endTime),
+            1
+            /* TEXT */
+          ), createElementVNode(
+            "p",
+            _hoisted_27,
+            toDisplayString(_ctx.state.eventTipContent.content || ""),
+            1
+            /* TEXT */
+          )])];
+        }),
+        _: 1
+        /* STABLE */
+      },
+      512
+      /* NEED_PATCH */
+    )],
     4
     /* STYLE */
   );

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@opentinyvue/vue-calendar-view",
-  "version": "3.21.0",
+  "version": "3.22.1",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-common": "~3.21.0",
-    "@opentinyvue/vue-icon": "~3.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-tooltip": "~3.21.0",
-    "@opentinyvue/vue-button": "~3.21.0",
-    "@opentinyvue/vue-date-picker": "~3.21.0",
-    "@opentinyvue/vue-radio-button": "~3.21.0",
-    "@opentinyvue/vue-radio-group": "~3.21.0",
-    "@opentinyvue/vue-slider-button": "~3.21.0",
-    "@opentinyvue/vue-slider-button-group": "~3.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0"
+    "@opentinyvue/vue-common": "~3.22.0",
+    "@opentinyvue/vue-icon": "~3.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-tooltip": "~3.22.0",
+    "@opentinyvue/vue-button": "~3.22.0",
+    "@opentinyvue/vue-date-picker": "~3.22.0",
+    "@opentinyvue/vue-radio-button": "~3.22.0",
+    "@opentinyvue/vue-radio-group": "~3.22.0",
+    "@opentinyvue/vue-slider-button": "~3.22.0",
+    "@opentinyvue/vue-slider-button-group": "~3.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)[];

package/src/mobile-first.vue.d.ts

@@ -1,8 +1,9 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     disabled?: any;
-    mode?: any;
+    height?: any;
     year?: any;
     month?: any;
+    mode?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -10,7 +11,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
-    height?: any;
     modelValue?: any;
     events?: any;
     showMark?: any;
@@ -20,6 +20,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     dayTimes?: any;
     "mark-color"?: any;
     "multi-select"?: any;
+    showBackToday?: any;
 }>, {
     t: (this: any, path: any, options?: any) => any;
     vm: any;
@@ -31,9 +32,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     m: (...cssClasses: any[]) => string;
 }, 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<{
     disabled?: any;
-    mode?: any;
+    height?: any;
     year?: any;
     month?: any;
+    mode?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -41,7 +43,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
-    height?: any;
     modelValue?: any;
     events?: any;
     showMark?: any;
@@ -51,6 +52,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     dayTimes?: any;
     "mark-color"?: any;
     "multi-select"?: any;
+    showBackToday?: any;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onWeek-change"?: ((...args: any[]) => any) | undefined;
@@ -64,9 +66,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     "onMode-change"?: ((...args: any[]) => any) | undefined;
 }, {
     readonly disabled?: any;
-    readonly mode?: any;
+    readonly height?: any;
     readonly year?: any;
     readonly month?: any;
+    readonly mode?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -74,7 +77,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly _constants?: any;
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
-    readonly height?: any;
     readonly modelValue?: any;
     readonly events?: any;
     readonly showMark?: any;
@@ -84,5 +86,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly dayTimes?: any;
     readonly "mark-color"?: any;
     readonly "multi-select"?: any;
+    readonly showBackToday?: any;
 }, {}>;
 export default _default;

package/src/pc.vue.d.ts

@@ -1,8 +1,9 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     disabled?: any;
-    mode?: any;
+    height?: any;
     year?: any;
     month?: any;
+    mode?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -10,7 +11,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
-    height?: any;
     modelValue?: any;
     events?: any;
     showMark?: any;
@@ -31,9 +31,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     m: (...cssClasses: any[]) => string;
 }, 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<{
     disabled?: any;
-    mode?: any;
+    height?: any;
     year?: any;
     month?: any;
+    mode?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -41,7 +42,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
-    height?: any;
     modelValue?: any;
     events?: any;
     showMark?: any;
@@ -64,9 +64,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     "onMode-change"?: ((...args: any[]) => any) | undefined;
 }, {
     readonly disabled?: any;
-    readonly mode?: any;
+    readonly height?: any;
     readonly year?: any;
     readonly month?: any;
+    readonly mode?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -74,7 +75,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly _constants?: any;
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
-    readonly height?: any;
     readonly modelValue?: any;
     readonly events?: any;
     readonly showMark?: any;