@opentinyvue/vue-date-range 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, $props, $setup } 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/date-range/index.css";
@@ -55,6 +55,42 @@ var DateRange = defineComponent({
     timeEditable: {
       type: Boolean,
       default: true
+    },
+    type: {
+      type: String,
+      default: "daterange"
+    },
+    modelValue: {
+      type: Array,
+      default: function _default3() {
+        return [];
+      }
+    },
+    format: {
+      type: String,
+      default: ""
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    shortcuts: {
+      type: Array,
+      default: function _default4() {
+        return [];
+      }
+    },
+    disabledDate: {
+      type: Function,
+      default: null
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    unlinkPanels: {
+      type: Boolean,
+      default: false
     }
   }),
   setup: function setup(props, context) {
@@ -65,7 +101,7 @@ var DateRange = defineComponent({
     });
   }
 });
-var version = "2.21.0";
+var version = "2.undefined";
 DateRange.install = function(Vue) {
   Vue.component(DateRange.name, DateRange);
 };

package/lib/mobile-first.js

@@ -1,6 +1,6 @@
 import { renderless, api } from '@opentinyvue/vue-renderless/date-range/vue';
 import { defineComponent, directive, props, setup } from '@opentinyvue/vue-common';
-import Clickoutside from '@opentinyvue/vue-renderless/common/deps/clickoutside';
+import { Clickoutside } from '@opentinyvue/vue-directive';
 import Time from '@opentinyvue/vue-time';
 import DateTable from '@opentinyvue/vue-date-table';
 import Input from '@opentinyvue/vue-input';
@@ -60,6 +60,7 @@ var classes = {
   "footer": "border-t border-t-color-bg-3 py-3 px-4 bg-color-bg-1 overflow-hidden rounded-b"
 };
 var render = function render2() {
+  var _vm$state$shortcuts;
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -91,7 +92,7 @@ var render = function render2() {
     }
   }, [_vm._t("sidebar", null, {
     "dataTag": "tiny-picker-panel__sidebar"
-  }), _vm.state.shortcuts ? _c("div", {
+  }), (_vm$state$shortcuts = _vm.state.shortcuts) !== null && _vm$state$shortcuts !== void 0 && _vm$state$shortcuts.length ? _c("div", {
     ref: "shortcut",
     class: _vm.gcls("sidebar"),
     attrs: {

package/lib/pc.js

@@ -1,6 +1,6 @@
 import { renderless, api } from '@opentinyvue/vue-renderless/date-range/vue';
 import { defineComponent, directive, props, setup } from '@opentinyvue/vue-common';
-import Clickoutside from '@opentinyvue/vue-renderless/common/deps/clickoutside';
+import { Clickoutside } from '@opentinyvue/vue-directive';
 import Time from '@opentinyvue/vue-time';
 import DateTable from '@opentinyvue/vue-date-table';
 import Input from '@opentinyvue/vue-input';
@@ -51,8 +51,8 @@ var __vue2_script = defineComponent({
     IconChevronLeft: iconChevronLeft(),
     IconChevronRight: iconChevronRight()
   },
-  props: [].concat(props, ["emitter", "step", "showWeekNumber", "formatWeeks", "timeEditable"]),
-  emits: ["dodestroy", "pick"],
+  props: [].concat(props, ["emitter", "step", "showWeekNumber", "formatWeeks", "timeEditable", "type", "modelValue", "format", "readonly", "shortcuts", "disabledDate", "popperClass", "unlinkPanels"]),
+  emits: ["dodestroy", "pick", "select-change", "update:modelValue"],
   setup: function setup$1(props2, context) {
     return setup({
       props: props2,
@@ -63,6 +63,7 @@ var __vue2_script = defineComponent({
   }
 });
 var render = function render2() {
+  var _vm$state$shortcuts;
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -76,12 +77,6 @@ var render = function render2() {
       }
     }
   }, [_c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.state.visible,
-      expression: "state.visible"
-    }],
     ref: "refDateRange",
     staticClass: "tiny-picker-panel tiny-date-range-picker tiny-popper",
     class: [{
@@ -90,7 +85,7 @@ var render = function render2() {
     }, _vm.state.popperClass]
   }, [_c("div", {
     staticClass: "tiny-picker-panel__body-wrapper"
-  }, [_vm._t("sidebar"), _vm.state.shortcuts ? _c("div", {
+  }, [_vm._t("sidebar"), (_vm$state$shortcuts = _vm.state.shortcuts) !== null && _vm$state$shortcuts !== void 0 && _vm$state$shortcuts.length ? _c("div", {
     ref: "shortcut",
     staticClass: "tiny-picker-panel__sidebar"
   }, _vm._l(_vm.state.shortcuts, function(shortcut, key) {
@@ -125,7 +120,8 @@ var render = function render2() {
       "size": "small",
       "disabled": _vm.state.rangeState.selecting,
       "placeholder": _vm.t("ui.datepicker.startDate"),
-      "modelValue": _vm.state.minVisibleDate
+      "modelValue": _vm.state.minVisibleDate,
+      "readonly": _vm.readonly
     },
     on: {
       "update:modelValue": function updateModelValue(val) {
@@ -150,11 +146,11 @@ var render = function render2() {
       "disabled": _vm.state.rangeState.selecting,
       "placeholder": _vm.t("ui.datepicker.startTime"),
       "modelValue": _vm.state.minVisibleTime,
-      "readonly": !_vm.timeEditable
+      "readonly": !_vm.timeEditable || _vm.readonly
     },
     on: {
       "focus": function focus($event) {
-        _vm.state.minTimePickerVisible = true;
+        !_vm.readonly && (_vm.state.minTimePickerVisible = true);
       },
       "update:modelValue": function updateModelValue(val) {
         return _vm.handleTimeInput(val, "min");
@@ -187,7 +183,7 @@ var render = function render2() {
       "disabled": _vm.state.rangeState.selecting,
       "placeholder": _vm.t("ui.datepicker.endDate"),
       "modelValue": _vm.state.maxVisibleDate,
-      "readonly": !_vm.state.minDate
+      "readonly": _vm.readonly || !_vm.state.minDate
     },
     on: {
       "update:modelValue": function updateModelValue(val) {
@@ -212,11 +208,11 @@ var render = function render2() {
       "disabled": _vm.state.rangeState.selecting,
       "placeholder": _vm.t("ui.datepicker.endTime"),
       "modelValue": _vm.state.maxVisibleTime,
-      "readonly": !_vm.state.minDate || !_vm.timeEditable
+      "readonly": _vm.readonly || !_vm.state.minDate || !_vm.timeEditable
     },
     on: {
       "focus": function focus($event) {
-        _vm.state.minDate && (_vm.state.maxTimePickerVisible = true);
+        _vm.state.minDate && !_vm.readonly && (_vm.state.maxTimePickerVisible = true);
       },
       "update:modelValue": function updateModelValue(val) {
         return _vm.handleTimeInput(val, "max");
@@ -294,7 +290,8 @@ var render = function render2() {
       "cell-class-name": _vm.state.cellClassName,
       "first-day-of-week": _vm.state.firstDayOfWeek,
       "show-week-number": _vm.showWeekNumber,
-      "format-weeks": _vm.formatWeeks
+      "format-weeks": _vm.formatWeeks,
+      "readonly": _vm.readonly
     },
     on: {
       "changerange": _vm.handleChangeRange,
@@ -358,13 +355,14 @@ var render = function render2() {
       "cell-class-name": _vm.state.cellClassName,
       "first-day-of-week": _vm.state.firstDayOfWeek,
       "show-week-number": _vm.showWeekNumber,
-      "format-weeks": _vm.formatWeeks
+      "format-weeks": _vm.formatWeeks,
+      "readonly": _vm.readonly
     },
     on: {
       "changerange": _vm.handleChangeRange,
       "pick": _vm.handleRangePick
     }
-  })], 1)])])], 2), _vm.state.showTime ? _c("div", {
+  })], 1)])])], 2), _vm.state.showTime && !_vm.readonly ? _c("div", {
     staticClass: "tiny-picker-panel__footer"
   }, [_c("tiny-button", {
     staticClass: "tiny-picker-panel__link-btn",

package/package.json

@@ -1,22 +1,23 @@
 {
   "name": "@opentinyvue/vue-date-range",
-  "version": "2.21.0",
+  "type": "module",
+  "version": "2.22.1",
   "description": "",
+  "license": "MIT",
+  "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
-  "sideEffects": false,
-  "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-common": "~2.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-input": "~2.21.0",
-    "@opentinyvue/vue-button": "~2.21.0",
-    "@opentinyvue/vue-time": "~2.21.0",
-    "@opentinyvue/vue-date-table": "~2.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0",
-    "@opentinyvue/vue-icon": "~2.21.0"
+    "@opentinyvue/vue-button": "~2.22.0",
+    "@opentinyvue/vue-common": "~2.22.0",
+    "@opentinyvue/vue-date-table": "~2.22.0",
+    "@opentinyvue/vue-directive": "~2.22.0",
+    "@opentinyvue/vue-icon": "~2.22.0",
+    "@opentinyvue/vue-input": "~2.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-theme": "~3.22.0",
+    "@opentinyvue/vue-time": "~2.22.0"
   },
-  "license": "MIT",
   "types": "index.d.ts",
   "scripts": {
     "build": "pnpm -w build:ui $npm_package_name",