@opentiny/vue-picker
Advanced tools
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 }; |
@@ -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 @@ }; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
109768
2993
0
+ Added@opentiny/vue-action-sheet@3.15.0(transitive)
+ Added@opentiny/vue-button@3.15.0(transitive)
+ Added@opentiny/vue-cascader-select@3.15.0(transitive)
+ Added@opentiny/vue-common@3.15.0(transitive)
+ Added@opentiny/vue-date-panel@3.15.0(transitive)
+ Added@opentiny/vue-date-picker-mobile-first@3.15.0(transitive)
+ Added@opentiny/vue-date-range@3.15.0(transitive)
+ Added@opentiny/vue-date-table@3.15.0(transitive)
+ Added@opentiny/vue-drawer@3.15.0(transitive)
+ Added@opentiny/vue-filter-box@3.15.0(transitive)
+ Added@opentiny/vue-icon@3.15.0(transitive)
+ Added@opentiny/vue-input@3.15.0(transitive)
+ Added@opentiny/vue-locale@3.15.0(transitive)
+ Added@opentiny/vue-month-range@3.15.0(transitive)
+ Added@opentiny/vue-month-table@3.15.0(transitive)
+ Added@opentiny/vue-popup@3.15.0(transitive)
+ Added@opentiny/vue-quarter-panel@3.15.0(transitive)
+ Added@opentiny/vue-recycle-scroller@3.15.0(transitive)
+ Added@opentiny/vue-renderless@3.15.1(transitive)
+ Added@opentiny/vue-scrollbar@3.15.0(transitive)
+ Added@opentiny/vue-theme@3.15.1(transitive)
+ Added@opentiny/vue-theme-mobile@3.15.0(transitive)
+ Added@opentiny/vue-time@3.15.0(transitive)
+ Added@opentiny/vue-time-panel@3.15.0(transitive)
+ Added@opentiny/vue-time-picker-mobile@3.15.0(transitive)
+ Added@opentiny/vue-time-range@3.15.0(transitive)
+ Added@opentiny/vue-time-spinner@3.15.0(transitive)
+ Added@opentiny/vue-tooltip@3.15.0(transitive)
+ Added@opentiny/vue-year-range@3.15.0(transitive)
+ Added@opentiny/vue-year-table@3.15.0(transitive)
- Removed@opentiny/vue-locale@~3.14.0
- Removed@opentiny/vue-action-sheet@3.14.0(transitive)
- Removed@opentiny/vue-button@3.14.0(transitive)
- Removed@opentiny/vue-cascader-select@3.14.0(transitive)
- Removed@opentiny/vue-common@3.14.0(transitive)
- Removed@opentiny/vue-date-panel@3.14.1(transitive)
- Removed@opentiny/vue-date-picker-mobile-first@3.14.0(transitive)
- Removed@opentiny/vue-date-range@3.14.0(transitive)
- Removed@opentiny/vue-date-table@3.14.0(transitive)
- Removed@opentiny/vue-drawer@3.14.0(transitive)
- Removed@opentiny/vue-filter-box@3.14.0(transitive)
- Removed@opentiny/vue-filter-panel@3.14.0(transitive)
- Removed@opentiny/vue-icon@3.14.0(transitive)
- Removed@opentiny/vue-input@3.14.0(transitive)
- Removed@opentiny/vue-locale@3.14.0(transitive)
- Removed@opentiny/vue-month-range@3.14.0(transitive)
- Removed@opentiny/vue-month-table@3.14.0(transitive)
- Removed@opentiny/vue-numeric@3.14.0(transitive)
- Removed@opentiny/vue-popover@3.14.0(transitive)
- Removed@opentiny/vue-popup@3.14.0(transitive)
- Removed@opentiny/vue-radio@3.14.0(transitive)
- Removed@opentiny/vue-radio-button@3.14.0(transitive)
- Removed@opentiny/vue-radio-group@3.14.0(transitive)
- Removed@opentiny/vue-recycle-scroller@3.14.0(transitive)
- Removed@opentiny/vue-renderless@3.14.1(transitive)
- Removed@opentiny/vue-scrollbar@3.14.0(transitive)
- Removed@opentiny/vue-tag@3.14.0(transitive)
- Removed@opentiny/vue-theme@3.14.1(transitive)
- Removed@opentiny/vue-theme-mobile@3.14.2(transitive)
- Removed@opentiny/vue-time@3.14.0(transitive)
- Removed@opentiny/vue-time-panel@3.14.0(transitive)
- Removed@opentiny/vue-time-picker-mobile@3.14.0(transitive)
- Removed@opentiny/vue-time-range@3.14.0(transitive)
- Removed@opentiny/vue-time-spinner@3.14.0(transitive)
- Removed@opentiny/vue-tooltip@3.14.0(transitive)
- Removed@opentiny/vue-year-range@3.14.0(transitive)
- Removed@opentiny/vue-year-table@3.14.0(transitive)
Updated@opentiny/vue-common@~3.15.0
Updated@opentiny/vue-icon@~3.15.0
Updated@opentiny/vue-input@~3.15.0
Updated@opentiny/vue-theme@~3.15.0
Updated@opentiny/vue-time@~3.15.0