@opentinyvue/vue-calendar-view 3.22.1 → 3.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 = "3.undefined";
+var version = "3.23.0";
 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, createBlock, createTextVNode, createCommentVNode, normalizeClass, renderSlot, Fragment, renderList, resolveDynamicComponent, normalizeStyle } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, createBlock, createTextVNode, 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", "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,
@@ -108,6 +108,7 @@ var _hoisted_3 = {
   class: "px-1.5 mb-1.5 border-l-2 border-color-brand"
 };
 var _hoisted_4 = {
+  key: 0,
   class: "mb-1.5 px-2 text-color-text-placeholder"
 };
 var _hoisted_5 = {
@@ -170,35 +171,37 @@ var _hoisted_20 = {
   "data-tag": "tiny-calendar-view-weekdates",
   class: "flex justify-around flex-1 h-full"
 };
-var _hoisted_21 = {
+var _hoisted_21 = ["onClick"];
+var _hoisted_22 = {
   class: "w-12",
   "data-tag": "tiny-calendar-view-timelinelist"
 };
-var _hoisted_22 = {
+var _hoisted_23 = {
   class: "text-sm text-color-text-primary"
 };
-var _hoisted_23 = {
+var _hoisted_24 = {
   class: "flex-1",
   "data-tag": "tiny-calendar-view-timelinelist"
 };
-var _hoisted_24 = {
+var _hoisted_25 = {
   class: "w-full flex justify-around"
 };
-var _hoisted_25 = {
+var _hoisted_26 = {
   class: "flex w-full",
   "data-tag": "tiny-calendar-view-schedulelist"
 };
-var _hoisted_26 = {
+var _hoisted_27 = {
   class: "px-1.5 mb-1.5 border-l-2 border-color-brand break-all"
 };
-var _hoisted_27 = {
+var _hoisted_28 = {
+  key: 0,
   class: "mb-1.5 px-2 text-color-text-placeholder"
 };
-var _hoisted_28 = {
+var _hoisted_29 = {
   class: "px-2 text-xs text-color-icon-primary line-clamp-2"
 };
-var _hoisted_29 = ["onClick"];
-var _hoisted_30 = {
+var _hoisted_30 = ["onClick"];
+var _hoisted_31 = {
   class: "ml-1 text-color-text-placeholder"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -227,13 +230,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           toDisplayString(_ctx.state.eventTipContent.title),
           1
           /* TEXT */
-        ), createElementVNode(
+        ), _ctx.showTipTime ? (openBlock(), createElementBlock(
           "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(
+        )) : createCommentVNode("v-if", true), createElementVNode(
           "p",
           _hoisted_5,
           toDisplayString(_ctx.state.eventTipContent.content || ""),
@@ -430,7 +433,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createElementBlock("li", {
         "data-tag": "tiny-calendar-view-weekitem",
         key: date.value,
-        class: "leading-10"
+        class: "leading-10 cursor-pointer",
+        onClick: function onClick($event) {
+          return _ctx.selectDay(date);
+        }
       }, [renderSlot(_ctx.$slots, "header", {
         slotScope: {
           date: date.value,
@@ -440,7 +446,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         return [createElementVNode(
           "span",
           {
-            class: normalizeClass(["relative mr-2.5 text-base", [_ctx.dateIsToday(date.value) ? "text-color-brand" : "text-color-text-primary"]])
+            class: normalizeClass(["relative mr-2.5 text-base", [_ctx.dateIsToday(date.value) || _ctx.computedSelectDay(date) ? "text-color-brand" : "text-color-text-primary"]])
           },
           [createElementVNode(
             "span",
@@ -463,13 +469,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ), createElementVNode(
           "span",
           {
-            class: normalizeClass(["text-sm", [_ctx.dateIsToday(date.value) ? "text-color-brand" : "text-color-text-placeholder"]])
+            class: normalizeClass(["text-sm", [_ctx.dateIsToday(date.value) || _ctx.computedSelectDay(date) ? "text-color-brand" : "text-color-text-placeholder"]])
           },
           toDisplayString(_ctx.dateIsToday(date.value) ? _ctx.t("ui.datepicker.today") : _ctx.t("ui.calendarView.weekDays." + index)),
           3
           /* TEXT, CLASS */
         )];
-      })]);
+      })], 8, _hoisted_21);
     }),
     128
     /* KEYED_FRAGMENT */
@@ -489,7 +495,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "height": _ctx.height
       })
     },
-    [createElementVNode("div", _hoisted_21, [createElementVNode("ul", null, [(openBlock(true), createElementBlock(
+    [createElementVNode("div", _hoisted_22, [createElementVNode("ul", null, [(openBlock(true), createElementBlock(
       Fragment,
       null,
       renderList(_ctx.state.dayTimes, function(item, i) {
@@ -502,7 +508,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           },
           [createElementVNode(
             "span",
-            _hoisted_22,
+            _hoisted_23,
             toDisplayString(item.text.includes("30") ? "" : item.text),
             1
             /* TEXT */
@@ -513,7 +519,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       128
       /* KEYED_FRAGMENT */
-    ))])]), createElementVNode("div", _hoisted_23, [createElementVNode("ul", _hoisted_24, [(openBlock(true), createElementBlock(
+    ))])]), createElementVNode("div", _hoisted_24, [createElementVNode("ul", _hoisted_25, [(openBlock(true), createElementBlock(
       Fragment,
       null,
       renderList(_ctx.state.weekDates, function(date, index) {
@@ -599,7 +605,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "height": _ctx.height
       })
     },
-    [createElementVNode("ul", _hoisted_25, [(openBlock(true), createElementBlock(
+    [createElementVNode("ul", _hoisted_26, [(openBlock(true), createElementBlock(
       Fragment,
       null,
       renderList(_ctx.state.weekDates, function(date, index) {
@@ -626,19 +632,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "py-1.5 h-auto border border-color-border-separator rounded mb-2 shadow-sm"
               }, [createElementVNode(
                 "div",
-                _hoisted_26,
+                _hoisted_27,
                 toDisplayString(event.title),
                 1
                 /* TEXT */
-              ), createElementVNode(
+              ), _ctx.showTipTime ? (openBlock(), createElementBlock(
                 "div",
-                _hoisted_27,
+                _hoisted_28,
                 toDisplayString(_ctx.getEventShowTime("start", event, date.value)) + " - " + toDisplayString(_ctx.getEventShowTime("end", event, date.value)),
                 1
                 /* TEXT */
-              ), createElementVNode(
+              )) : createCommentVNode("v-if", true), createElementVNode(
                 "p",
-                _hoisted_28,
+                _hoisted_29,
                 toDisplayString(event.content || ""),
                 1
                 /* TEXT */
@@ -658,11 +664,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: "align-sub fill-color-text-placeholder"
         }), createElementVNode(
           "span",
-          _hoisted_30,
+          _hoisted_31,
           toDisplayString(_ctx.t("ui.calendarView.new")),
           1
           /* TEXT */
-        )], 8, _hoisted_29)) : createCommentVNode("v-if", true)]);
+        )], 8, _hoisted_30)) : createCommentVNode("v-if", true)]);
       }),
       128
       /* KEYED_FRAGMENT */

package/lib/pc.js

@@ -54,7 +54,7 @@ var _sfc_main = 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,
@@ -115,43 +115,46 @@ var _hoisted_13 = {
 var _hoisted_14 = {
   class: "header-main"
 };
-var _hoisted_15 = {
+var _hoisted_15 = ["onClick"];
+var _hoisted_16 = {
   key: 0,
   class: "tiny-calendar-view-week__timeline"
 };
-var _hoisted_16 = {
+var _hoisted_17 = {
   class: "day-times"
 };
-var _hoisted_17 = {
+var _hoisted_18 = {
   class: "day-events"
 };
-var _hoisted_18 = {
+var _hoisted_19 = {
   class: "events-list"
 };
-var _hoisted_19 = {
+var _hoisted_20 = {
   key: 1,
   class: "tiny-calendar-view-week__schedule"
 };
-var _hoisted_20 = {
+var _hoisted_21 = {
   class: "title"
 };
-var _hoisted_21 = {
+var _hoisted_22 = {
+  key: 0,
   class: "date"
 };
-var _hoisted_22 = {
+var _hoisted_23 = {
   class: "content"
 };
-var _hoisted_23 = ["onClick"];
-var _hoisted_24 = {
+var _hoisted_24 = ["onClick"];
+var _hoisted_25 = {
   class: "tooltip-main"
 };
-var _hoisted_25 = {
+var _hoisted_26 = {
   class: "title"
 };
-var _hoisted_26 = {
+var _hoisted_27 = {
+  key: 0,
   class: "date"
 };
-var _hoisted_27 = {
+var _hoisted_28 = {
   class: "content"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -341,7 +344,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       null,
       renderList(_ctx.state.weekDates, function(date, index) {
         return openBlock(), createElementBlock("li", {
-          key: date.value
+          key: date.value,
+          onClick: function onClick($event) {
+            return _ctx.selectDay(date);
+          }
         }, [renderSlot(_ctx.$slots, "header", {
           slotScope: {
             date: date.value,
@@ -351,7 +357,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           return [createElementVNode(
             "span",
             {
-              class: normalizeClass(["date", _ctx.dateIsToday(date.value) && "is-today"])
+              class: normalizeClass(["date", [_ctx.dateIsToday(date.value) && "is-today", {
+                current: _ctx.computedSelectDay(date)
+              }]])
             },
             [createElementVNode(
               "span",
@@ -374,13 +382,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ), createElementVNode(
             "span",
             {
-              class: normalizeClass(["week-day", _ctx.dateIsToday(date.value) && "is-today"])
+              class: normalizeClass(["week-day", [_ctx.dateIsToday(date.value) && "is-today", {
+                current: _ctx.computedSelectDay(date)
+              }]])
             },
             toDisplayString(_ctx.dateIsToday(date.value) ? _ctx.t("ui.datepicker.today") : _ctx.t("ui.calendarView.weekDays." + index)),
             3
             /* TEXT, CLASS */
           )];
-        })]);
+        })], 8, _hoisted_15);
       }),
       128
       /* KEYED_FRAGMENT */
@@ -389,7 +399,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       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("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [createElementVNode("ul", null, [(openBlock(true), createElementBlock(
+    }, [createVNode(_component_icon_chevron_right)])]), _ctx.state.mode === "timeline" ? (openBlock(), createElementBlock("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [createElementVNode("ul", null, [(openBlock(true), createElementBlock(
       Fragment,
       null,
       renderList(_ctx.state.dayTimes, function(item, i) {
@@ -412,7 +422,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       128
       /* KEYED_FRAGMENT */
-    ))])]), createElementVNode("div", _hoisted_17, [createElementVNode("ul", null, [(openBlock(true), createElementBlock(
+    ))])]), createElementVNode("div", _hoisted_18, [createElementVNode("ul", null, [(openBlock(true), createElementBlock(
       Fragment,
       null,
       renderList(_ctx.state.weekDates, function(date, index) {
@@ -431,7 +441,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               events: _ctx.state.curWeekEvents[date.value]
             }
           }, function() {
-            return [createElementVNode("ul", _hoisted_18, [(openBlock(true), createElementBlock(
+            return [createElementVNode("ul", _hoisted_19, [(openBlock(true), createElementBlock(
               Fragment,
               null,
               renderList(_ctx.state.dayTimes, function(item, i) {
@@ -484,7 +494,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       128
       /* KEYED_FRAGMENT */
-    ))])])])) : createCommentVNode("v-if", true), _ctx.state.mode === "schedule" ? (openBlock(), createElementBlock("div", _hoisted_19, [createElementVNode("ul", null, [(openBlock(true), createElementBlock(
+    ))])])])) : createCommentVNode("v-if", true), _ctx.state.mode === "schedule" ? (openBlock(), createElementBlock("div", _hoisted_20, [createElementVNode("ul", null, [(openBlock(true), createElementBlock(
       Fragment,
       null,
       renderList(_ctx.state.weekDates, function(date, index) {
@@ -508,19 +518,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "day-events"
               }, [createElementVNode(
                 "div",
-                _hoisted_20,
+                _hoisted_21,
                 toDisplayString(event.title),
                 1
                 /* TEXT */
-              ), createElementVNode(
+              ), _ctx.showTipTime ? (openBlock(), createElementBlock(
                 "div",
-                _hoisted_21,
+                _hoisted_22,
                 toDisplayString(_ctx.getEventShowTime("start", event, date.value)) + " - " + toDisplayString(_ctx.getEventShowTime("end", event, date.value)),
                 1
                 /* TEXT */
-              ), createElementVNode(
+              )) : createCommentVNode("v-if", true), createElementVNode(
                 "p",
-                _hoisted_22,
+                _hoisted_23,
                 toDisplayString(event.content || ""),
                 1
                 /* TEXT */
@@ -541,7 +551,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           toDisplayString(_ctx.t("ui.calendarView.new")),
           1
           /* TEXT */
-        )], 8, _hoisted_23)) : createCommentVNode("v-if", true)]);
+        )], 8, _hoisted_24)) : createCommentVNode("v-if", true)]);
       }),
       128
       /* KEYED_FRAGMENT */
@@ -555,21 +565,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       },
       {
         content: withCtx(function() {
-          return [createElementVNode("div", _hoisted_24, [createElementVNode(
+          return [createElementVNode("div", _hoisted_25, [createElementVNode(
             "div",
-            _hoisted_25,
+            _hoisted_26,
             toDisplayString(_ctx.state.eventTipContent.title),
             1
             /* TEXT */
-          ), createElementVNode(
+          ), _ctx.showTipTime ? (openBlock(), createElementBlock(
             "div",
-            _hoisted_26,
+            _hoisted_27,
             toDisplayString(_ctx.state.eventTipContent.startDay) + " " + toDisplayString(_ctx.state.eventTipContent.startTime) + " ~ " + toDisplayString(_ctx.state.eventTipContent.endDay) + " " + toDisplayString(_ctx.state.eventTipContent.endTime),
             1
             /* TEXT */
-          ), createElementVNode(
+          )) : createCommentVNode("v-if", true), createElementVNode(
             "p",
-            _hoisted_27,
+            _hoisted_28,
             toDisplayString(_ctx.state.eventTipContent.content || ""),
             1
             /* TEXT */

package/package.json

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

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

@@ -21,6 +21,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     "mark-color"?: any;
     "multi-select"?: any;
     showBackToday?: any;
+    showTipTime?: any;
 }>, {
     t: (this: any, path: any, options?: any) => any;
     vm: any;
@@ -53,6 +54,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     "mark-color"?: any;
     "multi-select"?: any;
     showBackToday?: any;
+    showTipTime?: any;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onWeek-change"?: ((...args: any[]) => any) | undefined;
@@ -87,5 +89,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly "mark-color"?: any;
     readonly "multi-select"?: any;
     readonly showBackToday?: any;
+    readonly showTipTime?: any;
 }, {}>;
 export default _default;

package/src/pc.vue.d.ts

@@ -18,6 +18,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     setDayBgColor?: any;
     modes?: any;
     dayTimes?: any;
+    showTipTime?: any;
     multiSelect?: any;
     markColor?: any;
 }>, {
@@ -49,6 +50,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     setDayBgColor?: any;
     modes?: any;
     dayTimes?: any;
+    showTipTime?: any;
     multiSelect?: any;
     markColor?: any;
 }>>> & {
@@ -82,6 +84,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly setDayBgColor?: any;
     readonly modes?: any;
     readonly dayTimes?: any;
+    readonly showTipTime?: any;
     readonly multiSelect?: any;
     readonly markColor?: any;
 }, {}>;