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

@opentiny/vue-modal

Package Overview
Dependencies
Maintainers
1
Versions
65
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 3.1.0-alpha.0 to 3.4.7

index.d.ts

46

lib/index.js

@@ -81,7 +81,7 @@ import { $prefix, setup, h, setupComponent, createComponent } from '@opentiny/vue-common';

STATUS_MAPPING_CLASSS: {
INFO: 'tiny-grid-svg__info',
SUCCESS: 'tiny-grid-svg__success',
WARNING: 'tiny-grid-svg__warning',
ERROR: 'tiny-grid-svg__error',
LOADING: 'tiny-grid-svg__refresh roll'
INFO: 'tiny-modal-svg__info',
SUCCESS: 'tiny-modal-svg__success',
WARNING: 'tiny-modal-svg__warning',
ERROR: 'tiny-modal-svg__error',
LOADING: 'tiny-modal-svg__refresh roll'
}

@@ -202,4 +202,4 @@ };

status = this.status,
showHeader = this.showHeader,
showFooter = this.showFooter,
showHeader = this.showHeader;
var showFooter = this.showFooter,
title = this.title,

@@ -228,3 +228,3 @@ message = this.message,

return h('div', {
class: ['tiny-grid-modal__wrapper', "type__".concat(type), (_ref = {}, _defineProperty(_ref, "size__".concat(vSize), vSize), _defineProperty(_ref, "status__".concat(status), typeof status === 'string'), _defineProperty(_ref, "is__animat", animat), _defineProperty(_ref, "lock__scroll", lockScroll), _defineProperty(_ref, "lock__view", lockView), _defineProperty(_ref, "is__mask", mask), _defineProperty(_ref, "is__maximize", zoomLocat), _defineProperty(_ref, "is__visible", contentVisible), _defineProperty(_ref, "active", visible), _ref)],
class: ['tiny-modal', 'tiny-modal__wrapper', "type__".concat(type), (_ref = {}, _defineProperty(_ref, "size__".concat(vSize), vSize), _defineProperty(_ref, "status__".concat(status), typeof status === 'string'), _defineProperty(_ref, "is__animat", animat), _defineProperty(_ref, "lock__scroll", lockScroll), _defineProperty(_ref, "lock__view", lockView), _defineProperty(_ref, "is__mask", mask), _defineProperty(_ref, "is__maximize", zoomLocat), _defineProperty(_ref, "is__visible", contentVisible), _defineProperty(_ref, "active", visible), _ref)],
style: {

@@ -238,6 +238,6 @@ zIndex: this.state.modalZindex,

}, [h('div', {
class: 'tiny-grid-modal__box',
class: 'tiny-modal__box',
ref: 'modalBox'
}, [showHeader ? h('div', {
class: 'tiny-grid-modal__header',
class: 'tiny-modal__header',
on: {

@@ -247,11 +247,11 @@ mousedown: this.mousedownEvent

}, [status ? h('div', {
class: 'tiny-grid-modal__status-wrapper'
class: 'tiny-modal__status-wrapper'
}, [typeof status === 'string' ? h(STATUS_MAPPING_COMPINENT[status.toUpperCase()], {
class: [constants.STATUS_MAPPING_CLASSS[status.toUpperCase()]]
}) : h(status, {
class: ['tiny-grid-modal__status-icon']
class: ['tiny-modal__status-icon']
})]) : null, h('span', {
class: 'tiny-grid-modal__title'
class: 'tiny-modal__title'
}, title || t('ui.alert.title')), resize ? h(zoomLocat ? iconMinscreenLeft() : iconFullscreenLeft(), {
class: ['tiny-grid-modal__zoom-btn', 'trigger__btn'],
class: ['tiny-modal__zoom-btn', 'trigger__btn'],
on: {

@@ -261,3 +261,3 @@ click: this.toggleZoomEvent

}) : null, h(iconClose(), {
class: ['tiny-grid-modal__close-btn', 'trigger__btn'],
class: ['tiny-modal__close-btn', 'trigger__btn'],
on: {

@@ -267,17 +267,17 @@ click: this.closeEvent

})]) : null, h('div', {
class: 'tiny-grid-modal__body'
class: 'tiny-modal__body'
}, [isMsg && status ? h('div', {
class: 'tiny-grid-modal__status-wrapper'
class: 'tiny-modal__status-wrapper'
}, [typeof status === 'string' ? h(STATUS_MAPPING_COMPINENT[status.toUpperCase()], {
class: [constants.STATUS_MAPPING_CLASSS[status.toUpperCase()]]
}) : h(status, {
class: ['tiny-grid-modal__status-icon']
class: ['tiny-modal__status-icon']
})]) : null, h('div', {
class: 'tiny-grid-modal__content'
class: 'tiny-modal__content'
}, defaultSlot ? defaultSlot.call(this, {
$modal: this
}, h) : [h('div', {
class: 'tiny-grid-modal__text'
class: 'tiny-modal__text'
}, typeof message === 'function' ? message.call(this, h) : message)])]), showFooter ? h('div', {
class: 'tiny-grid-modal__footer'
class: 'tiny-modal__footer'
}, footerSlot ? footerSlot.call(this, {

@@ -298,3 +298,3 @@ $modal: this,

}, t('ui.button.cancel')) : null]) : null, !isMsg && resize ? h('span', {
class: 'tiny-grid-modal__resize'
class: 'tiny-modal__resize'
}, ['wl', 'wr', 'swst', 'sest', 'st', 'swlb', 'selb', 'sb'].map(function (type) {

@@ -314,3 +314,3 @@ return h('span', {

script.version = '3.1.0-alpha.0';
script.version = '3.4.7';
script.model = {

@@ -317,0 +317,0 @@ prop: 'modelValue',

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

@@ -12,12 +12,13 @@ "main": "lib/index.js",

"dependencies": {
"@opentiny/vue-renderless": "~3.1.0-alpha.0",
"@opentiny/vue-common": "~3.1.0-alpha.0",
"@opentiny/vue-button": "~3.1.0-alpha.0",
"@opentiny/vue-locale": "~3.1.0-alpha.0",
"@opentiny/vue-icon": "~3.1.0-alpha.0",
"@opentiny/vue-theme": "~3.1.0-alpha.0",
"@opentiny/vue-theme-mobile": "~3.1.0-alpha.0"
"@opentiny/vue-renderless": "~3.4.0",
"@opentiny/vue-common": "~3.4.7",
"@opentiny/vue-button": "~3.4.7",
"@opentiny/vue-locale": "~3.4.7",
"@opentiny/vue-icon": "~3.4.7",
"@opentiny/vue-theme": "~3.4.0",
"@opentiny/vue-theme-mobile": "~3.4.0"
},
"license": "MIT",
"types": "index.d.ts",
"sideEffects": false
}
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