New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@opentiny/vue-modal

Package Overview
Dependencies
Maintainers
1
Versions
69
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-modal - npm Package Compare versions

Comparing version 2.10.0 to 2.11.0-alpha.0

229

lib/index.js

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

}
import { defineComponent, $prefix, $props, $setup, setupComponent, createComponent } from "@opentiny/vue-common";
import { defineComponent, $prefix, $setup, $props, setupComponent, createComponent } from "@opentiny/vue-common";
import { MsgQueue } from "@opentiny/vue-renderless/modal";

@@ -54,119 +54,116 @@ import PcTemplate from "./pc.js";

};
var modalProps = _extends({}, $props, {
_constants: {
type: Object,
default: function _default() {
return $constants;
}
},
animat: {
type: Boolean,
default: function _default2() {
return true;
}
},
beforeClose: Function,
duration: {
type: [Number, String],
default: function _default3() {
return 3e3;
}
},
escClosable: Boolean,
events: Object,
fullscreen: Boolean,
height: [Number, String],
id: String,
isFormReset: {
type: Boolean,
default: true
},
lockScroll: Boolean,
lockView: {
type: Boolean,
default: function _default4() {
return true;
}
},
marginSize: {
type: [Number, String],
default: 10
},
mask: {
type: Boolean,
default: function _default5() {
return true;
}
},
maskClosable: Boolean,
message: [String, Function, Object],
minHeight: {
type: [Number, String],
default: function _default6() {
return 200;
}
},
minWidth: {
type: [Number, String],
default: function _default7() {
return 340;
}
},
modelValue: Boolean,
resize: Boolean,
showFooter: Boolean,
showHeader: {
type: Boolean,
default: true
},
status: {
type: [String, Object],
default: ""
},
title: String,
top: {
type: [Number, String],
default: 15
},
type: {
type: String,
default: "alert"
},
vSize: String,
width: [Number, String],
zIndex: [Number, String],
tiny_theme: String,
mode: null,
description: String,
options: Array,
showClose: {
type: Boolean,
default: true
},
position: {
type: String,
default: "",
validator: function validator(val) {
return ["", "bottom-right"].includes(val);
}
},
modalBoxClass: String,
confirmContent: String,
cancelContent: String,
confirmBtnProps: {
type: Object,
default: {}
},
cancelBtnProps: {
type: Object,
default: {}
}
});
var TINYModal = defineComponent({
name: $prefix + "Modal",
componentName: "Modal",
props: _extends({}, $props, {
_constants: {
type: Object,
default: function _default() {
return $constants;
}
},
animat: {
type: Boolean,
default: function _default2() {
return true;
}
},
beforeClose: Function,
duration: {
type: [Number, String],
default: function _default3() {
return 3e3;
}
},
escClosable: Boolean,
events: Object,
fullscreen: Boolean,
height: [Number, String],
id: String,
isFormReset: {
type: Boolean,
default: true
},
lockScroll: Boolean,
lockView: {
type: Boolean,
default: function _default4() {
return true;
}
},
marginSize: {
type: [Number, String],
default: 10
},
mask: {
type: Boolean,
default: function _default5() {
return true;
}
},
maskClosable: Boolean,
message: [String, Function, Object],
minHeight: {
type: [Number, String],
default: function _default6() {
return 200;
}
},
minWidth: {
type: [Number, String],
default: function _default7() {
return 340;
}
},
modelValue: Boolean,
resize: Boolean,
showFooter: Boolean,
showHeader: {
type: Boolean,
default: true
},
status: {
type: [String, Object],
default: ""
},
title: String,
top: {
type: [Number, String],
default: 15
},
type: {
type: String,
default: "alert"
},
vSize: String,
width: [Number, String],
zIndex: [Number, String],
tiny_theme: String,
mode: null,
description: String,
options: Array,
showClose: {
type: Boolean,
default: true
},
position: {
type: String,
default: "",
validator: function validator(val) {
return ["", "bottom-right"].includes(val);
}
},
modalBoxClass: String,
confirmContent: String,
cancelContent: String,
confirmBtnProps: {
type: Object,
default: function _default8() {
return {};
}
},
cancelBtnProps: {
type: Object,
default: function _default9() {
return {};
}
}
}),
props: modalProps,
setup: function setup(props, context) {

@@ -180,3 +177,3 @@ return $setup({

});
var version = "2.10.0";
var version = "2.11.0-alpha.0";
TINYModal.version = version;

@@ -183,0 +180,0 @@ TINYModal.model = {

@@ -124,2 +124,3 @@ function _extends() {

class: "tiny-modal__box",
style: state.boxStyle,
ref: "modalBox"

@@ -126,0 +127,0 @@ }, [showHeader ? h("div", {

{
"name": "@opentiny/vue-modal",
"version": "2.10.0",
"version": "2.11.0-alpha.0",
"description": "",

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

"dependencies": {
"@opentiny/vue-renderless": "~3.10.0",
"@opentiny/vue-common": "~2.10.0",
"@opentiny/vue-button": "~2.10.0",
"@opentiny/vue-locale": "~2.10.0"
"@opentiny/vue-renderless": "~3.11.0",
"@opentiny/vue-common": "~2.11.0",
"@opentiny/vue-button": "~2.11.0",
"@opentiny/vue-locale": "~2.11.0"
},

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

@@ -1,2 +0,23 @@

declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
export declare const $constants: {
MODAL_STATUS: {
INFO: string;
SUCCESS: string;
WARNING: string;
ERROR: string;
LOADING: string;
};
NODAL_TYPE: {
ALERT: string;
CONFIRM: string;
MESSAGE: string;
};
STATUS_MAPPING_CLASSS: {
INFO: string;
SUCCESS: string;
WARNING: string;
ERROR: string;
LOADING: string;
};
};
export declare const modalProps: {
_constants: {

@@ -28,3 +49,3 @@ type: ObjectConstructor;

type: BooleanConstructor;
default: () => true;
default: () => boolean;
};

@@ -34,3 +55,3 @@ beforeClose: FunctionConstructor;

type: (StringConstructor | NumberConstructor)[];
default: () => 3000;
default: () => number;
};

@@ -49,3 +70,3 @@ escClosable: BooleanConstructor;

type: BooleanConstructor;
default: () => true;
default: () => boolean;
};

@@ -58,3 +79,3 @@ marginSize: {

type: BooleanConstructor;
default: () => true;
default: () => boolean;
};

@@ -65,7 +86,7 @@ maskClosable: BooleanConstructor;

type: (StringConstructor | NumberConstructor)[];
default: () => 200;
default: () => number;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: () => 340;
default: () => number;
};

@@ -106,3 +127,3 @@ modelValue: BooleanConstructor;

default: string;
validator(val: unknown): boolean;
validator(val: string): boolean;
};

@@ -114,7 +135,7 @@ modalBoxClass: StringConstructor;

type: ObjectConstructor;
default: () => {};
default: {};
};
cancelBtnProps: {
type: ObjectConstructor;
default: () => {};
default: {};
};

@@ -126,162 +147,4 @@ tiny_mode: StringConstructor;

tiny_chart_theme: ObjectConstructor;
}, {
type: string;
top: string | number;
tiny_mode_root: boolean;
_constants: Record<string, any>;
modelValue: boolean;
mask: boolean;
showHeader: boolean;
showFooter: boolean;
maskClosable: boolean;
duration: string | number;
position: string;
resize: boolean;
minHeight: string | number;
minWidth: string | number;
showClose: boolean;
lockScroll: boolean;
fullscreen: boolean;
isFormReset: boolean;
marginSize: string | number;
escClosable: boolean;
animat: boolean;
lockView: boolean;
status: string;
confirmBtnProps: Record<string, any>;
cancelBtnProps: Record<string, any>;
} & {
title?: string | undefined;
tiny_mode?: string | undefined;
tiny_template?: unknown;
tiny_renderless?: Function | undefined;
tiny_theme?: string | undefined;
tiny_chart_theme?: Record<string, any> | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
id?: string | undefined;
description?: string | undefined;
zIndex?: string | number | undefined;
options?: unknown[] | undefined;
mode?: any;
events?: Record<string, any> | undefined;
beforeClose?: Function | undefined;
message?: unknown;
vSize?: string | undefined;
modalBoxClass?: string | undefined;
confirmContent?: string | undefined;
cancelContent?: string | undefined;
}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
type: string;
top: string | number;
tiny_mode_root: boolean;
_constants: Record<string, any>;
modelValue: boolean;
mask: boolean;
showHeader: boolean;
showFooter: boolean;
maskClosable: boolean;
duration: string | number;
position: string;
resize: boolean;
minHeight: string | number;
minWidth: string | number;
showClose: boolean;
lockScroll: boolean;
fullscreen: boolean;
isFormReset: boolean;
marginSize: string | number;
escClosable: boolean;
animat: boolean;
lockView: boolean;
status: string;
confirmBtnProps: Record<string, any>;
cancelBtnProps: Record<string, any>;
} & {
title?: string | undefined;
tiny_mode?: string | undefined;
tiny_template?: unknown;
tiny_renderless?: Function | undefined;
tiny_theme?: string | undefined;
tiny_chart_theme?: Record<string, any> | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
id?: string | undefined;
description?: string | undefined;
zIndex?: string | number | undefined;
options?: unknown[] | undefined;
mode?: any;
events?: Record<string, any> | undefined;
beforeClose?: Function | undefined;
message?: unknown;
vSize?: string | undefined;
modalBoxClass?: string | undefined;
confirmContent?: string | undefined;
cancelContent?: string | undefined;
}, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
type: string;
top: string | number;
tiny_mode_root: boolean;
_constants: Record<string, any>;
modelValue: boolean;
mask: boolean;
showHeader: boolean;
showFooter: boolean;
maskClosable: boolean;
duration: string | number;
position: string;
resize: boolean;
minHeight: string | number;
minWidth: string | number;
showClose: boolean;
lockScroll: boolean;
fullscreen: boolean;
isFormReset: boolean;
marginSize: string | number;
escClosable: boolean;
animat: boolean;
lockView: boolean;
status: string;
confirmBtnProps: Record<string, any>;
cancelBtnProps: Record<string, any>;
} & {
title?: string | undefined;
tiny_mode?: string | undefined;
tiny_template?: unknown;
tiny_renderless?: Function | undefined;
tiny_theme?: string | undefined;
tiny_chart_theme?: Record<string, any> | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
id?: string | undefined;
description?: string | undefined;
zIndex?: string | number | undefined;
options?: unknown[] | undefined;
mode?: any;
events?: Record<string, any> | undefined;
beforeClose?: Function | undefined;
message?: unknown;
vSize?: string | undefined;
modalBoxClass?: string | undefined;
confirmContent?: string | undefined;
cancelContent?: string | undefined;
}, {
type: string;
top: string | number;
_constants: Record<string, any>;
mask: boolean;
showHeader: boolean;
duration: string | number;
position: string;
minHeight: string | number;
minWidth: string | number;
showClose: boolean;
isFormReset: boolean;
marginSize: string | number;
animat: boolean;
lockView: boolean;
status: string;
confirmBtnProps: Record<string, any>;
cancelBtnProps: Record<string, any>;
}, true>);
};
declare const _default: any;
export default _default;

@@ -1,218 +0,2 @@

declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
animat: {
type: BooleanConstructor;
default: () => true;
};
beforeClose: FunctionConstructor;
duration: {
type: (StringConstructor | NumberConstructor)[];
default: () => number;
};
escClosable: BooleanConstructor;
events: ObjectConstructor;
fullscreen: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
id: StringConstructor;
isFormReset: {
type: BooleanConstructor;
default: boolean;
};
lockScroll: BooleanConstructor;
lockView: {
type: BooleanConstructor;
default: () => true;
};
marginSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
mask: {
type: BooleanConstructor;
default: () => true;
};
maskClosable: BooleanConstructor;
message: (StringConstructor | FunctionConstructor)[];
minHeight: {
type: (StringConstructor | NumberConstructor)[];
default: () => number;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: () => number;
};
modelValue: BooleanConstructor;
resize: BooleanConstructor;
showFooter: BooleanConstructor;
showHeader: {
type: BooleanConstructor;
default: boolean;
};
status: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
title: StringConstructor;
top: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
type: {
type: StringConstructor;
default: string;
};
vSize: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
zIndex: (StringConstructor | NumberConstructor)[];
description: StringConstructor;
options: ArrayConstructor;
showClose: {
type: BooleanConstructor;
default: boolean;
};
confirmContent: StringConstructor;
cancelContent: StringConstructor;
tiny_mode: StringConstructor;
tiny_mode_root: BooleanConstructor;
tiny_template: (ObjectConstructor | FunctionConstructor)[];
tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_chart_theme: ObjectConstructor;
}, {
type: string;
top: string | number;
tiny_mode_root: boolean;
modelValue: boolean;
mask: boolean;
showHeader: boolean;
showFooter: boolean;
maskClosable: boolean;
duration: string | number;
resize: boolean;
minHeight: string | number;
minWidth: string | number;
showClose: boolean;
lockScroll: boolean;
fullscreen: boolean;
isFormReset: boolean;
marginSize: string | number;
escClosable: boolean;
animat: boolean;
lockView: boolean;
status: string;
} & {
title?: string | undefined;
tiny_mode?: string | undefined;
tiny_template?: unknown;
tiny_renderless?: Function | undefined;
tiny_theme?: string | undefined;
tiny_chart_theme?: Record<string, any> | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
id?: string | undefined;
description?: string | undefined;
zIndex?: string | number | undefined;
options?: unknown[] | undefined;
events?: Record<string, any> | undefined;
beforeClose?: Function | undefined;
message?: string | undefined;
vSize?: string | undefined;
confirmContent?: string | undefined;
cancelContent?: string | undefined;
}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
type: string;
top: string | number;
tiny_mode_root: boolean;
modelValue: boolean;
mask: boolean;
showHeader: boolean;
showFooter: boolean;
maskClosable: boolean;
duration: string | number;
resize: boolean;
minHeight: string | number;
minWidth: string | number;
showClose: boolean;
lockScroll: boolean;
fullscreen: boolean;
isFormReset: boolean;
marginSize: string | number;
escClosable: boolean;
animat: boolean;
lockView: boolean;
status: string;
} & {
title?: string | undefined;
tiny_mode?: string | undefined;
tiny_template?: unknown;
tiny_renderless?: Function | undefined;
tiny_theme?: string | undefined;
tiny_chart_theme?: Record<string, any> | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
id?: string | undefined;
description?: string | undefined;
zIndex?: string | number | undefined;
options?: unknown[] | undefined;
events?: Record<string, any> | undefined;
beforeClose?: Function | undefined;
message?: string | undefined;
vSize?: string | undefined;
confirmContent?: string | undefined;
cancelContent?: string | undefined;
}, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
type: string;
top: string | number;
tiny_mode_root: boolean;
modelValue: boolean;
mask: boolean;
showHeader: boolean;
showFooter: boolean;
maskClosable: boolean;
duration: string | number;
resize: boolean;
minHeight: string | number;
minWidth: string | number;
showClose: boolean;
lockScroll: boolean;
fullscreen: boolean;
isFormReset: boolean;
marginSize: string | number;
escClosable: boolean;
animat: boolean;
lockView: boolean;
status: string;
} & {
title?: string | undefined;
tiny_mode?: string | undefined;
tiny_template?: unknown;
tiny_renderless?: Function | undefined;
tiny_theme?: string | undefined;
tiny_chart_theme?: Record<string, any> | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
id?: string | undefined;
description?: string | undefined;
zIndex?: string | number | undefined;
options?: unknown[] | undefined;
events?: Record<string, any> | undefined;
beforeClose?: Function | undefined;
message?: string | undefined;
vSize?: string | undefined;
confirmContent?: string | undefined;
cancelContent?: string | undefined;
}, {
type: string;
top: string | number;
mask: boolean;
showHeader: boolean;
duration: string | number;
minHeight: string | number;
minWidth: string | number;
showClose: boolean;
isFormReset: boolean;
marginSize: string | number;
animat: boolean;
lockView: boolean;
status: string;
}, true>);
declare const _default: any;
export default _default;

@@ -1,12 +0,2 @@

declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, Readonly<{
[x: string]: any;
}>, {
[x: string]: any;
} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
[x: string]: any;
} & {}, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
[x: string]: any;
} & {}, {
[x: string]: any;
}, true>);
declare const _default: any;
export default _default;

@@ -1,12 +0,2 @@

declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, Readonly<{
[x: string]: any;
}>, {
[x: string]: any;
} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
[x: string]: any;
} & {}, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
[x: string]: any;
} & {}, {
[x: string]: any;
}, true>);
declare const _default: 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