Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@opentiny/vue-popover

Package Overview
Dependencies
Maintainers
1
Versions
61
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-popover - npm Package Compare versions

Comparing version 3.10.0 to 3.11.0-alpha.0

159

lib/index.js

@@ -15,3 +15,3 @@ function _extends() {

}
import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
import { defineComponent, $prefix, $setup, $props } from "@opentiny/vue-common";
import PcTemplate from "./pc.js";

@@ -32,81 +32,84 @@ import MobileFirstTemplate from "./mobile-first.js";

};
var popoverProps = _extends({}, $props, {
appendToBody: {
type: Boolean,
default: true
},
arrowOffset: {
type: Number,
default: 0
},
boundariesPadding: {
type: Number,
default: 5
},
closeDelay: {
type: Number,
default: 200
},
content: String,
disabled: Boolean,
modelValue: Boolean,
offset: {
default: 0
},
openDelay: {
type: Number,
default: 0
},
placement: {
type: String,
default: "bottom"
},
popper: {},
popperClass: String,
popperOptions: {
type: Object,
default: function _default() {
return {
gpuAcceleration: false
};
}
},
reference: {},
tabindex: {
type: Number,
default: 0
},
title: String,
transition: {
type: String,
default: "fade-in-linear"
},
trigger: {
type: String,
default: "click",
validator: function validator(value) {
return Boolean(~["click", "focus", "hover", "manual"].indexOf(value));
}
},
visibleArrow: {
default: true
},
width: {
type: [String, Number]
},
height: {
type: [String, Number]
},
maxHeight: {
type: [String, Number]
},
listData: [Object, Array],
genArrowByHtml: {
type: Boolean,
default: function _default2() {
return true;
}
}
});
var Popover = defineComponent({
inheritAttrs: true,
name: $prefix + "Popover",
props: _extends({}, $props, {
appendToBody: {
type: Boolean,
default: true
},
arrowOffset: {
type: Number,
default: 0
},
boundariesPadding: {
type: Number,
default: 5
},
closeDelay: {
type: Number,
default: 200
},
content: String,
disabled: Boolean,
modelValue: Boolean,
offset: {
default: 0
},
openDelay: {
type: Number,
default: 0
},
placement: {
type: String,
default: "bottom"
},
popper: {},
popperClass: String,
popperOptions: {
type: Object,
default: function _default() {
return {
gpuAcceleration: false
};
}
},
reference: {},
tabindex: {
type: Number,
default: 0
},
title: String,
transformOrigin: {
type: [Boolean, String],
default: true
},
transition: {
type: String,
default: "fade-in-linear"
},
trigger: {
type: String,
default: "click",
validator: function validator(value) {
return Boolean(~["click", "focus", "hover", "manual"].indexOf(value));
}
},
visibleArrow: {
default: true
},
width: {
type: [String, Number]
},
height: {
type: [String, Number]
},
maxHeight: {
type: [String, Number]
},
listData: [Object, Array]
}),
props: popoverProps,
setup: function setup(props, context) {

@@ -120,3 +123,3 @@ return $setup({

});
var version = "3.10.0";
var version = "3.11.0-alpha.0";
Popover.install = function(Vue) {

@@ -123,0 +126,0 @@ Vue.component(Popover.name, Popover);

@@ -19,3 +19,3 @@ function _extends() {

import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createTextVNode, vShow, createSlots, Fragment, normalizeProps, guardReactiveProps } from "vue";
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];

@@ -58,3 +58,3 @@ if (it)

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

@@ -129,6 +129,2 @@ target[key] = val;

title: String,
transformOrigin: {
type: [Boolean, String],
default: true
},
transition: {

@@ -135,0 +131,0 @@ type: String,

@@ -5,3 +5,3 @@ import { renderless, api } from "@opentiny/vue-renderless/popover/vue";

import { openBlock, createElementBlock, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, vShow } from "vue";
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];

@@ -44,3 +44,3 @@ if (it)

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

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

emits: ["update:modelValue", "hide", "show", "after-enter", "after-leave", "created", "itemClick"],
props: [].concat(props, ["appendToBody", "arrowOffset", "boundariesPadding", "closeDelay", "disabled", "modelValue", "offset", "openDelay", "placement", "popper", "popperClass", "popperOptions", "reference", "tabindex", "title", "transformOrigin", "transition", "trigger", "visibleArrow", "width", "maxHeight", "listData"]),
props: [].concat(props, ["appendToBody", "arrowOffset", "boundariesPadding", "closeDelay", "disabled", "modelValue", "offset", "openDelay", "placement", "popper", "popperClass", "popperOptions", "reference", "tabindex", "title", "transition", "trigger", "visibleArrow", "width", "maxHeight", "listData"]),
setup: function setup(props2, context) {

@@ -57,0 +57,0 @@ return _setup({

@@ -5,3 +5,3 @@ import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";

import { openBlock, createElementBlock, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createTextVNode, vShow } from "vue";
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];

@@ -44,3 +44,3 @@ if (it)

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

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

emits: ["update:modelValue", "hide", "show", "after-enter", "after-leave", "created"],
props: [].concat(props, ["appendToBody", "arrowOffset", "boundariesPadding", "closeDelay", "content", "disabled", "modelValue", "offset", "openDelay", "placement", "popper", "popperClass", "popperOptions", "reference", "tabindex", "title", "transformOrigin", "transition", "trigger", "visibleArrow", "width", "height"]),
props: [].concat(props, ["appendToBody", "arrowOffset", "boundariesPadding", "closeDelay", "content", "disabled", "modelValue", "offset", "openDelay", "placement", "popper", "popperClass", "popperOptions", "reference", "tabindex", "title", "transition", "trigger", "visibleArrow", "width", "height"]),
setup: function setup(props2, context) {

@@ -57,0 +57,0 @@ return _setup({

{
"name": "@opentiny/vue-popover",
"version": "3.10.0",
"version": "3.11.0-alpha.0",
"description": "",

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

"dependencies": {
"@opentiny/vue-common": "~3.10.0",
"@opentiny/vue-renderless": "~3.10.0"
"@opentiny/vue-common": "~3.11.0-alpha.0",
"@opentiny/vue-renderless": "~3.11.0-alpha.0"
},

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

@@ -1,2 +0,3 @@

declare const _default: import("@vue/runtime-core").DefineComponent<{
import type { IPopoverApi } from '@opentiny/vue-renderless/types/popover.type';
export declare const popoverProps: {
appendToBody: {

@@ -46,6 +47,80 @@ type: BooleanConstructor;

title: StringConstructor;
transformOrigin: {
type: (StringConstructor | BooleanConstructor)[];
transition: {
type: StringConstructor;
default: string;
};
trigger: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
visibleArrow: {
default: boolean;
};
width: {
type: (StringConstructor | NumberConstructor)[];
};
height: {
type: (StringConstructor | NumberConstructor)[];
};
maxHeight: {
type: (StringConstructor | NumberConstructor)[];
};
listData: (ObjectConstructor | ArrayConstructor)[];
genArrowByHtml: {
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;
};
declare const _default: import("@vue/runtime-core").DefineComponent<{
appendToBody: {
type: BooleanConstructor;
default: boolean;
};
arrowOffset: {
type: NumberConstructor;
default: number;
};
boundariesPadding: {
type: NumberConstructor;
default: number;
};
closeDelay: {
type: NumberConstructor;
default: number;
};
content: StringConstructor;
disabled: BooleanConstructor;
modelValue: BooleanConstructor;
offset: {
default: number;
};
openDelay: {
type: NumberConstructor;
default: number;
};
placement: {
type: StringConstructor;
default: string;
};
popper: {};
popperClass: StringConstructor;
popperOptions: {
type: ObjectConstructor;
default: () => {
gpuAcceleration: boolean;
};
};
reference: {};
tabindex: {
type: NumberConstructor;
default: number;
};
title: StringConstructor;
transition: {

@@ -73,2 +148,6 @@ type: StringConstructor;

listData: (ObjectConstructor | ArrayConstructor)[];
genArrowByHtml: {
type: BooleanConstructor;
default: () => boolean;
};
tiny_mode: StringConstructor;

@@ -80,5 +159,3 @@ tiny_mode_root: BooleanConstructor;

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<{
}, IPopoverApi, 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<{
appendToBody: {

@@ -128,6 +205,2 @@ type: BooleanConstructor;

title: StringConstructor;
transformOrigin: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
transition: {

@@ -155,2 +228,6 @@ type: StringConstructor;

listData: (ObjectConstructor | ArrayConstructor)[];
genArrowByHtml: {
type: BooleanConstructor;
default: () => boolean;
};
tiny_mode: StringConstructor;

@@ -167,15 +244,15 @@ tiny_mode_root: BooleanConstructor;

modelValue: boolean;
trigger: string;
tabindex: number;
visibleArrow: boolean;
arrowOffset: number;
placement: string;
appendToBody: boolean;
offset: number;
placement: string;
popperOptions: Record<string, any>;
transformOrigin: string | boolean;
appendToBody: boolean;
arrowOffset: number;
boundariesPadding: number;
closeDelay: number;
openDelay: number;
trigger: string;
visibleArrow: boolean;
genArrowByHtml: boolean;
}, {}>;
export default _default;
declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
[x: string]: any;
title?: any;
transition?: any;
disabled?: any;
tiny_mode?: any;
tiny_mode_root?: any;
tiny_template?: any;
tiny_renderless?: any;
_constants?: any;
tiny_theme?: any;
tiny_chart_theme?: any;
width?: any;
modelValue?: any;
trigger?: any;
tabindex?: any;
visibleArrow?: any;
arrowOffset?: any;
placement?: any;
popperClass?: any;
maxHeight?: any;
appendToBody?: any;
offset?: any;
popperOptions?: any;
popper?: any;
reference?: any;
boundariesPadding?: any;
closeDelay?: any;
openDelay?: any;
listData?: any;
}>, {

@@ -12,5 +39,33 @@ t: (this: any, path: any, options?: any) => any;

m: (...cssClasses: any[]) => string;
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "hide" | "created" | "after-leave" | "show" | "after-enter" | "itemClick")[], "update:modelValue" | "hide" | "created" | "after-leave" | "show" | "after-enter" | "itemClick", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
[x: string]: any;
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "created" | "hide" | "after-leave" | "after-enter" | "show" | "itemClick")[], "update:modelValue" | "created" | "hide" | "after-leave" | "after-enter" | "show" | "itemClick", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
title?: any;
transition?: any;
disabled?: any;
tiny_mode?: any;
tiny_mode_root?: any;
tiny_template?: any;
tiny_renderless?: any;
_constants?: any;
tiny_theme?: any;
tiny_chart_theme?: any;
width?: any;
modelValue?: any;
trigger?: any;
tabindex?: any;
visibleArrow?: any;
arrowOffset?: any;
placement?: any;
popperClass?: any;
maxHeight?: any;
appendToBody?: any;
offset?: any;
popperOptions?: any;
popper?: any;
reference?: any;
boundariesPadding?: any;
closeDelay?: any;
openDelay?: any;
listData?: any;
}>>> & {
onItemClick?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

@@ -22,6 +77,32 @@ onCreated?: ((...args: any[]) => any) | undefined;

"onAfter-enter"?: ((...args: any[]) => any) | undefined;
onItemClick?: ((...args: any[]) => any) | undefined;
}, {
[x: string]: any;
readonly title?: any;
readonly transition?: any;
readonly disabled?: any;
readonly tiny_mode?: any;
readonly tiny_mode_root?: any;
readonly tiny_template?: any;
readonly tiny_renderless?: any;
readonly _constants?: any;
readonly tiny_theme?: any;
readonly tiny_chart_theme?: any;
readonly width?: any;
readonly modelValue?: any;
readonly trigger?: any;
readonly tabindex?: any;
readonly visibleArrow?: any;
readonly arrowOffset?: any;
readonly placement?: any;
readonly popperClass?: any;
readonly maxHeight?: any;
readonly appendToBody?: any;
readonly offset?: any;
readonly popperOptions?: any;
readonly popper?: any;
readonly reference?: any;
readonly boundariesPadding?: any;
readonly closeDelay?: any;
readonly openDelay?: any;
readonly listData?: any;
}, {}>;
export default _default;

@@ -0,14 +1,60 @@

import type { IPopoverApi } from '@opentiny/vue-renderless/types/popover.type';
declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
[x: string]: any;
}>, {
t: (this: any, path: any, options?: any) => any;
vm: any;
f: (props: any, attrs?: {}) => {};
a: (attrs: any, filters: any, include: any) => {};
d: (props: any) => void;
dp: (props: any) => void;
gcls: (key: any) => any;
m: (...cssClasses: any[]) => string;
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "hide" | "created" | "after-leave" | "show" | "after-enter")[], "update:modelValue" | "hide" | "created" | "after-leave" | "show" | "after-enter", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
[x: string]: any;
title?: any;
transition?: any;
disabled?: any;
tiny_mode?: any;
tiny_mode_root?: any;
tiny_template?: any;
tiny_renderless?: any;
_constants?: any;
tiny_theme?: any;
tiny_chart_theme?: any;
width?: any;
height?: any;
modelValue?: any;
trigger?: any;
tabindex?: any;
visibleArrow?: any;
arrowOffset?: any;
placement?: any;
popperClass?: any;
appendToBody?: any;
offset?: any;
content?: any;
popperOptions?: any;
popper?: any;
reference?: any;
boundariesPadding?: any;
closeDelay?: any;
openDelay?: any;
}>, IPopoverApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "created" | "hide" | "after-leave" | "after-enter" | "show")[], "update:modelValue" | "created" | "hide" | "after-leave" | "after-enter" | "show", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
title?: any;
transition?: any;
disabled?: any;
tiny_mode?: any;
tiny_mode_root?: any;
tiny_template?: any;
tiny_renderless?: any;
_constants?: any;
tiny_theme?: any;
tiny_chart_theme?: any;
width?: any;
height?: any;
modelValue?: any;
trigger?: any;
tabindex?: any;
visibleArrow?: any;
arrowOffset?: any;
placement?: any;
popperClass?: any;
appendToBody?: any;
offset?: any;
content?: any;
popperOptions?: any;
popper?: any;
reference?: any;
boundariesPadding?: any;
closeDelay?: any;
openDelay?: any;
}>>> & {

@@ -22,4 +68,31 @@ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

}, {
[x: string]: any;
readonly title?: any;
readonly transition?: any;
readonly disabled?: any;
readonly tiny_mode?: any;
readonly tiny_mode_root?: any;
readonly tiny_template?: any;
readonly tiny_renderless?: any;
readonly _constants?: any;
readonly tiny_theme?: any;
readonly tiny_chart_theme?: any;
readonly width?: any;
readonly height?: any;
readonly modelValue?: any;
readonly trigger?: any;
readonly tabindex?: any;
readonly visibleArrow?: any;
readonly arrowOffset?: any;
readonly placement?: any;
readonly popperClass?: any;
readonly appendToBody?: any;
readonly offset?: any;
readonly content?: any;
readonly popperOptions?: any;
readonly popper?: any;
readonly reference?: any;
readonly boundariesPadding?: any;
readonly closeDelay?: any;
readonly openDelay?: any;
}, {}>;
export default _default;
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