@opentinyvue/vue-date-range 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, $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 = "3.21.0";
+var version = "3.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';
@@ -131,6 +131,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     persisted: ""
   }, {
     default: withCtx(function() {
+      var _ctx$state$shortcuts;
       return [withDirectives(createElementVNode(
         "div",
         {
@@ -141,7 +142,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "sidebar", {
           dataTag: "tiny-picker-panel__sidebar",
           class: normalizeClass(_ctx.gcls("sidebar"))
-        }), _ctx.state.shortcuts ? (openBlock(), createElementBlock(
+        }), (_ctx$state$shortcuts = _ctx.state.shortcuts) != null && _ctx$state$shortcuts.length ? (openBlock(), createElementBlock(
           "div",
           {
             key: 0,

package/lib/pc.js

@@ -1,12 +1,12 @@
 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';
 import Button from '@opentinyvue/vue-button';
 import { iconDoubleRight, iconDoubleLeft, iconChevronLeft, iconChevronRight } from '@opentinyvue/vue-icon';
-import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode, createVNode, createTextVNode, vShow } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode, createVNode, withDirectives, createTextVNode } from 'vue';
 
 function _createForOfIteratorHelperLoose(r, e) {
   var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -55,8 +55,8 @@ var _sfc_main = 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,
@@ -149,11 +149,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "tiny-zoom-in-top",
     onAfterLeave: _cache[19] || (_cache[19] = function($event) {
       return _ctx.$emit("dodestroy");
-    }),
-    persisted: ""
+    })
   }, {
     default: withCtx(function() {
-      return [withDirectives(createElementVNode(
+      var _ctx$state$shortcuts;
+      return [createElementVNode(
         "div",
         {
           class: normalizeClass(["tiny-picker-panel tiny-date-range-picker tiny-popper", [{
@@ -164,7 +164,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         },
         [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "sidebar", {
           class: "tiny-picker-panel__sidebar"
-        }), _ctx.state.shortcuts ? (openBlock(), createElementBlock(
+        }), (_ctx$state$shortcuts = _ctx.state.shortcuts) != null && _ctx$state$shortcuts.length ? (openBlock(), createElementBlock(
           "div",
           _hoisted_2,
           [(openBlock(true), createElementBlock(
@@ -195,20 +195,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           placeholder: _ctx.t("ui.datepicker.startDate"),
           class: "tiny-date-range-picker__editor",
           modelValue: _ctx.state.minVisibleDate,
+          readonly: _ctx.readonly,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = function(val) {
             return _ctx.handleDateInput(val, "min");
           }),
           onChange: _cache[1] || (_cache[1] = function(val) {
             return _ctx.handleDateChange(val, "min");
           })
-        }, null, 8, ["disabled", "placeholder", "modelValue"])]), withDirectives((openBlock(), createElementBlock("span", _hoisted_8, [createVNode(_component_tiny_input, {
+        }, null, 8, ["disabled", "placeholder", "modelValue", "readonly"])]), withDirectives((openBlock(), createElementBlock("span", _hoisted_8, [createVNode(_component_tiny_input, {
           size: "small",
           class: "tiny-date-range-picker__editor",
           disabled: _ctx.state.rangeState.selecting,
           placeholder: _ctx.t("ui.datepicker.startTime"),
           modelValue: _ctx.state.minVisibleTime,
           onFocus: _cache[2] || (_cache[2] = function($event) {
-            return _ctx.state.minTimePickerVisible = true;
+            return !_ctx.readonly && (_ctx.state.minTimePickerVisible = true);
           }),
           "onUpdate:modelValue": _cache[3] || (_cache[3] = function(val) {
             return _ctx.handleTimeInput(val, "min");
@@ -216,7 +217,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onChange: _cache[4] || (_cache[4] = function(val) {
             return _ctx.handleTimeChange(val, "min");
           }),
-          readonly: !_ctx.timeEditable
+          readonly: !_ctx.timeEditable || _ctx.readonly
         }, null, 8, ["disabled", "placeholder", "modelValue", "readonly"]), createVNode(_component_time_picker, {
           ref: "minTimePicker",
           step: _ctx.step,
@@ -230,7 +231,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: _ctx.state.rangeState.selecting,
           placeholder: _ctx.t("ui.datepicker.endDate"),
           modelValue: _ctx.state.maxVisibleDate,
-          readonly: !_ctx.state.minDate,
+          readonly: _ctx.readonly || !_ctx.state.minDate,
           "onUpdate:modelValue": _cache[5] || (_cache[5] = function(val) {
             return _ctx.handleDateInput(val, "max");
           }),
@@ -243,9 +244,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: _ctx.state.rangeState.selecting,
           placeholder: _ctx.t("ui.datepicker.endTime"),
           modelValue: _ctx.state.maxVisibleTime,
-          readonly: !_ctx.state.minDate || !_ctx.timeEditable,
+          readonly: _ctx.readonly || !_ctx.state.minDate || !_ctx.timeEditable,
           onFocus: _cache[7] || (_cache[7] = function($event) {
-            return _ctx.state.minDate && (_ctx.state.maxTimePickerVisible = true);
+            return _ctx.state.minDate && !_ctx.readonly && (_ctx.state.maxTimePickerVisible = true);
           }),
           "onUpdate:modelValue": _cache[8] || (_cache[8] = function(val) {
             return _ctx.handleTimeInput(val, "max");
@@ -311,8 +312,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "first-day-of-week": _ctx.state.firstDayOfWeek,
           "show-week-number": _ctx.showWeekNumber,
           "format-weeks": _ctx.formatWeeks,
-          onPick: _ctx.handleRangePick
-        }, null, 8, ["date", "default-value", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "first-day-of-week", "show-week-number", "format-weeks", "onPick"])])]), createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [_ctx.state.unlinkPanels ? (openBlock(), createElementBlock("button", {
+          onPick: _ctx.handleRangePick,
+          readonly: _ctx.readonly
+        }, null, 8, ["date", "default-value", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "first-day-of-week", "show-week-number", "format-weeks", "onPick", "readonly"])])]), createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [_ctx.state.unlinkPanels ? (openBlock(), createElementBlock("button", {
           key: 0,
           type: "button",
           onClick: _cache[14] || (_cache[14] = function() {
@@ -363,8 +365,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "first-day-of-week": _ctx.state.firstDayOfWeek,
           "show-week-number": _ctx.showWeekNumber,
           "format-weeks": _ctx.formatWeeks,
-          onPick: _ctx.handleRangePick
-        }, null, 8, ["date", "default-value", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "first-day-of-week", "show-week-number", "format-weeks", "onPick"])])])])]), _ctx.state.showTime ? (openBlock(), createElementBlock("div", _hoisted_23, [createVNode(_component_tiny_button, {
+          onPick: _ctx.handleRangePick,
+          readonly: _ctx.readonly
+        }, null, 8, ["date", "default-value", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "first-day-of-week", "show-week-number", "format-weeks", "onPick", "readonly"])])])])]), _ctx.state.showTime && !_ctx.readonly ? (openBlock(), createElementBlock("div", _hoisted_23, [createVNode(_component_tiny_button, {
           type: "text",
           class: "tiny-picker-panel__link-btn",
           onClick: _ctx.handleClear
@@ -399,7 +402,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["plain", "type", "disabled"])])) : createCommentVNode("v-if", true)],
         2
         /* CLASS */
-      ), [[vShow, _ctx.state.visible]])];
+      )];
     }),
     _: 3
     /* FORWARDED */

package/package.json

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

package/src/index.d.ts

@@ -24,6 +24,38 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shortcuts: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    disabledDate: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    unlinkPanels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
@@ -58,6 +90,38 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shortcuts: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    disabledDate: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    unlinkPanels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
@@ -65,10 +129,18 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
+    format: string;
+    type: string;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
+    modelValue: unknown[];
+    popperClass: string;
+    readonly: boolean;
     timeEditable: boolean;
+    unlinkPanels: boolean;
     step: Record<string, any>;
     showWeekNumber: boolean;
+    disabledDate: Function;
+    shortcuts: unknown[];
 }, {}>;
 export default _default;

package/src/pc.vue.d.ts

@@ -1,4 +1,6 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
+    format?: any;
+    type?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -6,11 +8,17 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    modelValue?: any;
+    popperClass?: any;
+    readonly?: any;
     timeEditable?: any;
+    unlinkPanels?: any;
     step?: any;
     showWeekNumber?: any;
     formatWeeks?: any;
+    disabledDate?: any;
     emitter?: any;
+    shortcuts?: any;
 }>, {
     t: (this: any, path: any, options?: any) => any;
     vm: any;
@@ -20,7 +28,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     dp: (props: any) => void;
     gcls: (key: any) => any;
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("pick" | "dodestroy")[], "pick" | "dodestroy", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "select-change" | "pick" | "dodestroy")[], "update:modelValue" | "select-change" | "pick" | "dodestroy", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    format?: any;
+    type?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -28,15 +38,25 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    modelValue?: any;
+    popperClass?: any;
+    readonly?: any;
     timeEditable?: any;
+    unlinkPanels?: any;
     step?: any;
     showWeekNumber?: any;
     formatWeeks?: any;
+    disabledDate?: any;
     emitter?: any;
+    shortcuts?: any;
 }>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onPick?: ((...args: any[]) => any) | undefined;
+    "onSelect-change"?: ((...args: any[]) => any) | undefined;
     onDodestroy?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly format?: any;
+    readonly type?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -44,10 +64,16 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly _constants?: any;
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
+    readonly modelValue?: any;
+    readonly popperClass?: any;
+    readonly readonly?: any;
     readonly timeEditable?: any;
+    readonly unlinkPanels?: any;
     readonly step?: any;
     readonly showWeekNumber?: any;
     readonly formatWeeks?: any;
+    readonly disabledDate?: any;
     readonly emitter?: any;
+    readonly shortcuts?: any;
 }, {}>;
 export default _default;