@opentiny/vue-modal - npm Package Compare versions

Comparing version 2.5.0 to 2.6.0-alpha.0

lib/index.js

@@ -1,6 +0,5 @@
-import { $prefix, setup, h, setupComponent, createComponent } from '@opentiny/vue-common';
+import { $prefix, $props, $setup, setupComponent, createComponent } from '@opentiny/vue-common';
 import { MsgQueue } from '@opentiny/vue-renderless/modal';
-import { renderless, api } from '@opentiny/vue-renderless/modal/vue';
-import Button from '@opentiny/vue-button';
-import { iconHelpSolid, iconInfoSolid, iconSuccess, iconWarning, iconError, iconLoading, iconMinscreenLeft, iconFullscreenLeft, iconClose } from '@opentiny/vue-icon';
+import PCTemplate from './pc';
+import MobileTemplate from './mobile';
 
@@ -66,2 +65,5 @@ function ownKeys(object, enumerableOnly) {
 
+var template = function template(mode) {
+  if (process.env.TINY_MODE === 'pc') return PCTemplate;else if (process.env.TINY_MODE === 'mobile') return MobileTemplate;else return mode === 'mobile' ? MobileTemplate : PCTemplate;
+};
 var $constants = {
@@ -88,5 +90,6 @@ MODAL_STATUS: {
 };
-var script = {
+var TINYModal = {
   name: $prefix + 'Modal',
-  props: {
+  componentName: 'Modal',
+  props: _objectSpread2(_objectSpread2({}, $props), {}, {
     _constants: {
@@ -138,3 +141,3 @@ type: Object,
     maskClosable: Boolean,
-    message: [String, Function],
+    message: [String, Function, Object],
     minHeight: {
@@ -174,260 +177,16 @@ type: [Number, String],
     width: [Number, String],
-    zIndex: [Number, String]
-  },
-  components: {
-    Button: Button
-  },
-  provide: function provide() {
-    return {
-      dialog: this
-    };
-  },
-  setup: function setup$1(props, context) {
-    return setup({
+    zIndex: [Number, String],
+    mode: null
+  }),
+  setup: function setup(props, context) {
+    return $setup({
       props: props,
       context: context,
-      renderless: renderless,
-      api: api,
-      mono: true
+      template: template
     });
-  },
-  render: function render() {
-    var _ref,
-      _this = this;
-    var state = this.state,
-      scopedSlots = this.scopedSlots,
-      vSize = this.vSize,
-      type = this.type,
-      resize = this.resize,
-      animat = this.animat,
-      status = this.status,
-      showHeader = this.showHeader;
-    var showFooter = this.showFooter,
-      title = this.title,
-      message = this.message,
-      lockScroll = this.lockScroll,
-      lockView = this.lockView,
-      mask = this.mask,
-      constants = this._constants,
-      t = this.t;
-    var zoomLocat = state.zoomLocat,
-      visible = state.visible,
-      contentVisible = state.contentVisible,
-      modalTop = state.modalTop,
-      isMsg = state.isMsg;
-    var defaultSlot = scopedSlots.default;
-    var footerSlot = scopedSlots.footer;
-    var STATUS_MAPPING_COMPINENT = {
-      QUESTION: iconHelpSolid(),
-      INFO: iconInfoSolid(),
-      SUCCESS: iconSuccess(),
-      WARNING: iconWarning(),
-      ERROR: iconError(),
-      LOADING: iconLoading()
-    };
-    return h('div', {
-      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: {
-        zIndex: this.state.modalZindex,
-        top: modalTop ? "".concat(modalTop, "px") : null
-      },
-      on: {
-        click: this.selfClickEvent
-      }
-    }, [h('div', {
-      class: 'tiny-modal__box',
-      ref: 'modalBox'
-    }, [showHeader ? h('div', {
-      class: 'tiny-modal__header',
-      on: {
-        mousedown: this.mousedownEvent
-      }
-    }, [status ? h('div', {
-      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-modal__status-icon']
-    })]) : null, h('span', {
-      class: 'tiny-modal__title'
-    }, title || t('ui.alert.title')), resize ? h(zoomLocat ? iconMinscreenLeft() : iconFullscreenLeft(), {
-      class: ['tiny-modal__zoom-btn', 'trigger__btn'],
-      on: {
-        click: this.toggleZoomEvent
-      }
-    }) : null, h(iconClose(), {
-      class: ['tiny-modal__close-btn', 'trigger__btn'],
-      on: {
-        click: this.closeEvent
-      }
-    })]) : null, h('div', {
-      class: 'tiny-modal__body'
-    }, [isMsg && status ? h('div', {
-      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-modal__status-icon']
-    })]) : null, h('div', {
-      class: 'tiny-modal__content'
-    }, defaultSlot ? defaultSlot.call(this, {
-      $modal: this
-    }, h) : [h('div', {
-      class: 'tiny-modal__text'
-    }, typeof message === 'function' ? message.call(this, h) : message)])]), showFooter ? h('div', {
-      class: 'tiny-modal__footer'
-    }, footerSlot ? footerSlot.call(this, {
-      $modal: this,
-      beforeClose: this.beforeClose
-    }, h) : [h(Button, {
-      props: {
-        type: 'primary'
-      },
-      on: {
-        click: this.confirmEvent
-      }
-    }, t('ui.button.confirm')), type === 'confirm' ? h(Button, {
-      on: {
-        click: this.cancelEvent
-      }
-    }, t('ui.button.cancel')) : null]) : null, !isMsg && resize ? h('span', {
-      class: 'tiny-modal__resize'
-    }, ['wl', 'wr', 'swst', 'sest', 'st', 'swlb', 'selb', 'sb'].map(function (type) {
-      return h('span', {
-        class: "".concat(type, "-resize"),
-        attrs: {
-          'data-type': type
-        },
-        on: {
-          mousedown: _this.dragEvent
-        }
-      });
-    })) : null])]);
   }
 };
 
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
-/* server only */
-, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-  if (typeof shadowMode !== 'boolean') {
-    createInjectorSSR = createInjector;
-    createInjector = shadowMode;
-    shadowMode = false;
-  } // Vue.extend constructor export interop.
-
-
-  var options = typeof script === 'function' ? script.options : script; // render functions
-
-  if (template && template.render) {
-    options.render = template.render;
-    options.staticRenderFns = template.staticRenderFns;
-    options._compiled = true; // functional template
-
-    if (isFunctionalTemplate) {
-      options.functional = true;
-    }
-  } // scopedId
-
-
-  if (scopeId) {
-    options._scopeId = scopeId;
-  }
-
-  var hook;
-
-  if (moduleIdentifier) {
-    // server build
-    hook = function hook(context) {
-      // 2.3 injection
-      context = context || // cached call
-      this.$vnode && this.$vnode.ssrContext || // stateful
-      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
-      // 2.2 with runInNewContext: true
-
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__;
-      } // inject component styles
-
-
-      if (style) {
-        style.call(this, createInjectorSSR(context));
-      } // register component module identifier for async chunk inference
-
-
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier);
-      }
-    }; // used by ssr in case component is cached and beforeCreate
-    // never gets called
-
-
-    options._ssrRegister = hook;
-  } else if (style) {
-    hook = shadowMode ? function () {
-      style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
-    } : function (context) {
-      style.call(this, createInjector(context));
-    };
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // register for functional component in vue file
-      var originalRender = options.render;
-
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
-  }
-
-  return script;
-}
-
-var normalizeComponent_1 = normalizeComponent;
-
-var __vue_script__ = script;
-var __vue_inject_styles__ = undefined;
-var __vue_scope_id__ = undefined;
-var __vue_module_identifier__ = undefined;
-var __vue_is_functional_template__ = undefined;
-var __vue_component__ = normalizeComponent_1({}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".tiny-modal{--ti-modal-font-size:var(--ti-common-font-size-base);--ti-modal-text-color:var(--ti-base-color-info-normal);--ti-modal-font-family:Helvetica,Arial,'Microsoft YaHei',sans-serif;--ti-modal-primary-icon-color:var(--ti-common-color-prompt);--ti-modal-success-icon-color:var(--ti-common-color-success);--ti-modal-error-icon-color:var(--ti-common-color-error);--ti-modal-warning-icon-color:var(--ti-common-color-warn);--ti-modal-loading-icon-color:var(--ti-common-color-prompt);--ti-modal-alert-font-size:22px;--ti-modal-header-font-size:var(--ti-common-font-size-3);--ti-modal-header-text-color:var(--ti-common-color-text-primary);--ti-modal-header-font-weight:var(--ti-base-font-weight-bold);--ti-modal-header-padding-top:32px;--ti-modal-header-padding-horizontal:32px;--ti-modal-header-padding-bottom:12px;--ti-modal-body-padding-top:0;--ti-modal-body-padding-horizontal:32px;--ti-modal-body-padding-bottom:0;--ti-modal-footer-padding-top:28px;--ti-modal-footer-padding-horizontal:32px;--ti-modal-footer-padding-bottom:32px;--ti-modal-footer-btn-border-radius:var(--ti-common-border-radius-normal);--ti-modal-close-btn-font-size:var(--ti-common-font-size-1);--ti-modal-close-btn-top:13px;--ti-modal-close-btn-scale:scale(1, 1);--ti-modal-close-btn-padding-horizontal-vertical:0;--ti-modal-small-btn-font-size:var(--ti-common-font-size-2);--ti-modal-box-background-color:var(--ti-base-color-light);--ti-modal-btn-text-color:var(--ti-base-color-common-5);--ti-modal-box-shadow:var(--ti-common-shadow-4-down);--ti-modal-box-border-radius:var(--ti-common-border-radius-normal);--ti-modal-border-color:rgba(0, 0, 0, 0.2);--ti-modal-close-btn-background-color-hover:var(--ti-base-color-light);--ti-modal-footer-default-display-button:inline-block;--ti-modal-box-width:400px}.tiny-modal__wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-size:var(--ti-modal-font-size);color:var(--ti-modal-text-color);font-family:var(--ti-modal-font-family, Helvetica, Arial, 'Microsoft YaHei', sans-serif);-webkit-transition:top .4s;transition:top .4s}.tiny-modal__wrapper.active{display:block}.tiny-modal__wrapper.is__visible.is__mask:before{background-color:rgba(0,0,0,.3)}.tiny-modal__wrapper.is__visible.type__message .tiny-modal__box{-webkit-transform:translateY(0);transform:translateY(0)}.tiny-modal__wrapper.is__visible:not(.type__message) .tiny-modal__box:not(.is__drag){top:15vh;-webkit-transition:top 0s ease-in,opacity .4s ease-in;transition:top 0s ease-in,opacity .4s ease-in}.tiny-modal__wrapper.is__visible .tiny-modal__box{opacity:1;visibility:visible}.tiny-modal__wrapper:not(.lock__view){pointer-events:none}.tiny-modal__wrapper.lock__scroll{overflow:hidden}.tiny-modal__wrapper:not(.lock__scroll){overflow:auto}.tiny-modal__wrapper:not(.type__message) .tiny-modal__text{font-size:var(--ti-common-font-size-base);color:var(--ti-common-color-text-secondary);line-height:var(--ti-common-line-height-number)}.tiny-modal__wrapper.is__mask:before,.tiny-modal__wrapper.lock__view:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.tiny-modal__wrapper.is__animat.is__mask:before{-webkit-transition:background-color,.2s,ease-in-out;transition:background-color,.2s,ease-in-out}.tiny-modal__wrapper.is__animat.type__message .tiny-modal__box:not(.is__drag){-webkit-transition:all,.2s,ease-out;transition:all,.2s,ease-out}.tiny-modal__wrapper.size__mini,.tiny-modal__wrapper.size__small{font-size:var(--ti-modal-font-size)}.tiny-modal__wrapper.size__mini .tiny-modal__box,.tiny-modal__wrapper.size__small .tiny-modal__box{padding:6px 0}.tiny-modal__wrapper.size__mini .tiny-modal__body,.tiny-modal__wrapper.size__small .tiny-modal__body{padding:4px 14px 10px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__footer,.tiny-modal__wrapper.size__small .tiny-modal__footer{padding:4px 14px 8px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__header,.tiny-modal__wrapper.size__small .tiny-modal__header{font-size:var(--ti-modal-header-font-size);padding:6px 30px 8px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__close-btn,.tiny-modal__wrapper.size__mini .tiny-modal__zoom-btn,.tiny-modal__wrapper.size__small .tiny-modal__close-btn,.tiny-modal__wrapper.size__small .tiny-modal__zoom-btn{font-size:var(--ti-modal-small-btn-font-size);top:10px}.tiny-modal__wrapper.type__alert .tiny-modal__body,.tiny-modal__wrapper.type__confirm .tiny-modal__body,.tiny-modal__wrapper.type__message .tiny-modal__body{white-space:normal;word-break:break-word}.tiny-modal__wrapper.type__message{text-align:center}.tiny-modal__wrapper.type__message .tiny-modal__box{display:inline-block;padding:24px;margin-top:0;width:auto;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 0 8px 0 rgba(0,0,0,.1);-webkit-transform:translateY(-10%);transform:translateY(-10%)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__body:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__content{max-width:800px;float:left}.tiny-modal__wrapper.type__message .tiny-modal__status-wrapper{font-size:var(--ti-modal-small-btn-font-size);padding-right:10px}.tiny-modal__wrapper.type__alert .tiny-modal__box,.tiny-modal__wrapper.type__confirm .tiny-modal__box,.tiny-modal__wrapper.type__modal .tiny-modal__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:50%;top:0;-webkit-box-shadow:var(--ti-modal-box-shadow);box-shadow:var(--ti-modal-box-shadow);border:1px solid var(--ti-modal-border-color)}.tiny-modal__wrapper.type__alert .tiny-modal__box .tiny-modal__header,.tiny-modal__wrapper.type__confirm .tiny-modal__box .tiny-modal__header,.tiny-modal__wrapper.type__modal .tiny-modal__box .tiny-modal__header{cursor:move}.tiny-modal__wrapper.type__modal .tiny-modal__body{overflow:auto}.tiny-modal__wrapper.type__modal .tiny-modal__body .tiny-modal__content{overflow:auto}.tiny-modal__wrapper.type__alert .tiny-modal__status-wrapper,.tiny-modal__wrapper.type__confirm .tiny-modal__status-wrapper{font-size:var(--ti-modal-alert-font-size);padding:0 10px 0 2px}.tiny-modal__wrapper.status__info .tiny-modal__status-wrapper{fill:var(--ti-modal-primary-icon-color)}.tiny-modal__wrapper.status__question .tiny-modal__status-wrapper,.tiny-modal__wrapper.status__warning .tiny-modal__status-wrapper{fill:var(--ti-modal-warning-icon-color)}.tiny-modal__wrapper.status__success .tiny-modal__status-wrapper{fill:var(--ti-modal-success-icon-color)}.tiny-modal__wrapper.status__error .tiny-modal__status-wrapper{fill:var(--ti-modal-error-icon-color)}.tiny-modal__wrapper.status__loading .tiny-modal__status-wrapper{fill:var(--ti-modal-loading-icon-color)}.tiny-modal__wrapper.is__maximize .tiny-modal__box .tiny-modal__header{cursor:default}.tiny-modal__wrapper.is__maximize .tiny-modal__resize .sb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .selb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .sest-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .st-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .swlb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .swst-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .wl-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .wr-resize{display:none}.tiny-modal__box{width:var(--ti-modal-box-width);background-color:var(--ti-modal-box-background-color);border-radius:var(--ti-modal-box-border-radius);font-size:var(--ti-modal-header-font-size);-webkit-box-shadow:var(--ti-common-shadow-4-down);box-shadow:var(--ti-common-shadow-4-down);text-align:left;pointer-events:auto;visibility:hidden;opacity:0}.tiny-modal__box.is__drag{cursor:move}.tiny-modal__box.is__drag .tiny-modal__body:after,.tiny-modal__box.is__drag .tiny-modal__footer:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.tiny-modal__box.is__drag .tiny-modal__body{overflow:hidden}.tiny-modal__box.is__drag .tiny-modal__body .tiny-modal__content{overflow:hidden}.tiny-modal__status-wrapper{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-modal__status-icon{font-style:normal}.tiny-modal__content{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.tiny-modal__body,.tiny-modal__footer,.tiny-modal__header{position:relative}.tiny-modal__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:var(--ti-modal-body-padding-top) var(--ti-modal-body-padding-horizontal) var(--ti-modal-body-padding-bottom)}.tiny-modal__header{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-modal-header-text-color);font-size:var(--ti-modal-header-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:var(--ti-modal-header-font-weight);border-bottom:none;padding:var(--ti-modal-header-padding-top) var(--ti-modal-header-padding-horizontal) var(--ti-modal-header-padding-bottom);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-modal__close-btn,.tiny-modal__zoom-btn{font-size:var(--ti-modal-close-btn-font-size);position:absolute;right:24px;top:var(--ti-modal-close-btn-top);z-index:1;fill:var(--ti-modal-btn-text-color);-webkit-transform:var(--ti-modal-close-btn-scale);transform:var(--ti-modal-close-btn-scale);cursor:pointer;padding:var(--ti-modal-close-btn-padding-horizontal-vertical);border-radius:4px}.tiny-modal__close-btn:hover,.tiny-modal__zoom-btn:hover{fill:var(--ti-modal-btn-text-color);background-color:var(--ti-modal-close-btn-background-color-hover)}.tiny-modal__zoom-btn{right:44px;border-color:#c0c4cc}.tiny-modal__zoom-btn:hover{border-color:#606266}.tiny-modal__footer{-ms-flex-negative:0;flex-shrink:0;text-align:center;padding:var(--ti-modal-footer-padding-top) var(--ti-modal-footer-padding-horizontal) var(--ti-modal-footer-padding-bottom)}.tiny-modal__footer .tiny-button{border-radius:var(--ti-modal-footer-btn-border-radius)}.tiny-modal__footer .tiny-button--default{display:var(--ti-modal-footer-default-display-button)}.tiny-modal__resize .sb-resize,.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize,.tiny-modal__resize .st-resize,.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize,.tiny-modal__resize .wl-resize,.tiny-modal__resize .wr-resize{position:absolute;z-index:100}.tiny-modal__resize .wl-resize,.tiny-modal__resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.tiny-modal__resize .wl-resize{left:-3px}.tiny-modal__resize .wr-resize{right:-3px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize,.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize{width:10px;height:10px;z-index:101}.tiny-modal__resize .sest-resize,.tiny-modal__resize .swst-resize{top:-8px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .swlb-resize{bottom:-8px}.tiny-modal__resize .sest-resize,.tiny-modal__resize .swlb-resize{cursor:sw-resize}.tiny-modal__resize .selb-resize,.tiny-modal__resize .swst-resize{cursor:se-resize}.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize{left:-8px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize{right:-8px}.tiny-modal__resize .sb-resize,.tiny-modal__resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.tiny-modal__resize .st-resize{top:-3px}.tiny-modal__resize .sb-resize{bottom:-3px}@-webkit-keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}";
-styleInject(css_248z);
-
-__vue_component__.version = '2.5.0';
-__vue_component__.model = {
+TINYModal.version = '2.6.0-alpha.0';
+TINYModal.model = {
   prop: 'modelValue',
@@ -455,3 +214,3 @@ event: 'update:modelValue'
         propsData: options,
-        component: __vue_component__
+        component: TINYModal
       });
@@ -479,3 +238,3 @@ $modal.open();
   }
-  __vue_component__[type] = Modal[type] = function (message, title, options) {
+  TINYModal[type] = Modal[type] = function (message, title, options) {
     var opts;
@@ -501,8 +260,8 @@ if (_typeof(message) === 'object' && message !== null) {
 var confirm = Modal.confirm;
-__vue_component__.installed = false;
+TINYModal.installed = false;
 setupComponent.TINYModal = {
   install: function install(Vue) {
-    if (__vue_component__.installed) return;
-    Vue.component(__vue_component__.name, __vue_component__);
-    __vue_component__.installed = true;
+    if (TINYModal.installed) return;
+    Vue.component(TINYModal.name, TINYModal);
+    TINYModal.installed = true;
   },
@@ -515,6 +274,6 @@ init: function init(root) {
 };
-__vue_component__.install = function (Vue) {
+TINYModal.install = function (Vue) {
   setupComponent.TINYModal.install(Vue);
 };
 
-export { Modal, alert, confirm, __vue_component__ as default, message };
+export { Modal, alert, confirm, TINYModal as default, message };

package.json

 {
   "name": "@opentiny/vue-modal",
-  "version": "2.5.0",
+  "version": "2.6.0-alpha.0",
   "description": "",
@@ -12,9 +12,9 @@ "main": "lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.5.0",
-    "@opentiny/vue-common": "~2.5.0",
-    "@opentiny/vue-button": "~2.5.0",
-    "@opentiny/vue-locale": "~2.5.0",
-    "@opentiny/vue-icon": "~2.5.0",
-    "@opentiny/vue-theme": "~3.5.0",
-    "@opentiny/vue-theme-mobile": "~3.5.0"
+    "@opentiny/vue-renderless": "~3.6.0-alpha.1",
+    "@opentiny/vue-common": "~2.6.0-alpha.0",
+    "@opentiny/vue-button": "~2.6.0-alpha.0",
+    "@opentiny/vue-locale": "~2.6.0-alpha.0",
+    "@opentiny/vue-icon": "~2.6.0-alpha.0",
+    "@opentiny/vue-theme": "~3.6.0-alpha.1",
+    "@opentiny/vue-theme-mobile": "~3.6.0-alpha.1"
   },
@@ -21,0 +21,0 @@ "license": "MIT",

New alerts

Major refactor

Supply chain risk

Package 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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of package files

4

increased by100%

Lines of code

773

increased by45.85%

Worsened metrics

Total package byte prevSize

27344

decreased by-3.89%

Number of low quality alerts

2

increased by100%

Number of low supply chain risk alerts

3

increased by50%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@opentiny/vue-button@2.6.7(transitive)

• + Added@opentiny/vue-common@2.6.7(transitive)

• + Added@opentiny/vue-icon@2.6.7(transitive)

• + Added@opentiny/vue-locale@2.6.7(transitive)

• + Added@opentiny/vue-renderless@3.6.8(transitive)

• + Added@opentiny/vue-theme@3.6.7(transitive)

• + Added@opentiny/vue-theme-mobile@3.6.6(transitive)

• + Added@vue/composition-api@1.2.4(transitive)

• - Removed@babel/runtime@7.18.3(transitive)

• - Removed@opentiny/vue-button@2.5.0(transitive)

• - Removed@opentiny/vue-common@2.5.0(transitive)

• - Removed@opentiny/vue-icon@2.5.1(transitive)

• - Removed@opentiny/vue-locale@2.5.0(transitive)

• - Removed@opentiny/vue-renderless@3.5.0(transitive)

• - Removed@opentiny/vue-theme@3.5.0(transitive)

• - Removed@opentiny/vue-theme-mobile@3.5.0(transitive)

• - Removed@vue/composition-api@1.2.2(transitive)

• - Removedregenerator-runtime@0.13.11(transitive)

• Updated@opentiny/vue-button@~2.6.0-alpha.0

• Updated@opentiny/vue-common@~2.6.0-alpha.0

• Updated@opentiny/vue-icon@~2.6.0-alpha.0

• Updated@opentiny/vue-locale@~2.6.0-alpha.0

• Updated@opentiny/vue-renderless@~3.6.0-alpha.1

• Updated@opentiny/vue-theme@~3.6.0-alpha.1

• Updated@opentiny/vue-theme-mobile@~3.6.0-alpha.1