Socket
Socket
Sign inDemoInstall

@opentiny/vue-month-range

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-month-range - npm Package Compare versions

Comparing version 3.6.0 to 3.6.1-alpha.0

LICENSE

0

index.d.ts

@@ -0,0 +0,0 @@ /**

267

lib/index.js

@@ -1,15 +0,59 @@

import { renderless, api } from '@opentiny/vue-renderless/month-range/vue';
import { $prefix, directive, setup } from '@opentiny/vue-common';
import Clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
import MonthTable from '@opentiny/vue-month-table';
import { iconDoubleRight, iconDoubleLeft } from '@opentiny/vue-icon';
import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode, createVNode, vShow } from 'vue';
import { renderless, api } from "@opentiny/vue-renderless/month-range/vue";
import { defineComponent, $prefix, directive, setup as _setup } from "@opentiny/vue-common";
import Clickoutside from "@opentiny/vue-renderless/common/deps/clickoutside";
import MonthTable from "@opentiny/vue-month-table";
import { iconDoubleRight, iconDoubleLeft } from "@opentiny/vue-icon";
import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode, createVNode, vShow } from "vue";
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 script = {
name: $prefix + 'MonthRange',
var _sfc_main = /* @__PURE__ */ defineComponent({
name: $prefix + "MonthRange",
directives: directive({
Clickoutside: Clickoutside
Clickoutside
}),
components: {
MonthTable: MonthTable,
MonthTable,
IconDoubleRight: iconDoubleRight(),

@@ -21,14 +65,13 @@ IconDoubleLeft: iconDoubleLeft()

},
emits: ['dodestroy', 'pick'],
setup: function setup$1(props, context) {
return setup({
props: props,
context: context,
renderless: renderless,
api: api,
emits: ["dodestroy", "pick"],
setup: function setup(props, context) {
return _setup({
props,
context,
renderless,
api,
mono: true
});
}
};
});
var _hoisted_1 = {

@@ -59,3 +102,3 @@ class: "tiny-picker-panel__body-wrapper"

var _hoisted_10 = ["disabled"];
function render(_ctx, _cache, $props, $setup, $data, $options) {
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_icon_double_left = resolveComponent("icon-double-left");

@@ -66,87 +109,113 @@ var _component_icon_double_right = resolveComponent("icon-double-right");

name: "tiny-zoom-in-top",
onAfterLeave: _cache[4] || (_cache[4] = function ($event) {
return _ctx.$emit('dodestroy');
})
onAfterLeave: _cache[4] || (_cache[4] = function($event) {
return _ctx.$emit("dodestroy");
}),
persisted: ""
}, {
default: withCtx(function () {
return [withDirectives(createElementVNode("div", {
class: normalizeClass(["tiny-picker-panel tiny-date-range-picker tiny-popper", [{
'has-sidebar': _ctx.slots.sidebar || _ctx.state.shortcuts
}, _ctx.state.popperClass]])
}, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "sidebar", {
class: "tiny-picker-panel__sidebar"
}), _ctx.state.shortcuts ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.state.shortcuts, function (shortcut, key) {
return openBlock(), createElementBlock("button", {
default: withCtx(function() {
return [withDirectives(createElementVNode(
"div",
{
class: normalizeClass(["tiny-picker-panel tiny-date-range-picker tiny-popper", [{
"has-sidebar": _ctx.slots.sidebar || _ctx.state.shortcuts
}, _ctx.state.popperClass]])
},
[createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "sidebar", {
class: "tiny-picker-panel__sidebar"
}), _ctx.state.shortcuts ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(true), createElementBlock(
Fragment,
null,
renderList(_ctx.state.shortcuts, function(shortcut, key) {
return openBlock(), createElementBlock("button", {
type: "button",
class: "tiny-picker-panel__shortcut",
key,
onClick: function onClick($event) {
return _ctx.handleShortcutClick(shortcut);
}
}, toDisplayString(shortcut.text), 9, _hoisted_3);
}),
128
/* KEYED_FRAGMENT */
))])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createElementVNode("button", {
type: "button",
class: "tiny-picker-panel__shortcut",
key: key,
onClick: function onClick($event) {
return _ctx.handleShortcutClick(shortcut);
}
}, toDisplayString(shortcut.text), 9, _hoisted_3);
}), 128))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createElementVNode("button", {
type: "button",
onClick: _cache[0] || (_cache[0] = function () {
return _ctx.leftPrevYear && _ctx.leftPrevYear.apply(_ctx, arguments);
}),
class: "tiny-picker-panel__icon-btn tiny-icon-d-arrow-left"
}, [createVNode(_component_icon_double_left)]), _ctx.state.unlinkPanels ? (openBlock(), createElementBlock("button", {
key: 0,
type: "button",
onClick: _cache[1] || (_cache[1] = function () {
return _ctx.leftNextYear && _ctx.leftNextYear.apply(_ctx, arguments);
}),
disabled: !_ctx.state.enableYearArrow,
class: normalizeClass([{
'is-disabled': !_ctx.state.enableYearArrow
}, "tiny-picker-panel__icon-btn tiny-icon-d-arrow-right"])
}, [createVNode(_component_icon_double_right)], 10, _hoisted_7)) : createCommentVNode("", true), createElementVNode("div", null, toDisplayString(_ctx.state.leftLabel), 1)]), createVNode(_component_month_table, {
"selection-mode": "range",
date: _ctx.state.leftDate,
"default-value": _ctx.state.defaultValue,
"min-date": _ctx.state.minDate,
"max-date": _ctx.state.maxDate,
"range-state": _ctx.state.rangeState,
"disabled-date": _ctx.state.disabledDate,
onChangerange: _ctx.handleChangeRange,
onPick: _ctx.handleRangePick
}, null, 8, ["date", "default-value", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick"])]), createElementVNode("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [_ctx.state.unlinkPanels ? (openBlock(), createElementBlock("button", {
key: 0,
type: "button",
onClick: _cache[2] || (_cache[2] = function () {
return _ctx.rightPrevYear && _ctx.rightPrevYear.apply(_ctx, arguments);
}),
disabled: !_ctx.state.enableYearArrow,
class: normalizeClass([{
'is-disabled': !_ctx.state.enableYearArrow
}, "tiny-picker-panel__icon-btn tiny-icon-d-arrow-left"])
}, [createVNode(_component_icon_double_left)], 10, _hoisted_10)) : createCommentVNode("", true), createElementVNode("button", {
type: "button",
onClick: _cache[3] || (_cache[3] = function () {
return _ctx.rightNextYear && _ctx.rightNextYear.apply(_ctx, arguments);
}),
class: "tiny-picker-panel__icon-btn tiny-icon-d-arrow-right"
}, [createVNode(_component_icon_double_right)]), createElementVNode("div", null, toDisplayString(_ctx.state.rightLabel), 1)]), createVNode(_component_month_table, {
"selection-mode": "range",
date: _ctx.state.rightDate,
"default-value": _ctx.state.defaultValue,
"min-date": _ctx.state.minDate,
"max-date": _ctx.state.maxDate,
"range-state": _ctx.state.rangeState,
"disabled-date": _ctx.state.disabledDate,
onChangerange: _ctx.handleChangeRange,
onPick: _ctx.handleRangePick
}, null, 8, ["date", "default-value", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick"])])])])], 2), [[vShow, _ctx.state.visible]])];
onClick: _cache[0] || (_cache[0] = function() {
return _ctx.leftPrevYear && _ctx.leftPrevYear.apply(_ctx, arguments);
}),
class: "tiny-picker-panel__icon-btn tiny-icon-d-arrow-left"
}, [createVNode(_component_icon_double_left)]), _ctx.state.unlinkPanels ? (openBlock(), createElementBlock("button", {
key: 0,
type: "button",
onClick: _cache[1] || (_cache[1] = function() {
return _ctx.leftNextYear && _ctx.leftNextYear.apply(_ctx, arguments);
}),
disabled: !_ctx.state.enableYearArrow,
class: normalizeClass([{
"is-disabled": !_ctx.state.enableYearArrow
}, "tiny-picker-panel__icon-btn tiny-icon-d-arrow-right"])
}, [createVNode(_component_icon_double_right)], 10, _hoisted_7)) : createCommentVNode("v-if", true), createElementVNode(
"div",
null,
toDisplayString(_ctx.state.leftLabel),
1
/* TEXT */
)]), createVNode(_component_month_table, {
"selection-mode": "range",
date: _ctx.state.leftDate,
"default-value": _ctx.state.defaultValue,
"min-date": _ctx.state.minDate,
"max-date": _ctx.state.maxDate,
"range-state": _ctx.state.rangeState,
"disabled-date": _ctx.state.disabledDate,
onChangerange: _ctx.handleChangeRange,
onPick: _ctx.handleRangePick
}, null, 8, ["date", "default-value", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick"])]), createElementVNode("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [_ctx.state.unlinkPanels ? (openBlock(), createElementBlock("button", {
key: 0,
type: "button",
onClick: _cache[2] || (_cache[2] = function() {
return _ctx.rightPrevYear && _ctx.rightPrevYear.apply(_ctx, arguments);
}),
disabled: !_ctx.state.enableYearArrow,
class: normalizeClass([{
"is-disabled": !_ctx.state.enableYearArrow
}, "tiny-picker-panel__icon-btn tiny-icon-d-arrow-left"])
}, [createVNode(_component_icon_double_left)], 10, _hoisted_10)) : createCommentVNode("v-if", true), createElementVNode("button", {
type: "button",
onClick: _cache[3] || (_cache[3] = function() {
return _ctx.rightNextYear && _ctx.rightNextYear.apply(_ctx, arguments);
}),
class: "tiny-picker-panel__icon-btn tiny-icon-d-arrow-right"
}, [createVNode(_component_icon_double_right)]), createElementVNode(
"div",
null,
toDisplayString(_ctx.state.rightLabel),
1
/* TEXT */
)]), createVNode(_component_month_table, {
"selection-mode": "range",
date: _ctx.state.rightDate,
"default-value": _ctx.state.defaultValue,
"min-date": _ctx.state.minDate,
"max-date": _ctx.state.maxDate,
"range-state": _ctx.state.rangeState,
"disabled-date": _ctx.state.disabledDate,
onChangerange: _ctx.handleChangeRange,
onPick: _ctx.handleRangePick
}, null, 8, ["date", "default-value", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick"])])])])],
2
/* CLASS */
), [[vShow, _ctx.state.visible]])];
}),
_: 3
/* FORWARDED */
});
}
script.render = render;
script.install = function (Vue) {
Vue.component(script.name, script);
var MonthRange = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
var version = "3.7.0";
MonthRange.install = function(Vue) {
Vue.component(MonthRange.name, MonthRange);
};
script.version = '3.6.0';
export { script as default };
MonthRange.version = version;
export {
MonthRange as default
};
{
"name": "@opentiny/vue-month-range",
"version": "3.6.0",
"version": "3.6.1-alpha.0",
"description": "",
"main": "lib/index.js",
"scripts": {
"lint": "eslint src/**/*{.js,.html,.vue} --quiet",
"build:ui2": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../build/build-ui.js",
"build:ui3": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../example/build/build-ui.js"
},
"main": "./lib/index.js",
"dependencies": {
"@opentiny/vue-renderless": "~3.6.0",
"@opentiny/vue-common": "~3.6.0",
"@opentiny/vue-locale": "~3.6.0",
"@opentiny/vue-month-table": "~3.6.0",
"@opentiny/vue-icon": "~3.6.0",
"@opentiny/vue-theme": "~3.6.0",
"@opentiny/vue-theme-mobile": "~3.6.0"
"@opentiny/vue-renderless": "~3.6.1-alpha.0",
"@opentiny/vue-common": "~3.6.1-alpha.0",
"@opentiny/vue-locale": "~3.6.1-alpha.0",
"@opentiny/vue-month-table": "~3.6.1-alpha.0"
},
"license": "MIT",
"types": "index.d.ts",
"sideEffects": false
"scripts": {
"build": "pnpm -w build:ui $npm_package_name",
"//postversion": "pnpm build"
}
}

@@ -1,5 +0,5 @@

declare const _default: import("vue").DefineComponent<{
declare const _sfc_main: import("@vue/runtime-core").DefineComponent<{
emitter: ObjectConstructor;
}, {
t: any;
t: (this: any, path: any, options?: any) => any;
vm: any;

@@ -10,8 +10,8 @@ f: (props: any, attrs?: {}) => {};

dp: (props: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "dodestroy")[], "pick" | "dodestroy", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("dodestroy" | "pick")[], "dodestroy" | "pick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
emitter: ObjectConstructor;
}>> & {
onDodestroy?: ((...args: any[]) => any) | undefined;
onPick?: ((...args: any[]) => any) | undefined;
onDodestroy?: ((...args: any[]) => any) | undefined;
}, {}>;
export default _default;
export default _sfc_main;
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