Socket
Socket
Sign inDemoInstall

@opentiny/vue-picker

Package Overview
Dependencies
Maintainers
1
Versions
59
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-picker - npm Package Compare versions

Comparing version 3.14.0 to 3.15.0

776

lib/index.js

@@ -1,19 +0,22 @@

function _extends() {
_extends = Object.assign ? Object.assign.bind() : function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
import { $prefix, $props, $setup } from "@opentiny/vue-common";
import PcTemplate from "./pc.js";
import MobileFirstTemplate from "./mobile-first.js";
import { iconClose } from "@opentiny/vue-icon";
import { defineComponent, directive, setup, $prefix, $props, $setup } from '@opentiny/vue-common';
import { renderless, api } from '@opentiny/vue-renderless/picker/vue';
import Input from '@opentiny/vue-input';
import Clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
import DatePanel from '@opentiny/vue-date-panel';
import DateRange from '@opentiny/vue-date-range';
import MonthRange from '@opentiny/vue-month-range';
import YearRange from '@opentiny/vue-year-range';
import TimePicker from '@opentiny/vue-time';
import TimeRange from '@opentiny/vue-time-range';
import QuarterPanel from '@opentiny/vue-quarter-panel';
import TimePanel from '@opentiny/vue-time-panel';
import Tooltip from '@opentiny/vue-tooltip';
import FilterBox from '@opentiny/vue-filter-box';
import { iconClose, iconCalendar, iconTime, IconCalendar, IconTime, IconClose } from '@opentiny/vue-icon';
import '@opentiny/vue-theme/picker/index.css';
import { resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createBlock, mergeProps, createSlots, withCtx, createElementVNode, createVNode, Transition, resolveDynamicComponent, createCommentVNode, toDisplayString, normalizeClass, renderSlot, Fragment } from 'vue';
import DatePickerMobileFirst from '@opentiny/vue-date-picker-mobile-first';
import TimePickerMobile from '@opentiny/vue-time-picker-mobile';
import '@opentiny/vue-theme/input/index.css';
var pickerProps = {

@@ -153,5 +156,719 @@ type: {

import "@opentiny/vue-theme/picker/index.css";
import "@opentiny/vue-theme/input/index.css";
import "@opentiny/vue-icon";
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (it)
return (it = it.call(o)).next.bind(it);
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it)
o = it;
var i = 0;
return function() {
if (i >= o.length)
return { done: true };
return { done: false, value: o[i++] };
};
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _unsupportedIterableToArray(o, minLen) {
if (!o)
return;
if (typeof o === "string")
return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor)
n = o.constructor.name;
if (n === "Map" || n === "Set")
return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
return _arrayLikeToArray(o, minLen);
}
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length)
len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++)
arr2[i] = arr[i];
return arr2;
}
var _export_sfc = function _export_sfc2(sfc, props) {
var target = sfc.__vccOpts || sfc;
for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
target[key] = val;
}
return target;
};
var _sfc_main$1 = defineComponent({
components: {
TinyInput: Input,
TinyFilterBox: FilterBox,
TinyTooltip: Tooltip,
IconCalendar: iconCalendar(),
IconTime: iconTime()
},
emits: ["created", "select-change", "update:modelValue", "blur", "focus", "change"],
props: pickerProps,
directives: directive({
Clickoutside
}),
setup: function setup$1(props, context) {
return setup({
props,
context,
renderless,
api,
extendOptions: {
DatePanel,
DateRangePanel: DateRange,
MonthRangePanel: MonthRange,
YearRangePanel: YearRange,
TimePanel: TimePicker,
TimeRangePanel: TimeRange,
QuarterPanel,
TimeSelect: TimePanel
}
});
}
});
var _hoisted_1$1 = {
ref: "reference",
class: "tiny-date-container"
};
var _hoisted_2$1 = {
class: "tiny-input__icon-container"
};
var _hoisted_3$1 = ["placeholder", "value", "disabled", "readonly", "name"];
var _hoisted_4 = {
key: 0,
class: "tiny-range-separator"
};
var _hoisted_5 = ["placeholder", "value", "disabled", "readonly", "name"];
var _hoisted_6 = {
key: 1,
class: "tiny-input__icon tiny-range__icon tiny-input__suffix"
};
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
var _component_tiny_filter_box = resolveComponent("tiny-filter-box");
var _component_tiny_tooltip = resolveComponent("tiny-tooltip");
var _component_tiny_input = resolveComponent("tiny-input");
var _directive_clickoutside = resolveDirective("clickoutside");
return openBlock(), createElementBlock(
"div",
_hoisted_1$1,
[_ctx.shape === "filter" ? withDirectives((openBlock(), createBlock(_component_tiny_filter_box, {
key: 0,
onClick: _ctx.handleFocus,
"show-close": _ctx.clearable,
placeholder: _ctx.placeholder,
disabled: _ctx.state.pickerDisabled,
label: _ctx.label,
tip: _ctx.tip,
value: _ctx.state.displayValue.toString(),
"drop-down-visible": _ctx.state.pickerVisible,
blank: _ctx.blank
}, null, 8, ["onClick", "show-close", "placeholder", "disabled", "label", "tip", "value", "drop-down-visible", "blank"])), [[_directive_clickoutside, _ctx.handleClose]]) : !_ctx.state.ranged ? withDirectives((openBlock(), createBlock(_component_tiny_input, mergeProps({
key: 1,
tabindex: _ctx.tabindex,
class: ["tiny-date-editor", "tiny-date-editor--" + _ctx.state.type],
readonly: !_ctx.editable || _ctx.readonly || _ctx.state.type === "dates" || _ctx.state.type === "week",
disabled: _ctx.state.pickerDisabled,
size: _ctx.state.pickerSize,
name: _ctx.name
}, _ctx.state.firstInputId, {
placeholder: _ctx.placeholder,
onFocus: _ctx.handleFocus,
onKeydown: _ctx.handleKeydown,
"model-value": _ctx.state.displayValue,
title: _ctx.state.type === "date" ? "" : _ctx.state.displayValue,
"display-only": _ctx.state.isDisplayOnly,
"display-only-content": _ctx.state.displayValue,
onInput: _ctx.handleInput,
onChange: _ctx.handleChange,
onMouseenter: _ctx.handleMouseEnter,
onMouseleave: _cache[2] || (_cache[2] = function($event) {
return _ctx.state.showClose = false;
}),
"validate-event": false
}), createSlots({
suffix: withCtx(function() {
return [createElementVNode("i", _hoisted_2$1, [createVNode(Transition, {
name: "tiny-transition-icon-scale-in"
}, {
default: withCtx(function() {
return [_ctx.state.haveTrigger ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.showClose ? _ctx.clearIcon : null), {
key: 0,
onClick: _ctx.handleClickIcon,
onMouseenter: _cache[0] || (_cache[0] = function($event) {
return _ctx.state.showClose = true;
}),
onMouseleave: _cache[1] || (_cache[1] = function($event) {
return _ctx.state.showClose = false;
}),
class: "baseClearicon"
}, null, 40, ["onClick"])) : createCommentVNode("v-if", true)];
}),
_: 1
/* STABLE */
}), (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.triggerClass), {
onClick: _ctx.handleFocus,
class: "tiny-svg-size"
}, null, 8, ["onClick"]))])];
}),
_: 2
/* DYNAMIC */
}, [_ctx.label ? {
name: "prefix",
fn: withCtx(function() {
return [createVNode(_component_tiny_tooltip, {
effect: "light",
content: _ctx.state.labelTooltip,
placement: "top",
onMouseenter: _ctx.handleEnterPickerlabel
}, {
default: withCtx(function() {
return [createElementVNode(
"span",
{
class: "tiny-input__label",
ref: "label"
},
toDisplayString(_ctx.label),
513
/* TEXT, NEED_PATCH */
)];
}),
_: 1
/* STABLE */
}, 8, ["content", "onMouseenter"])];
}),
key: "0"
} : void 0]), 1040, ["tabindex", "class", "readonly", "disabled", "size", "name", "placeholder", "onFocus", "onKeydown", "model-value", "title", "display-only", "display-only-content", "onInput", "onChange", "onMouseenter"])), [[_directive_clickoutside, _ctx.handleClose]]) : withDirectives((openBlock(), createElementBlock(
"div",
{
key: 2,
class: normalizeClass(["tiny-date-editor tiny-range-editor tiny-input tiny-input__inner", ["tiny-date-editor--" + _ctx.state.type, _ctx.state.pickerSize ? "tiny-range-editor--" + _ctx.state.pickerSize : "", _ctx.state.pickerDisabled ? "is-disabled" : "", _ctx.state.pickerVisible ? "is-active" : "", _ctx.state.isDisplayOnly ? "is-display-only" : ""]]),
onClick: _cache[10] || (_cache[10] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onMouseenter: _cache[11] || (_cache[11] = function() {
return _ctx.handleMouseEnter && _ctx.handleMouseEnter.apply(_ctx, arguments);
}),
onMouseleave: _cache[12] || (_cache[12] = function($event) {
return _ctx.state.showClose = false;
}),
onKeydown: _cache[13] || (_cache[13] = function() {
return _ctx.handleKeydown && _ctx.handleKeydown.apply(_ctx, arguments);
})
},
[createVNode(_component_tiny_tooltip, {
effect: "light",
content: _ctx.state.labelTooltip,
placement: "top",
onMouseenter: _ctx.handleEnterPickerlabel
}, {
default: withCtx(function() {
return [_ctx.label ? (openBlock(), createElementBlock(
"span",
{
key: 0,
class: "tiny-input__label",
ref: "label"
},
toDisplayString(_ctx.label),
513
/* TEXT, NEED_PATCH */
)) : createCommentVNode("v-if", true)];
}),
_: 1
/* STABLE */
}, 8, ["content", "onMouseenter"]), createElementVNode("input", mergeProps({
autocomplete: "off",
placeholder: _ctx.startPlaceholder,
value: _ctx.state.displayValue && _ctx.state.displayValue[0],
disabled: _ctx.state.pickerDisabled
}, _ctx.state.firstInputId, {
readonly: !_ctx.editable || _ctx.readonly,
name: _ctx.name && _ctx.name[0],
onInput: _cache[3] || (_cache[3] = function() {
return _ctx.handleStartInput && _ctx.handleStartInput.apply(_ctx, arguments);
}),
onChange: _cache[4] || (_cache[4] = function() {
return _ctx.handleStartChange && _ctx.handleStartChange.apply(_ctx, arguments);
}),
onFocus: _cache[5] || (_cache[5] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
class: "tiny-range-input"
}), null, 16, _hoisted_3$1), renderSlot(_ctx.$slots, "range-separator", {}, function() {
return [typeof _ctx.rangeSeparator === "string" ? (openBlock(), createElementBlock(
"span",
_hoisted_4,
toDisplayString(_ctx.rangeSeparator),
1
/* TEXT */
)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.rangeSeparator), {
key: 1
}))];
}), createElementVNode("input", mergeProps({
autocomplete: "off",
placeholder: _ctx.endPlaceholder,
value: _ctx.state.displayValue && _ctx.state.displayValue[1],
disabled: _ctx.state.pickerDisabled
}, _ctx.state.secondInputId, {
readonly: !_ctx.editable || _ctx.readonly,
name: _ctx.name && _ctx.name[1],
onInput: _cache[6] || (_cache[6] = function() {
return _ctx.handleEndInput && _ctx.handleEndInput.apply(_ctx, arguments);
}),
onChange: _cache[7] || (_cache[7] = function() {
return _ctx.handleEndChange && _ctx.handleEndChange.apply(_ctx, arguments);
}),
onFocus: _cache[8] || (_cache[8] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
class: "tiny-range-input"
}), null, 16, _hoisted_5), _ctx.state.haveTrigger ? (openBlock(), createElementBlock("i", {
key: 0,
onClick: _cache[9] || (_cache[9] = function() {
return _ctx.handleClickIcon && _ctx.handleClickIcon.apply(_ctx, arguments);
}),
class: "tiny-input__icon tiny-range__close-icon"
}, [createVNode(Transition, {
name: "tiny-transition-icon-scale-in"
}, {
default: withCtx(function() {
return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.state.showClose ? _ctx.clearIcon : null)))];
}),
_: 1
/* STABLE */
})])) : createCommentVNode("v-if", true), !_ctx.state.isDisplayOnly ? (openBlock(), createElementBlock("i", _hoisted_6, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.state.triggerClass)))])) : createCommentVNode("v-if", true), _ctx.state.isDisplayOnly ? (openBlock(), createBlock(_component_tiny_tooltip, {
key: 2,
class: "tiny-range-editor-display-only",
content: _ctx.state.displayOnlyTooltip,
effect: "light",
placement: "top",
onMouseenter: _ctx.handleEnterDisplayOnlyContent
}, {
default: withCtx(function() {
return [createElementVNode(
"span",
null,
toDisplayString(_ctx.state.displayValue && _ctx.state.displayValue.join(" " + _ctx.t("ui.datepicker.to") + " ")),
1
/* TEXT */
)];
}),
_: 1
/* STABLE */
}, 8, ["content", "onMouseenter"])) : createCommentVNode("v-if", true)],
34
/* CLASS, NEED_HYDRATION */
)), [[_directive_clickoutside, _ctx.handleClose]]), (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.panel), {
step: _ctx.step,
"show-week-number": _ctx.showWeekNumber,
"time-editable": _ctx.timeEditable,
"format-weeks": _ctx.formatWeeks,
ref: "picker",
visible: _ctx.state.pickerVisible,
onPick: _ctx.handlePick,
onSelectRange: _ctx.handleSelectRange,
onSelectChange: _ctx.handleSelectChange
}, null, 40, ["step", "show-week-number", "time-editable", "format-weeks", "visible", "onPick", "onSelectRange", "onSelectChange"]))],
512
/* NEED_PATCH */
);
}
var pc = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
var classes = {
"input-label": "text-color-text-placeholder text-xs mr-2 inline-block text-left max-w-[100px] truncate",
"range-editor": "bg-color-bg-1 relative inline-flex items-center py-1 sm:px-3 border-0 sm:border border-color-border hover:border-color-border-hover rounded mt-0.5",
"range-input": "appearance-none border-none outline-0 p-0 w-[35%] text-color-text-primary focus:border-color-brand-focus disabled:border-color-border placeholder:text-color-text-placeholder disabled:cursor-not-allowed text-sm sm:placeholder:text-xs sm:text-xs h-full m-0 truncate disabled:text-color-icon-placeholder disabled:bg-transparent sm:disabled:bg-color-border-disabled",
"datetimerange": "w-full sm:w-96 sm:max-w-full",
"range-separator": "px-1 leading-5 w-[12%] text-color-text-primary text-xs h-full m-0",
"close-icon": "absolute right-1.5 text-base w-6 float-right leading-8 mr-5 flex justify-center items-center cursor-pointer",
"suffix": "absolute top-1/2 -translate-y-2/4 transition-all duration-300 text-center text-color-text-secondary flex items-center right-2 pointer-events-none z-[1]",
"is-disabled": "sm:bg-color-border-disabled border-color-border text-color-text-disabled cursor-not-allowed focus:border-color-border hover:border-color-border",
"is-active": "border-color-border-focus",
"is-display-only": "leading-7 relative inline border-0 sm:border-0 text-color-text-primary bg-transparent hover:bg-transparent px-0 py-0"
};
var _sfc_main = defineComponent({
components: {
TinyInput: Input,
TinyFilterBox: FilterBox,
TinyDatePickerMobile: DatePickerMobileFirst,
TinyTimePickerMobile: TimePickerMobile,
IconCalendar: IconCalendar(),
IconTime: IconTime(),
IconClose: IconClose(),
TinyTooltip: Tooltip
},
emits: ["created", "select-change", "update:modelValue", "blur", "focus", "change"],
props: pickerProps,
directives: directive({
Clickoutside
}),
setup: function setup$1(props, context) {
return setup({
props,
context,
renderless,
api,
classes,
extendOptions: {
DatePanel,
DateRangePanel: DateRange,
MonthRangePanel: MonthRange,
YearRangePanel: YearRange,
TimePanel: TimePicker,
TimeRangePanel: TimeRange,
TimeSelect: TimePanel
}
});
}
});
var _hoisted_1 = {
"data-tag": "icon",
class: "flex items-center cursor-pointer"
};
var _hoisted_2 = ["placeholder", "value", "title", "disabled", "readonly", "name"];
var _hoisted_3 = ["placeholder", "value", "title", "disabled", "readonly", "name"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_tiny_filter_box = resolveComponent("tiny-filter-box");
var _component_tiny_tooltip = resolveComponent("tiny-tooltip");
var _component_tiny_input = resolveComponent("tiny-input");
var _component_tiny_date_picker_mobile = resolveComponent("tiny-date-picker-mobile");
var _component_tiny_time_picker_mobile = resolveComponent("tiny-time-picker-mobile");
var _directive_clickoutside = resolveDirective("clickoutside");
return openBlock(), createElementBlock(
"div",
{
ref: "reference",
"data-tag": "tiny-date-container",
class: normalizeClass(_ctx.state.isDisplayOnly ? "inline" : "")
},
[_ctx.shape === "filter" ? withDirectives((openBlock(), createBlock(_component_tiny_filter_box, {
key: 0,
onClick: _ctx.handleFocus,
"show-close": _ctx.clearable,
placeholder: _ctx.placeholder,
disabled: _ctx.state.pickerDisabled,
label: _ctx.label,
tip: _ctx.tip,
value: _ctx.state.displayValue.toString(),
"drop-down-visible": _ctx.state.pickerVisible,
blank: _ctx.blank
}, null, 8, ["onClick", "show-close", "placeholder", "disabled", "label", "tip", "value", "drop-down-visible", "blank"])), [[_directive_clickoutside, _ctx.handleClose]]) : !_ctx.state.ranged ? withDirectives((openBlock(), createBlock(_component_tiny_input, mergeProps({
key: 1,
tabindex: _ctx.tabindex,
"data-tag": "tiny-date-editor",
readonly: _ctx.state.isMobileScreen || !_ctx.editable || _ctx.readonly || _ctx.state.type === "dates" || _ctx.state.type === "week",
disabled: _ctx.state.pickerDisabled,
size: _ctx.state.pickerSize,
name: _ctx.name
}, _ctx.state.firstInputId, {
placeholder: _ctx.placeholder,
onFocus: _ctx.handleFocus,
onKeydown: _ctx.handleKeydown,
"model-value": _ctx.state.displayValue,
title: _ctx.state.type === "date" ? "" : _ctx.state.displayValue,
"display-only": _ctx.state.isDisplayOnly,
"display-only-content": _ctx.state.displayValue,
onInput: _ctx.handleInput,
onChange: _ctx.handleChange,
onMouseenter: _ctx.handleMouseEnter,
onMouseleave: _cache[2] || (_cache[2] = function($event) {
return _ctx.state.showClose = false;
}),
"validate-event": false,
"custom-class": "sm:border " + _ctx.gcls(_ctx.state.type)
}), createSlots({
suffix: withCtx(function() {
return [createElementVNode("i", _hoisted_1, [!_ctx.state.isMobileScreen ? (openBlock(), createBlock(Transition, {
key: 0,
name: "tiny-transition-icon-scale-in"
}, {
default: withCtx(function() {
return [_ctx.state.haveTrigger ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.showClose ? _ctx.clearIcon : null), {
key: 0,
onClick: _ctx.handleClickIcon,
onMouseenter: _cache[0] || (_cache[0] = function($event) {
return _ctx.state.showClose = true;
}),
onMouseleave: _cache[1] || (_cache[1] = function($event) {
return _ctx.state.showClose = false;
}),
class: "fill-color-text-placeholder hover:fill-color-text-primary"
}, null, 40, ["onClick"])) : createCommentVNode("v-if", true)];
}),
_: 1
/* STABLE */
})) : createCommentVNode("v-if", true), (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.triggerClass), {
onClick: _ctx.handleFocus,
"custom-class": "h-5 w-5 sm:h-4 sm:w-4",
class: normalizeClass(!_ctx.state.isDisplayOnly && _ctx.state.pickerDisabled ? "fill-color-icon-placeholder sm:fill-color-icon-secondary" : "fill-color-icon-secondary sm:fill-color-text-placeholder")
}, null, 8, ["onClick", "class"]))])];
}),
_: 2
/* DYNAMIC */
}, [_ctx.label ? {
name: "prefix",
fn: withCtx(function() {
return [createVNode(_component_tiny_tooltip, {
effect: "light",
content: _ctx.state.labelTooltip,
placement: "top",
onMouseenter: _ctx.handleEnterPickerlabel
}, {
default: withCtx(function() {
return [createElementVNode(
"span",
{
"data-tag": "tiny-input__label",
class: normalizeClass(_ctx.gcls("input-label")),
ref: "label"
},
toDisplayString(_ctx.label),
3
/* TEXT, CLASS */
)];
}),
_: 1
/* STABLE */
}, 8, ["content", "onMouseenter"])];
}),
key: "0"
} : void 0]), 1040, ["tabindex", "readonly", "disabled", "size", "name", "placeholder", "onFocus", "onKeydown", "model-value", "title", "display-only", "display-only-content", "onInput", "onChange", "onMouseenter", "custom-class"])), [[_directive_clickoutside, _ctx.handleClose]]) : withDirectives((openBlock(), createElementBlock(
"div",
{
key: 2,
"data-tag": "tiny-date-editor tiny-range-editor tiny-input tiny-input__inner",
class: normalizeClass(_ctx.m(_ctx.gcls("range-editor"), _ctx.gcls(_ctx.state.type), _ctx.state.pickerVisible && _ctx.gcls("is-active"), !_ctx.state.isDisplayOnly && _ctx.state.pickerDisabled && _ctx.gcls("is-disabled"), _ctx.state.isDisplayOnly && _ctx.gcls("is-display-only"))),
onClick: _cache[10] || (_cache[10] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onMouseenter: _cache[11] || (_cache[11] = function() {
return _ctx.handleMouseEnter && _ctx.handleMouseEnter.apply(_ctx, arguments);
}),
onMouseleave: _cache[12] || (_cache[12] = function($event) {
return _ctx.state.showClose = false;
}),
onKeydown: _cache[13] || (_cache[13] = function() {
return _ctx.handleKeydown && _ctx.handleKeydown.apply(_ctx, arguments);
})
},
[createVNode(_component_tiny_tooltip, {
effect: "light",
content: _ctx.state.labelTooltip,
placement: "top",
onMouseenter: _ctx.handleEnterPickerlabel
}, {
default: withCtx(function() {
return [_ctx.label ? (openBlock(), createElementBlock(
"span",
{
key: 0,
"data-tag": "tiny-input__label",
ref: "label"
},
toDisplayString(_ctx.label),
513
/* TEXT, NEED_PATCH */
)) : createCommentVNode("v-if", true)];
}),
_: 1
/* STABLE */
}, 8, ["content", "onMouseenter"]), !_ctx.state.isDisplayOnly ? (openBlock(), createElementBlock(
Fragment,
{
key: 0
},
[createElementVNode("input", mergeProps({
autocomplete: "off",
placeholder: _ctx.startPlaceholder,
value: _ctx.state.displayValue && _ctx.state.displayValue[0],
title: _ctx.state.displayValue && _ctx.state.displayValue[0],
disabled: _ctx.state.pickerDisabled
}, _ctx.state.firstInputId, {
readonly: _ctx.state.isMobileScreen || !_ctx.editable || _ctx.readonly,
name: _ctx.name && _ctx.name[0],
onInput: _cache[3] || (_cache[3] = function() {
return _ctx.handleStartInput && _ctx.handleStartInput.apply(_ctx, arguments);
}),
onChange: _cache[4] || (_cache[4] = function() {
return _ctx.handleStartChange && _ctx.handleStartChange.apply(_ctx, arguments);
}),
onFocus: _cache[5] || (_cache[5] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
"data-tag": "tiny-range-input",
class: _ctx.gcls("range-input")
}), null, 16, _hoisted_2), renderSlot(_ctx.$slots, "range-separator", {}, function() {
return [typeof _ctx.rangeSeparator === "string" ? (openBlock(), createElementBlock(
"span",
{
key: 0,
"data-tag": "tiny-range-separator",
class: normalizeClass(_ctx.m(_ctx.gcls("range-separator"), {
"text-center": _ctx.type === "datetimerange"
}, {
"text-color-icon-placeholder": !_ctx.state.isDisplayOnly && _ctx.state.pickerDisabled
}))
},
toDisplayString(_ctx.rangeSeparator),
3
/* TEXT, CLASS */
)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.rangeSeparator), {
key: 1
}))];
}), createElementVNode("input", mergeProps({
autocomplete: "off",
placeholder: _ctx.endPlaceholder,
value: _ctx.state.displayValue && _ctx.state.displayValue[1],
title: _ctx.state.displayValue && _ctx.state.displayValue[1],
disabled: _ctx.state.pickerDisabled
}, _ctx.state.secondInputId, {
readonly: _ctx.state.isMobileScreen || !_ctx.editable || _ctx.readonly,
name: _ctx.name && _ctx.name[1],
onInput: _cache[6] || (_cache[6] = function() {
return _ctx.handleEndInput && _ctx.handleEndInput.apply(_ctx, arguments);
}),
onChange: _cache[7] || (_cache[7] = function() {
return _ctx.handleEndChange && _ctx.handleEndChange.apply(_ctx, arguments);
}),
onFocus: _cache[8] || (_cache[8] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
"data-tag": "tiny-range-input",
class: _ctx.gcls("range-input")
}), null, 16, _hoisted_3), !_ctx.state.isMobileScreen && _ctx.state.haveTrigger ? (openBlock(), createElementBlock(
"i",
{
key: 0,
onClick: _cache[9] || (_cache[9] = function() {
return _ctx.handleClickIcon && _ctx.handleClickIcon.apply(_ctx, arguments);
}),
"data-tag": "tiny-input__icon tiny-range__close-icon",
class: normalizeClass(_ctx.gcls("close-icon"))
},
[createVNode(Transition, {
name: "tiny-transition-icon-scale-in"
}, {
default: withCtx(function() {
return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.state.showClose ? _ctx.clearIcon : null), {
"custom-class": "fill-color-text-placeholder"
}))];
}),
_: 1
/* STABLE */
})],
2
/* CLASS */
)) : createCommentVNode("v-if", true), !_ctx.state.isDisplayOnly ? (openBlock(), createElementBlock(
"i",
{
key: 1,
"data-tag": "tiny-input__icon tiny-range__icon tiny-input__suffix",
class: normalizeClass(_ctx.gcls("suffix"))
},
[(openBlock(), createBlock(resolveDynamicComponent(_ctx.state.triggerClass), {
"custom-class": "h-5 w-5 sm:h-4 sm:w-4",
class: normalizeClass(!_ctx.state.isDisplayOnly && _ctx.state.pickerDisabled ? "fill-color-icon-placeholder sm:fill-color-icon-secondary" : "fill-color-icon-secondary sm:fill-color-text-placeholder")
}, null, 8, ["class"]))],
2
/* CLASS */
)) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), _ctx.state.isDisplayOnly ? (openBlock(), createBlock(_component_tiny_tooltip, {
key: 1,
"data-tag": "tiny-range-editor-display-only",
content: _ctx.state.displayOnlyTooltip,
effect: "light",
placement: "top",
onMouseenter: _ctx.handleEnterDisplayOnlyContent
}, {
default: withCtx(function() {
return [createElementVNode(
"span",
null,
toDisplayString(_ctx.state.displayValue && _ctx.state.displayValue.join(" " + _ctx.t("ui.datepicker.to") + " ")),
1
/* TEXT */
)];
}),
_: 1
/* STABLE */
}, 8, ["content", "onMouseenter"])) : createCommentVNode("v-if", true)],
34
/* CLASS, NEED_HYDRATION */
)), [[_directive_clickoutside, _ctx.handleClose]]), !_ctx.state.isMobileScreen ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.panel), {
key: 3,
step: _ctx.step,
"show-week-number": _ctx.showWeekNumber,
"format-weeks": _ctx.formatWeeks,
ref: "picker",
visible: _ctx.state.pickerVisible,
class: "tiny-tw",
onPick: _ctx.handlePick,
onSelectRange: _ctx.handleSelectRange,
onSelectChange: _ctx.handleSelectChange
}, null, 40, ["step", "show-week-number", "format-weeks", "visible", "onPick", "onSelectRange", "onSelectChange"])) : createCommentVNode("v-if", true), _ctx.state.isMobileScreen && _ctx.state.isDateMobileComponent ? (openBlock(), createBlock(_component_tiny_date_picker_mobile, {
key: 4,
ref: "datePickerMobile",
modelValue: _ctx.state.dateMobileOption.value,
"onUpdate:modelValue": _cache[14] || (_cache[14] = function($event) {
return _ctx.state.dateMobileOption.value = $event;
}),
title: _ctx.title,
clearable: _ctx.clearable,
step: _ctx.step,
"show-time-second": _ctx.state.showSeconds,
"range-separator": _ctx.rangeSeparator,
"end-placeholder": _ctx.endPlaceholder,
"custom-class": "max-h-[80%]",
type: _ctx.state.dateMobileOption.type,
visible: _ctx.state.dateMobileOption.visible,
"picker-options": _ctx.pickerOptions,
onConfirm: _ctx.emitInput,
onClear: _ctx.emitInput,
"onUpdate:visible": _ctx.dateMobileToggle
}, null, 8, ["modelValue", "title", "clearable", "step", "show-time-second", "range-separator", "end-placeholder", "type", "visible", "picker-options", "onConfirm", "onClear", "onUpdate:visible"])) : createCommentVNode("v-if", true), _ctx.state.isMobileScreen && _ctx.state.isTimeMobileComponent ? (openBlock(), createBlock(_component_tiny_time_picker_mobile, {
key: 5,
ref: "datePickerMobile",
modelValue: _ctx.state.timeMobileOption.value,
"onUpdate:modelValue": _cache[15] || (_cache[15] = function($event) {
return _ctx.state.timeMobileOption.value = $event;
}),
title: _ctx.title,
clearable: _ctx.clearable,
step: _ctx.step,
"show-seconds": _ctx.state.showSeconds,
"custom-class": "max-h-[80%]",
type: _ctx.state.timeMobileOption.type,
visible: _ctx.state.timeMobileOption.visible,
onConfirm: _ctx.timeMobileConfirm,
"onUpdate:visible": _ctx.timeMobileToggle
}, null, 8, ["modelValue", "title", "clearable", "step", "show-seconds", "type", "visible", "onConfirm", "onUpdate:visible"])) : createCommentVNode("v-if", true)],
2
/* CLASS */
);
}
var mobileFirst = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
function _extends() {
_extends = Object.assign ? Object.assign.bind() : function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
var template = function template2(mode) {

@@ -161,10 +878,10 @@ var _process$env;

if ("pc" === (tinyMode || mode)) {
return PcTemplate;
return pc;
}
if ("mobile-first" === (tinyMode || mode)) {
return MobileFirstTemplate;
return mobileFirst;
}
return PcTemplate;
return pc;
};
var Picker = {
var Picker = defineComponent({
name: $prefix + "Picker",

@@ -180,4 +897,4 @@ componentName: "Picker",

}
};
var version = "3.14.0";
});
var version = "3.15.0";
Picker.model = {

@@ -191,4 +908,3 @@ prop: "modelValue",

Picker.version = version;
export {
Picker as default
};
export { Picker as default };

63

lib/mobile-first.js

@@ -1,18 +0,19 @@

import { renderless, api } from "@opentiny/vue-renderless/picker/vue";
import { directive, setup as _setup } from "@opentiny/vue-common";
import Input from "@opentiny/vue-input";
import Clickoutside from "@opentiny/vue-renderless/common/deps/clickoutside";
import DatePanel from "@opentiny/vue-date-panel";
import DateRange from "@opentiny/vue-date-range";
import MonthRange from "@opentiny/vue-month-range";
import YearRange from "@opentiny/vue-year-range";
import TimePicker from "@opentiny/vue-time";
import TimeRange from "@opentiny/vue-time-range";
import TimePanel from "@opentiny/vue-time-panel";
import { IconCalendar, IconTime, IconClose } from "@opentiny/vue-icon";
import Tooltip from "@opentiny/vue-tooltip";
import FilterBox from "@opentiny/vue-filter-box";
import DatePickerMobileFirst from "@opentiny/vue-date-picker-mobile-first";
import TimePickerMobile from "@opentiny/vue-time-picker-mobile";
import { iconClose } from "@opentiny/vue-icon";
import { renderless, api } from '@opentiny/vue-renderless/picker/vue';
import { defineComponent, directive, setup } from '@opentiny/vue-common';
import Input from '@opentiny/vue-input';
import Clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
import DatePanel from '@opentiny/vue-date-panel';
import DateRange from '@opentiny/vue-date-range';
import MonthRange from '@opentiny/vue-month-range';
import YearRange from '@opentiny/vue-year-range';
import TimePicker from '@opentiny/vue-time';
import TimeRange from '@opentiny/vue-time-range';
import TimePanel from '@opentiny/vue-time-panel';
import { iconClose, IconCalendar, IconTime, IconClose } from '@opentiny/vue-icon';
import Tooltip from '@opentiny/vue-tooltip';
import FilterBox from '@opentiny/vue-filter-box';
import DatePickerMobileFirst from '@opentiny/vue-date-picker-mobile-first';
import TimePickerMobile from '@opentiny/vue-time-picker-mobile';
import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, withDirectives, createBlock, mergeProps, createSlots, withCtx, createElementVNode, Transition, resolveDynamicComponent, createCommentVNode, createVNode, toDisplayString, Fragment, renderSlot } from 'vue';
var pickerProps = {

@@ -152,8 +153,7 @@ type: {

import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, withDirectives, createBlock, mergeProps, createSlots, withCtx, createElementVNode, Transition, resolveDynamicComponent, createCommentVNode, createVNode, toDisplayString, Fragment, renderSlot } from "vue";
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (it)
return (it = it.call(o)).next.bind(it);
if (Array.isArray(o) || (it = _unsupportedIterableToArray_tiny(o)) || allowArrayLike && o && typeof o.length === "number") {
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it)

@@ -170,7 +170,7 @@ o = it;

}
function _unsupportedIterableToArray_tiny(o, minLen) {
function _unsupportedIterableToArray(o, minLen) {
if (!o)
return;
if (typeof o === "string")
return _arrayLikeToArray_tiny(o, minLen);
return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);

@@ -182,5 +182,5 @@ if (n === "Object" && o.constructor)

if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
return _arrayLikeToArray_tiny(o, minLen);
return _arrayLikeToArray(o, minLen);
}
function _arrayLikeToArray_tiny(arr, len) {
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length)

@@ -194,3 +194,3 @@ len = arr.length;

var target = sfc.__vccOpts || sfc;
for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];

@@ -214,3 +214,3 @@ target[key] = val;

};
var _sfc_main = {
var _sfc_main = defineComponent({
components: {

@@ -231,4 +231,4 @@ TinyInput: Input,

}),
setup: function setup(props, context) {
return _setup({
setup: function setup$1(props, context) {
return setup({
props,

@@ -250,3 +250,3 @@ context,

}
};
});
var _hoisted_1 = {

@@ -580,4 +580,3 @@ "data-tag": "icon",

var mobileFirst = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
mobileFirst as default
};
export { mobileFirst as default };

@@ -1,16 +0,19 @@

import { renderless, api } from "@opentiny/vue-renderless/picker/vue";
import { defineComponent, directive, setup as _setup } from "@opentiny/vue-common";
import Input from "@opentiny/vue-input";
import Clickoutside from "@opentiny/vue-renderless/common/deps/clickoutside";
import DatePanel from "@opentiny/vue-date-panel";
import DateRange from "@opentiny/vue-date-range";
import MonthRange from "@opentiny/vue-month-range";
import YearRange from "@opentiny/vue-year-range";
import TimePicker from "@opentiny/vue-time";
import TimeRange from "@opentiny/vue-time-range";
import TimePanel from "@opentiny/vue-time-panel";
import Tooltip from "@opentiny/vue-tooltip";
import FilterBox from "@opentiny/vue-filter-box";
import { iconCalendar, iconTime } from "@opentiny/vue-icon";
import { iconClose } from "@opentiny/vue-icon";
import { renderless, api } from '@opentiny/vue-renderless/picker/vue';
import { defineComponent, directive, setup } from '@opentiny/vue-common';
import Input from '@opentiny/vue-input';
import Clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
import DatePanel from '@opentiny/vue-date-panel';
import DateRange from '@opentiny/vue-date-range';
import MonthRange from '@opentiny/vue-month-range';
import YearRange from '@opentiny/vue-year-range';
import TimePicker from '@opentiny/vue-time';
import TimeRange from '@opentiny/vue-time-range';
import QuarterPanel from '@opentiny/vue-quarter-panel';
import TimePanel from '@opentiny/vue-time-panel';
import Tooltip from '@opentiny/vue-tooltip';
import FilterBox from '@opentiny/vue-filter-box';
import { iconClose, iconCalendar, iconTime } from '@opentiny/vue-icon';
import '@opentiny/vue-theme/picker/index.css';
import { resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createBlock, mergeProps, createSlots, withCtx, createElementVNode, createVNode, Transition, resolveDynamicComponent, createCommentVNode, toDisplayString, normalizeClass, renderSlot } from 'vue';
var pickerProps = {

@@ -150,9 +153,7 @@ type: {

import "@opentiny/vue-theme/picker/index.css";
import { resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createBlock, mergeProps, createSlots, withCtx, createElementVNode, createVNode, Transition, resolveDynamicComponent, createCommentVNode, toDisplayString, normalizeClass, renderSlot } from "vue";
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (it)
return (it = it.call(o)).next.bind(it);
if (Array.isArray(o) || (it = _unsupportedIterableToArray_tiny(o)) || allowArrayLike && o && typeof o.length === "number") {
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it)

@@ -169,7 +170,7 @@ o = it;

}
function _unsupportedIterableToArray_tiny(o, minLen) {
function _unsupportedIterableToArray(o, minLen) {
if (!o)
return;
if (typeof o === "string")
return _arrayLikeToArray_tiny(o, minLen);
return _arrayLikeToArray(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);

@@ -181,5 +182,5 @@ if (n === "Object" && o.constructor)

if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
return _arrayLikeToArray_tiny(o, minLen);
return _arrayLikeToArray(o, minLen);
}
function _arrayLikeToArray_tiny(arr, len) {
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length)

@@ -193,3 +194,3 @@ len = arr.length;

var target = sfc.__vccOpts || sfc;
for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];

@@ -214,4 +215,4 @@ target[key] = val;

}),
setup: function setup(props, context) {
return _setup({
setup: function setup$1(props, context) {
return setup({
props,

@@ -228,2 +229,3 @@ context,

TimeRangePanel: TimeRange,
QuarterPanel,
TimeSelect: TimePanel

@@ -483,4 +485,3 @@ }

var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
pc as default
};
export { pc as default };
{
"name": "@opentiny/vue-picker",
"version": "3.14.0",
"version": "3.15.0",
"description": "",

@@ -10,19 +10,19 @@ "main": "./lib/index.js",

"dependencies": {
"@opentiny/vue-common": "~3.14.0",
"@opentiny/vue-renderless": "~3.14.0",
"@opentiny/vue-input": "~3.14.0",
"@opentiny/vue-locale": "~3.14.0",
"@opentiny/vue-date-panel": "~3.14.0",
"@opentiny/vue-date-range": "~3.14.0",
"@opentiny/vue-month-range": "~3.14.0",
"@opentiny/vue-time": "~3.14.0",
"@opentiny/vue-time-range": "~3.14.0",
"@opentiny/vue-time-panel": "~3.14.0",
"@opentiny/vue-year-range": "~3.14.0",
"@opentiny/vue-tooltip": "~3.14.0",
"@opentiny/vue-filter-box": "~3.14.0",
"@opentiny/vue-date-picker-mobile-first": "~3.14.0",
"@opentiny/vue-time-picker-mobile": "~3.14.0",
"@opentiny/vue-icon": "~3.14.0",
"@opentiny/vue-theme": "~3.14.0"
"@opentiny/vue-common": "~3.15.0",
"@opentiny/vue-renderless": "~3.15.0",
"@opentiny/vue-input": "~3.15.0",
"@opentiny/vue-date-panel": "~3.15.0",
"@opentiny/vue-date-range": "~3.15.0",
"@opentiny/vue-month-range": "~3.15.0",
"@opentiny/vue-quarter-panel": "~3.15.0",
"@opentiny/vue-time": "~3.15.0",
"@opentiny/vue-time-range": "~3.15.0",
"@opentiny/vue-time-panel": "~3.15.0",
"@opentiny/vue-year-range": "~3.15.0",
"@opentiny/vue-tooltip": "~3.15.0",
"@opentiny/vue-filter-box": "~3.15.0",
"@opentiny/vue-date-picker-mobile-first": "~3.15.0",
"@opentiny/vue-time-picker-mobile": "~3.15.0",
"@opentiny/vue-icon": "~3.15.0",
"@opentiny/vue-theme": "~3.15.0"
},

@@ -29,0 +29,0 @@ "license": "MIT",

@@ -1,137 +0,290 @@

declare const _default: {
name: string;
componentName: string;
props: {
type: {
type: StringConstructor;
default: string;
declare const _default: import("@vue/runtime-core").DefineComponent<{
type: {
type: StringConstructor;
default: string;
};
tabindex: {
type: StringConstructor;
default: string;
};
timeArrowControl: BooleanConstructor;
timeEditable: {
type: BooleanConstructor;
default: boolean;
};
size: StringConstructor;
format: StringConstructor;
valueFormat: StringConstructor;
timeFormat: StringConstructor;
readonly: BooleanConstructor;
placeholder: StringConstructor;
startPlaceholder: StringConstructor;
endPlaceholder: StringConstructor;
prefixIcon: ObjectConstructor;
suffixIcon: ObjectConstructor;
label: StringConstructor;
shape: StringConstructor;
tip: StringConstructor;
clearIcon: {
type: ObjectConstructor;
default(): import("@vue/reactivity").Raw<import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}, {}>>;
};
name: {
default: string;
validator(value: any): boolean;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
changeOnConfirm: {
type: BooleanConstructor;
default: boolean;
};
disabled: BooleanConstructor;
id: {
default: string;
validator(value: any): boolean;
};
popperClass: StringConstructor;
popperAppendToBody: {
type: BooleanConstructor;
default: boolean;
};
align: {
type: StringConstructor;
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
modelValue: {};
defaultValue: {};
defaultTime: {};
rangeSeparator: {
type: (StringConstructor | ObjectConstructor)[];
default: string;
};
unlinkPanels: BooleanConstructor;
pickerOptions: {};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
isRange: BooleanConstructor;
arrowControl: BooleanConstructor;
timezoneData: {};
showTimezone: {
type: BooleanConstructor;
default: boolean;
};
defaultTimezone: StringConstructor;
isutc8: {
type: BooleanConstructor;
default: boolean;
};
dbTimezone: NumberConstructor;
timezone: NumberConstructor;
timezoneOffset: NumberConstructor;
iso8601: BooleanConstructor;
displayOnly: {
type: BooleanConstructor;
default: boolean;
};
step: {
type: ObjectConstructor;
default(): {
hour: number;
minute: number;
second: number;
};
tabindex: {
type: StringConstructor;
default: string;
};
showWeekNumber: {
type: BooleanConstructor;
default: boolean;
};
formatWeeks: FunctionConstructor;
autoFormat: {
type: BooleanConstructor;
default: boolean;
};
title: StringConstructor;
blank: {
type: BooleanConstructor;
default: boolean;
};
changeCompat: {
type: BooleanConstructor;
default: boolean;
};
tiny_mode: StringConstructor;
tiny_mode_root: BooleanConstructor;
tiny_template: (ObjectConstructor | FunctionConstructor)[];
tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_chart_theme: ObjectConstructor;
}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
};
tabindex: {
type: StringConstructor;
default: string;
};
timeArrowControl: BooleanConstructor;
timeEditable: {
type: BooleanConstructor;
default: boolean;
};
size: StringConstructor;
format: StringConstructor;
valueFormat: StringConstructor;
timeFormat: StringConstructor;
readonly: BooleanConstructor;
placeholder: StringConstructor;
startPlaceholder: StringConstructor;
endPlaceholder: StringConstructor;
prefixIcon: ObjectConstructor;
suffixIcon: ObjectConstructor;
label: StringConstructor;
shape: StringConstructor;
tip: StringConstructor;
clearIcon: {
type: ObjectConstructor;
default(): import("@vue/reactivity").Raw<import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}, {}>>;
};
name: {
default: string;
validator(value: any): boolean;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
changeOnConfirm: {
type: BooleanConstructor;
default: boolean;
};
disabled: BooleanConstructor;
id: {
default: string;
validator(value: any): boolean;
};
popperClass: StringConstructor;
popperAppendToBody: {
type: BooleanConstructor;
default: boolean;
};
align: {
type: StringConstructor;
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
modelValue: {};
defaultValue: {};
defaultTime: {};
rangeSeparator: {
type: (StringConstructor | ObjectConstructor)[];
default: string;
};
unlinkPanels: BooleanConstructor;
pickerOptions: {};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
isRange: BooleanConstructor;
arrowControl: BooleanConstructor;
timezoneData: {};
showTimezone: {
type: BooleanConstructor;
default: boolean;
};
defaultTimezone: StringConstructor;
isutc8: {
type: BooleanConstructor;
default: boolean;
};
dbTimezone: NumberConstructor;
timezone: NumberConstructor;
timezoneOffset: NumberConstructor;
iso8601: BooleanConstructor;
displayOnly: {
type: BooleanConstructor;
default: boolean;
};
step: {
type: ObjectConstructor;
default(): {
hour: number;
minute: number;
second: number;
};
timeArrowControl: BooleanConstructor;
timeEditable: {
type: BooleanConstructor;
default: boolean;
};
size: StringConstructor;
format: StringConstructor;
valueFormat: StringConstructor;
timeFormat: StringConstructor;
readonly: BooleanConstructor;
placeholder: StringConstructor;
startPlaceholder: StringConstructor;
endPlaceholder: StringConstructor;
prefixIcon: ObjectConstructor;
suffixIcon: ObjectConstructor;
label: StringConstructor;
shape: StringConstructor;
tip: StringConstructor;
clearIcon: {
type: ObjectConstructor;
default(): import("@vue/reactivity").Raw<import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}, {}>>;
};
name: {
default: string;
validator(value: any): boolean;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
changeOnConfirm: {
type: BooleanConstructor;
default: boolean;
};
disabled: BooleanConstructor;
id: {
default: string;
validator(value: any): boolean;
};
popperClass: StringConstructor;
popperAppendToBody: {
type: BooleanConstructor;
default: boolean;
};
align: {
type: StringConstructor;
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
modelValue: {};
defaultValue: {};
defaultTime: {};
rangeSeparator: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
unlinkPanels: BooleanConstructor;
pickerOptions: {};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
isRange: BooleanConstructor;
arrowControl: BooleanConstructor;
timezoneData: {};
showTimezone: {
type: BooleanConstructor;
default: boolean;
};
defaultTimezone: StringConstructor;
isutc8: {
type: BooleanConstructor;
default: boolean;
};
dbTimezone: NumberConstructor;
timezone: NumberConstructor;
timezoneOffset: NumberConstructor;
iso8601: BooleanConstructor;
displayOnly: {
type: BooleanConstructor;
default: boolean;
};
step: {
type: ObjectConstructor;
default(): {
hour: number;
minute: number;
second: number;
};
};
showWeekNumber: {
type: BooleanConstructor;
default: boolean;
};
formatWeeks: FunctionConstructor;
autoFormat: {
type: BooleanConstructor;
default: boolean;
};
title: StringConstructor;
blank: {
type: BooleanConstructor;
default: boolean;
};
changeCompat: {
type: BooleanConstructor;
default: boolean;
};
tiny_mode: StringConstructor;
tiny_mode_root: BooleanConstructor;
tiny_template: (ObjectConstructor | FunctionConstructor)[];
tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_chart_theme: ObjectConstructor;
};
setup(props: any, context: any): () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
[key: string]: any;
}>;
};
showWeekNumber: {
type: BooleanConstructor;
default: boolean;
};
formatWeeks: FunctionConstructor;
autoFormat: {
type: BooleanConstructor;
default: boolean;
};
title: StringConstructor;
blank: {
type: BooleanConstructor;
default: boolean;
};
changeCompat: {
type: BooleanConstructor;
default: boolean;
};
tiny_mode: StringConstructor;
tiny_mode_root: BooleanConstructor;
tiny_template: (ObjectConstructor | FunctionConstructor)[];
tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_chart_theme: ObjectConstructor;
}>>, {
name: string;
type: string;
disabled: boolean;
tiny_mode_root: boolean;
tabindex: string;
popperAppendToBody: boolean;
id: string;
readonly: boolean;
clearable: boolean;
validateEvent: boolean;
displayOnly: boolean;
changeOnConfirm: boolean;
isutc8: boolean;
iso8601: boolean;
autoFormat: boolean;
blank: boolean;
timeArrowControl: boolean;
timeEditable: boolean;
clearIcon: Record<string, any>;
editable: boolean;
align: string;
rangeSeparator: string | Record<string, any>;
unlinkPanels: boolean;
isRange: boolean;
arrowControl: boolean;
showTimezone: boolean;
step: Record<string, any>;
showWeekNumber: boolean;
changeCompat: boolean;
}, {}>;
export default _default;

@@ -68,3 +68,3 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{

rangeSeparator: {
type: (ObjectConstructor | StringConstructor)[];
type: (StringConstructor | ObjectConstructor)[];
default: string;

@@ -132,3 +132,3 @@ };

gcls: (key: any) => any;
}, any, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue" | "focus" | "blur" | "created" | "select-change")[], "change" | "update:modelValue" | "focus" | "blur" | "created" | "select-change", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
}, any, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue" | "created" | "focus" | "blur" | "select-change")[], "change" | "update:modelValue" | "created" | "focus" | "blur" | "select-change", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
type: {

@@ -200,3 +200,3 @@ type: StringConstructor;

rangeSeparator: {
type: (ObjectConstructor | StringConstructor)[];
type: (StringConstructor | ObjectConstructor)[];
default: string;

@@ -264,7 +264,8 @@ };

}, {
name: string;
type: string;
name: string;
disabled: boolean;
tabindex: string;
popperAppendToBody: boolean;
id: string;
readonly: boolean;

@@ -282,3 +283,2 @@ clearable: boolean;

clearIcon: Record<string, any>;
id: string;
editable: boolean;

@@ -285,0 +285,0 @@ align: string;

@@ -68,3 +68,3 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{

rangeSeparator: {
type: (ObjectConstructor | StringConstructor)[];
type: (StringConstructor | ObjectConstructor)[];
default: string;

@@ -132,3 +132,3 @@ };

gcls: (key: any) => any;
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue" | "focus" | "blur" | "created" | "select-change")[], "change" | "update:modelValue" | "focus" | "blur" | "created" | "select-change", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue" | "created" | "focus" | "blur" | "select-change")[], "change" | "update:modelValue" | "created" | "focus" | "blur" | "select-change", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
type: {

@@ -200,3 +200,3 @@ type: StringConstructor;

rangeSeparator: {
type: (ObjectConstructor | StringConstructor)[];
type: (StringConstructor | ObjectConstructor)[];
default: string;

@@ -264,7 +264,8 @@ };

}, {
name: string;
type: string;
name: string;
disabled: boolean;
tabindex: string;
popperAppendToBody: boolean;
id: string;
readonly: boolean;

@@ -282,3 +283,2 @@ clearable: boolean;

clearIcon: Record<string, any>;
id: string;
editable: boolean;

@@ -285,0 +285,0 @@ align: string;

@@ -68,3 +68,3 @@ export declare const pickerProps: {

rangeSeparator: {
type: (ObjectConstructor | StringConstructor)[];
type: (StringConstructor | ObjectConstructor)[];
default: string;

@@ -71,0 +71,0 @@ };

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc