@opentiny/vue-dialog-box - npm Package Compare versions

Comparing version 3.6.0 to 3.6.1-alpha.0

index.d.ts

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

lib/index.js

@@ -1,64 +0,33 @@
-import { $prefix, $props, $setup } from '@opentiny/vue-common';
-import PCTemplate from './pc';
-import MobileTemplate from './mobile';
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
+import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
+import PcTemplate from "./pc.js";
+import MobileTemplate from "./mobile.js";
+var template = function template2(mode) {
+  if ("mobile" === (process.env.TINY_MODE || mode))
+    return MobileTemplate;
+  else
+    return PcTemplate;
+};
 var $constants = {
-  DIALOG_SLIDER_RIGHT: 'dialog-slideRight',
-  DIALOG_FADE: 'dialog-fade',
-  SELECT_DROPDOWN: $prefix + 'SelectDropdown',
-  DROPDOWN_MENU: $prefix + 'DropdownMenu',
-  DIALOG_BOX_CLASS: 'div.tiny-dialog-box',
-  PC_SCROLL_LOCK_CLASS: 'tiny-dialog-box__scroll-lock',
-  MOBILE_SCROLL_LOCK_CLASS: 'tiny-mobile-dialog-box__scroll-lock',
-  Mode: 'pc',
+  DIALOG_SLIDER_RIGHT: "dialog-slideRight",
+  DIALOG_FADE: "dialog-fade",
+  SELECT_DROPDOWN: $prefix + "SelectDropdown",
+  DROPDOWN_MENU: $prefix + "DropdownMenu",
+  DIALOG_BOX_CLASS: "div.tiny-dialog-box",
+  PC_SCROLL_LOCK_CLASS: "tiny-dialog-box__scroll-lock",
+  MOBILE_SCROLL_LOCK_CLASS: "tiny-mobile-dialog-box__scroll-lock",
+  Mode: "pc",
   scrollLockClass: function scrollLockClass(mode) {
@@ -68,12 +37,9 @@ return mode === this.Mode ? this.PC_SCROLL_LOCK_CLASS : this.MOBILE_SCROLL_LOCK_CLASS;
 };
-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 DialogBox = {
-  name: $prefix + 'DialogBox',
+var DialogBox = defineComponent({
+  name: $prefix + "DialogBox",
   model: {
-    prop: 'visible',
-    event: 'update:visible'
+    prop: "visible",
+    event: "update:visible"
   },
-  props: _objectSpread2(_objectSpread2({}, $props), {}, {
+  props: _extends({}, $props, {
     _constants: {
@@ -87,3 +53,3 @@ type: Object,
       type: Boolean,
-      default: function _default() {
+      default: function _default2() {
         return false;
@@ -95,3 +61,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default3() {
         return false;
@@ -102,3 +68,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default4() {
         return true;
@@ -109,3 +75,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default5() {
         return true;
@@ -117,4 +83,4 @@ }
       type: String,
-      default: function _default() {
-        return '';
+      default: function _default6() {
+        return "";
       }
@@ -124,3 +90,3 @@ },
       type: Boolean,
-      default: function _default() {
+      default: function _default7() {
         return false;
@@ -131,3 +97,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default8() {
         return false;
@@ -138,3 +104,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default9() {
         return true;
@@ -145,3 +111,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default10() {
         return true;
@@ -152,3 +118,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default11() {
         return true;
@@ -159,3 +125,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default12() {
         return true;
@@ -166,3 +132,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default13() {
         return false;
@@ -173,3 +139,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default14() {
         return false;
@@ -180,3 +146,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default15() {
         return true;
@@ -187,3 +153,3 @@ }
       type: Boolean,
-      default: function _default() {
+      default: function _default16() {
         return true;
@@ -194,4 +160,4 @@ }
       type: String,
-      default: function _default() {
-        return '';
+      default: function _default17() {
+        return "";
       }
@@ -202,3 +168,3 @@ },
       type: Boolean,
-      default: function _default() {
+      default: function _default18() {
         return false;
@@ -209,4 +175,4 @@ }
       type: String,
-      default: function _default() {
-        return '500px';
+      default: function _default19() {
+        return "500px";
       }
@@ -217,14 +183,15 @@ }
     return $setup({
-      props: props,
-      context: context,
-      template: template
+      props,
+      context,
+      template
     });
   }
-};
-
-DialogBox.install = function (Vue) {
+});
+var version = "3.7.0";
+DialogBox.install = function(Vue) {
   Vue.component(DialogBox.name, DialogBox);
 };
-DialogBox.version = '3.6.0';
-
-export { DialogBox as default };
+DialogBox.version = version;
+export {
+  DialogBox as default
+};

lib/mobile.js

@@ -1,49 +0,66 @@
-import { renderless, api } from '@opentiny/vue-renderless/dialog-box/vue';
-import { setup, props } from '@opentiny/vue-common';
-import '@opentiny/vue-theme-mobile/dialog-box/index.css';
-import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, withModifiers, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode, vShow } from 'vue';
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+import { renderless, api } from "@opentiny/vue-renderless/dialog-box/vue";
+import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
+import "@opentiny/vue-theme-mobile/dialog-box/index.css";
+import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, withModifiers, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode, 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 _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(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);
+  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];
+  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;
 }
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
+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 = {
-  emits: ['update:visible', 'change', 'before-close', 'open', 'close', 'opened', 'confirm', 'cancel', 'closed'],
-  props: [].concat(_toConsumableArray(props), ['visible', 'title', 'modal', 'closeOnClickModal', 'modalAppendToBody', 'appendToBody', 'width', 'top', 'showHeader', 'destroyOnClose']),
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  emits: ["update:visible", "change", "before-close", "open", "close", "opened", "confirm", "cancel", "closed"],
+  props: [].concat(props, ["visible", "title", "modal", "closeOnClickModal", "modalAppendToBody", "appendToBody", "width", "top", "showHeader", "destroyOnClose"]),
   model: {
-    prop: 'visible',
-    event: 'update:visible'
+    prop: "visible",
+    event: "update:visible"
   },
-  setup: function setup$1(props, context) {
-    return setup({
-      props: props,
-      context: context,
-      renderless: renderless,
-      api: api
+  setup: function setup(props2, context) {
+    return _setup({
+      props: props2,
+      context,
+      renderless,
+      api
     });
   }
-};
-
+});
 var _hoisted_1 = {
@@ -62,42 +79,74 @@ key: 0,
 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
-    name: "dialog-fade"
+    name: "dialog-fade",
+    persisted: ""
   }, {
-    default: withCtx(function () {
-      return [withDirectives(createElementVNode("div", {
-        class: "tiny-mobile-dialog-box__wrapper",
-        onClick: _cache[2] || (_cache[2] = withModifiers(function () {
-          return _ctx.handleWrapperClick && _ctx.handleWrapperClick.apply(_ctx, arguments);
-        }, ["self"]))
-      }, [(openBlock(), createElementBlock("div", {
-        ref: "dialog",
-        class: normalizeClass([{
-          'is-hide-header': !$props.showHeader
-        }, "tiny-mobile-dialog-box"]),
-        key: _ctx.state.key
-      }, [$props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, function () {
-        return [createElementVNode("span", _hoisted_2, toDisplayString($props.title), 1)];
-      })])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "footer", {}, function () {
-        return [createElementVNode("button", {
-          type: "button",
-          onClick: _cache[0] || (_cache[0] = function () {
-            return _ctx.handleCancel && _ctx.handleCancel.apply(_ctx, arguments);
-          }),
-          class: "tiny-mobile-dialog-box__button cancel-button"
-        }, toDisplayString(_ctx.t('ui.dialogBox.cancel')), 1), createElementVNode("button", {
-          type: "button",
-          onClick: _cache[1] || (_cache[1] = function () {
-            return _ctx.handleConfirm && _ctx.handleConfirm.apply(_ctx, arguments);
-          }),
-          class: "tiny-mobile-dialog-box__button confirm-button"
-        }, toDisplayString(_ctx.t('ui.dialogBox.confirm')), 1)];
-      })])], 2))], 512), [[vShow, $props.visible]])];
+    default: withCtx(function() {
+      return [withDirectives(createElementVNode(
+        "div",
+        {
+          class: "tiny-mobile-dialog-box__wrapper",
+          onClick: _cache[2] || (_cache[2] = withModifiers(function() {
+            return _ctx.handleWrapperClick && _ctx.handleWrapperClick.apply(_ctx, arguments);
+          }, ["self"]))
+        },
+        [(openBlock(), createElementBlock(
+          "div",
+          {
+            ref: "dialog",
+            class: normalizeClass([{
+              "is-hide-header": !_ctx.showHeader
+            }, "tiny-mobile-dialog-box"]),
+            key: _ctx.state.key
+          },
+          [_ctx.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, function() {
+            return [createElementVNode(
+              "span",
+              _hoisted_2,
+              toDisplayString(_ctx.title),
+              1
+              /* TEXT */
+            )];
+          })])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "footer", {}, function() {
+            return [createElementVNode(
+              "button",
+              {
+                type: "button",
+                onClick: _cache[0] || (_cache[0] = function() {
+                  return _ctx.handleCancel && _ctx.handleCancel.apply(_ctx, arguments);
+                }),
+                class: "tiny-mobile-dialog-box__button cancel-button"
+              },
+              toDisplayString(_ctx.t("ui.dialogBox.cancel")),
+              1
+              /* TEXT */
+            ), createElementVNode(
+              "button",
+              {
+                type: "button",
+                onClick: _cache[1] || (_cache[1] = function() {
+                  return _ctx.handleConfirm && _ctx.handleConfirm.apply(_ctx, arguments);
+                }),
+                class: "tiny-mobile-dialog-box__button confirm-button"
+              },
+              toDisplayString(_ctx.t("ui.dialogBox.confirm")),
+              1
+              /* TEXT */
+            )];
+          })])],
+          2
+          /* CLASS */
+        ))],
+        512
+        /* NEED_PATCH */
+      ), [[vShow, _ctx.visible]])];
     }),
     _: 3
+    /* FORWARDED */
   });
 }
-
-script.render = render;
-
-export { script as default };
+var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  mobile as default
+};

lib/pc.js

@@ -1,63 +0,52 @@
-import { renderless, api } from '@opentiny/vue-renderless/dialog-box/vue';
-import { setup, props } from '@opentiny/vue-common';
-import { iconClose, iconFullscreen, iconMinscreen } from '@opentiny/vue-icon';
-import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, createElementBlock, normalizeStyle, renderSlot, toDisplayString, createVNode, createCommentVNode, vShow } from 'vue';
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+import { renderless, api } from "@opentiny/vue-renderless/dialog-box/vue";
+import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
+import { iconClose, iconFullscreen, iconMinscreen } from "@opentiny/vue-icon";
+import "@opentiny/vue-theme/dialog-box/index.css";
+import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, createElementBlock, normalizeStyle, renderSlot, toDisplayString, createVNode, createCommentVNode, 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 _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(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);
+  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];
+  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;
 }
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-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);
+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;
+};
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".tiny-dialog-box{position:absolute;background:var(--ti-dialogbox-bg-color);border:1px solid transparent;border-radius:var(--ti-dialogbox-border-radius);-webkit-box-shadow:var(--ti-dialogbox-box-shadow);box-shadow:var(--ti-dialogbox-box-shadow);overflow:hidden}.tiny-dialog-box__wrapper{--ti-dialogbox-bg-color:var(--ti-base-color-light);--ti-dialogbox-border-radius:var(--ti-common-border-radius-normal);--ti-dialogbox-head-border-color:var(--ti-base-color-border);--ti-dialogbox-head-text-color:var(--ti-base-color-placeholder);--ti-dialogbox-head-padding-top:32px;--ti-dialogbox-head-padding-horizontal:32px;--ti-dialogbox-head-padding-bottom:28px;--ti-dialogbox-head-title-font-size:var(--ti-common-font-size-3);--ti-dialogbox-head-title-font-weight:var(--ti-common-font-weight-7);--ti-dialogbox-head-title-text-color:var(--ti-base-color-info-normal);--ti-dialogbox-head-font-icon-color:#c4c4c4;--ti-dialogbox-head-font-icon-size:14px;--ti-dialogbox-head-font-icon-color-hover:var(--ti-base-color-brand-6);--ti-dialogbox-head-body-text-color:#5a5e66;--ti-dialogbox-head-body-font-size:var(--ti-common-font-size-1);--ti-dialogbox-close-icon-color:var(--ti-base-color-common-5);--ti-dialogbox-close-icon-color-hover:var(--ti-base-color-brand-6);--ti-dialogbox-box-body-font-size:var(--ti-common-font-size-base);--ti-dialogbox-box-body-text-color:var(--ti-base-color-common-5);--ti-dialogbox-box-body-padding-vertical:0;--ti-dialogbox-box-body-padding-horizontal:32px;--ti-dialogbox-box-body-margin-bottom:12px;--ti-dialogbox-btn-background-color-hover:none;--ti-dialogbox-box-shadow:var(--ti-common-shadow-4-down);--ti-dialogbox-btn-position-top:18px;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box__scroll-lock{overflow:hidden}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__header{padding:var(--ti-dialogbox-head-padding-top) var(--ti-dialogbox-head-padding-horizontal) var(--ti-dialogbox-head-padding-bottom);background:var(--ti-dialogbox-bg-color);font-weight:var(--ti-dialogbox-head-title-font-weight);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{font-size:var(--ti-dialogbox-head-title-font-size);color:var(--ti-dialogbox-head-title-text-color);font-weight:var(--ti-dialogbox-head-title-font-weight);-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;position:absolute;top:var(--ti-dialogbox-btn-position-top);right:20px;cursor:pointer;height:32px;width:32px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:hover{background-color:var(--ti-dialogbox-btn-background-color-hover);border-radius:4px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-dialogbox-close-icon-color);font-size:var(--ti-dialogbox-head-font-icon-size)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-dialogbox-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:var(--ti-dialogbox-box-body-padding-vertical) var(--ti-dialogbox-box-body-padding-horizontal);margin-bottom:var(--ti-dialogbox-box-body-margin-bottom);color:var(--ti-dialogbox-box-body-text-color);font-size:var(--ti-dialogbox-box-body-font-size);overflow:auto;max-height:65vh}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box .tiny-dialog-box__footer{text-align:inherit;padding:28px 32px 32px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-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 dialog-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 dialog-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 dialog-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}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}";
-styleInject(css_248z);
-
-var script = {
+var _sfc_main = /* @__PURE__ */ defineComponent({
   components: {
@@ -68,7 +57,7 @@ IconClose: iconClose(),
   },
-  emits: ['update:visible', 'change', 'before-close', 'open', 'close', 'opened', 'confirm', 'cancel', 'closed', 'drag-start', 'drag-move', 'drag-end'],
-  props: [].concat(_toConsumableArray(props), ['resize', 'isFormReset', 'visible', 'title', 'modal', 'modalAppendToBody', 'appendToBody', 'lockScroll', 'closeOnClickModal', 'closeOnPressEscape', 'showClose', 'width', 'fullscreen', 'top', 'center', 'draggable', 'showHeader', 'rightSlide', 'destroyOnClose', 'dialogClass', 'beforeClose']),
+  emits: ["update:visible", "change", "before-close", "open", "close", "opened", "confirm", "cancel", "closed", "drag-start", "drag-move", "drag-end"],
+  props: [].concat(props, ["resize", "isFormReset", "visible", "title", "modal", "modalAppendToBody", "appendToBody", "lockScroll", "closeOnClickModal", "closeOnPressEscape", "showClose", "width", "fullscreen", "top", "center", "draggable", "showHeader", "rightSlide", "destroyOnClose", "dialogClass", "beforeClose"]),
   model: {
-    prop: 'visible',
-    event: 'update:visible'
+    prop: "visible",
+    event: "update:visible"
   },
@@ -80,12 +69,11 @@ provide: function provide() {
   },
-  setup: function setup$1(props, context) {
-    return setup({
-      props: props,
-      context: context,
-      renderless: renderless,
-      api: api
+  setup: function setup(props2, context) {
+    return _setup({
+      props: props2,
+      context,
+      renderless,
+      api
     });
   }
-};
-
+});
 var _hoisted_1 = {
@@ -101,3 +89,3 @@ class: "tiny-dialog-box__title"
 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_icon_close = resolveComponent("icon-close");
@@ -109,67 +97,93 @@ var _component_icon_fullscreen = resolveComponent("icon-fullscreen");
     onAfterEnter: _ctx.afterEnter,
-    onAfterLeave: _ctx.afterLeave
+    onAfterLeave: _ctx.afterLeave,
+    persisted: ""
   }, {
-    default: withCtx(function () {
-      return [withDirectives(createElementVNode("div", {
-        class: normalizeClass(['tiny-dialog-box__wrapper', $props.dialogClass]),
-        onClick: _cache[4] || (_cache[4] = withModifiers(function () {
-          return _ctx.handleWrapperClick && _ctx.handleWrapperClick.apply(_ctx, arguments);
-        }, ["self"]))
-      }, [(openBlock(), createElementBlock("div", {
-        ref: "dialog",
-        class: normalizeClass([[{
-          'is-fullscreen': _ctx.state.isFull,
-          'is-center': $props.center,
-          'is-right-slide': $props.rightSlide
-        }], "tiny-dialog-box"]),
-        style: normalizeStyle(_ctx.state.style),
-        key: _ctx.state.key
-      }, [$props.showHeader ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "tiny-dialog-box__header",
-        onMousedown: _cache[3] || (_cache[3] = function () {
-          return _ctx.handleDrag && _ctx.handleDrag.apply(_ctx, arguments);
-        })
-      }, [renderSlot(_ctx.$slots, "title", {}, function () {
-        return [createElementVNode("span", _hoisted_1, toDisplayString($props.title), 1)];
-      }), $props.showClose ? (openBlock(), createElementBlock("button", {
-        key: 0,
-        type: "button",
-        class: "tiny-dialog-box__headerbtn",
-        "aria-label": "Close",
-        onClick: _cache[0] || (_cache[0] = function ($event) {
-          return _ctx.handleClose('close', $event);
-        })
-      }, [createVNode(_component_icon_close, {
-        class: "tiny-svg-size tiny-dialog-box__close"
-      })])) : createCommentVNode("", true), $props.resize && !_ctx.state.isFull ? (openBlock(), createElementBlock("button", {
-        key: 1,
-        type: "button",
-        class: "tiny-dialog-box__headerbtn",
-        "aria-label": "Resize",
-        onClick: _cache[1] || (_cache[1] = function ($event) {
-          return _ctx.state.isFull = true;
-        })
-      }, [createVNode(_component_icon_fullscreen, {
-        class: "tiny-svg-size tiny-dialog-box__close"
-      })])) : createCommentVNode("", true), $props.resize && _ctx.state.isFull ? (openBlock(), createElementBlock("button", {
-        key: 2,
-        type: "button",
-        class: "tiny-dialog-box__headerbtn",
-        "aria-label": "Resize",
-        onClick: _cache[2] || (_cache[2] = function ($event) {
-          return _ctx.state.isFull = false;
-        })
-      }, [createVNode(_component_icon_minscreen, {
-        class: "tiny-svg-size tiny-dialog-box__close"
-      })])) : createCommentVNode("", true)], 32)) : createCommentVNode("", true), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), _ctx.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "footer", {
-        beforeClose: $props.beforeClose
-      })])) : createCommentVNode("", true)], 6))], 2), [[vShow, $props.visible]])];
+    default: withCtx(function() {
+      return [withDirectives(createElementVNode(
+        "div",
+        {
+          class: normalizeClass(["tiny-dialog-box__wrapper", _ctx.dialogClass]),
+          onClick: _cache[4] || (_cache[4] = withModifiers(function() {
+            return _ctx.handleWrapperClick && _ctx.handleWrapperClick.apply(_ctx, arguments);
+          }, ["self"]))
+        },
+        [(openBlock(), createElementBlock(
+          "div",
+          {
+            ref: "dialog",
+            class: normalizeClass([[{
+              "is-fullscreen": _ctx.state.isFull,
+              "is-center": _ctx.center,
+              "is-right-slide": _ctx.rightSlide
+            }], "tiny-dialog-box"]),
+            style: normalizeStyle(_ctx.state.style),
+            key: _ctx.state.key
+          },
+          [_ctx.showHeader ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "tiny-dialog-box__header",
+              onMousedown: _cache[3] || (_cache[3] = function() {
+                return _ctx.handleDrag && _ctx.handleDrag.apply(_ctx, arguments);
+              })
+            },
+            [renderSlot(_ctx.$slots, "title", {}, function() {
+              return [createElementVNode(
+                "span",
+                _hoisted_1,
+                toDisplayString(_ctx.title),
+                1
+                /* TEXT */
+              )];
+            }), _ctx.showClose ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "tiny-dialog-box__headerbtn",
+              "aria-label": "Close",
+              onClick: _cache[0] || (_cache[0] = function($event) {
+                return _ctx.handleClose("close", $event);
+              })
+            }, [createVNode(_component_icon_close, {
+              class: "tiny-svg-size tiny-dialog-box__close"
+            })])) : createCommentVNode("v-if", true), _ctx.resize && !_ctx.state.isFull ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              type: "button",
+              class: "tiny-dialog-box__headerbtn",
+              "aria-label": "Resize",
+              onClick: _cache[1] || (_cache[1] = function($event) {
+                return _ctx.state.isFull = true;
+              })
+            }, [createVNode(_component_icon_fullscreen, {
+              class: "tiny-svg-size tiny-dialog-box__close"
+            })])) : createCommentVNode("v-if", true), _ctx.resize && _ctx.state.isFull ? (openBlock(), createElementBlock("button", {
+              key: 2,
+              type: "button",
+              class: "tiny-dialog-box__headerbtn",
+              "aria-label": "Resize",
+              onClick: _cache[2] || (_cache[2] = function($event) {
+                return _ctx.state.isFull = false;
+              })
+            }, [createVNode(_component_icon_minscreen, {
+              class: "tiny-svg-size tiny-dialog-box__close"
+            })])) : createCommentVNode("v-if", true)],
+            32
+            /* HYDRATE_EVENTS */
+          )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), _ctx.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "footer", {
+            beforeClose: _ctx.beforeClose
+          })])) : createCommentVNode("v-if", true)],
+          6
+          /* CLASS, STYLE */
+        ))],
+        2
+        /* CLASS */
+      ), [[vShow, _ctx.visible]])];
     }),
     _: 3
+    /* FORWARDED */
   }, 8, ["name", "onAfterEnter", "onAfterLeave"]);
 }
-
-script.render = render;
-
-export { script as default };
+var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  pc as default
+};

package.json

 {
   "name": "@opentiny/vue-dialog-box",
-  "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-common": "~3.6.0",
-    "@opentiny/vue-icon": "~3.6.0",
-    "@opentiny/vue-renderless": "~3.6.0",
-    "@opentiny/vue-theme": "~3.6.0",
-    "@opentiny/vue-theme-mobile": "~3.6.0"
+    "@opentiny/vue-common": "~3.6.1-alpha.0",
+    "@opentiny/vue-icon": "~3.6.1-alpha.0",
+    "@opentiny/vue-renderless": "~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"
+  }
 }

src/index.d.ts

@@ -1,2 +0,2 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("@vue/runtime-core").DefineComponent<{
     _constants: {
@@ -91,3 +91,5 @@ type: ObjectConstructor;
     };
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "opened" | "closed" | "drag-start" | "drag-move" | "drag-end")[], "close" | "open" | "opened" | "closed" | "drag-start" | "drag-move" | "drag-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     _constants: {
@@ -182,32 +184,24 @@ type: ObjectConstructor;
     };
-}>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
-    "onDrag-start"?: ((...args: any[]) => any) | undefined;
-    "onDrag-move"?: ((...args: any[]) => any) | undefined;
-    "onDrag-end"?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
+    title: string;
+    appendToBody: boolean;
+    visible: boolean;
     _constants: Record<string, any>;
-    title: string;
     center: boolean;
     width: string;
-    visible: boolean;
+    resize: boolean;
     modal: boolean;
+    lockScroll: boolean;
     closeOnClickModal: boolean;
-    modalAppendToBody: boolean;
-    appendToBody: boolean;
-    showHeader: boolean;
+    closeOnPressEscape: boolean;
     destroyOnClose: boolean;
-    resize: boolean;
+    dialogClass: string;
+    draggable: boolean;
+    fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
-    closeOnPressEscape: boolean;
+    modalAppendToBody: boolean;
+    rightSlide: boolean;
     showClose: boolean;
-    fullscreen: boolean;
-    draggable: boolean;
-    rightSlide: boolean;
-    dialogClass: string;
+    showHeader: boolean;
 }>;
 export default _default;

src/mobile.vue.d.ts

@@ -1,18 +0,25 @@
-import '@opentiny/vue-theme-mobile/dialog-box/index.css';
-declare const _default: {
-    emits: string[];
-    props: string[];
-    model: {
-        prop: string;
-        event: string;
-    };
-    setup(props: any, context: any): {
-        t: any;
-        vm: any;
-        f: (props: any, attrs?: {}) => {};
-        a: (attrs: any, filters: any, include: any) => {};
-        d: (props: any) => void;
-        dp: (props: any) => void;
-    };
-};
-export default _default;
+declare const _sfc_main: 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;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:visible" | "open" | "closed" | "opened" | "confirm" | "cancel" | "before-close")[], "change" | "close" | "update:visible" | "open" | "closed" | "opened" | "confirm" | "cancel" | "before-close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    [x: string]: any;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    "onBefore-close"?: ((...args: any[]) => any) | undefined;
+}, {
+    [x: string]: any;
+}>;
+export default _sfc_main;

src/pc.vue.d.ts

@@ -1,47 +0,28 @@
-import '@opentiny/vue-theme/dialog-box/index.css';
-declare const _default: {
-    components: {
-        IconClose: any;
-        IconFullscreen: any;
-        IconMinscreen: any;
-    };
-    emits: string[];
-    props: string[];
-    model: {
-        prop: string;
-        event: string;
-    };
-    provide(): {
-        dialog: {
-            components: {
-                IconClose: any;
-                IconFullscreen: any;
-                IconMinscreen: any;
-            };
-            emits: string[];
-            props: string[];
-            model: {
-                prop: string;
-                event: string;
-            };
-            provide(): any;
-            setup(props: any, context: any): {
-                t: any;
-                vm: any;
-                f: (props: any, attrs?: {}) => {};
-                a: (attrs: any, filters: any, include: any) => {};
-                d: (props: any) => void;
-                dp: (props: any) => void;
-            };
-        };
-    };
-    setup(props: any, context: any): {
-        t: any;
-        vm: any;
-        f: (props: any, attrs?: {}) => {};
-        a: (attrs: any, filters: any, include: any) => {};
-        d: (props: any) => void;
-        dp: (props: any) => void;
-    };
-};
-export default _default;
+declare const _sfc_main: 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;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:visible" | "open" | "closed" | "opened" | "confirm" | "cancel" | "before-close" | "drag-start" | "drag-move" | "drag-end")[], "change" | "close" | "update:visible" | "open" | "closed" | "opened" | "confirm" | "cancel" | "before-close" | "drag-start" | "drag-move" | "drag-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    [x: string]: any;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    "onBefore-close"?: ((...args: any[]) => any) | undefined;
+    "onDrag-start"?: ((...args: any[]) => any) | undefined;
+    "onDrag-move"?: ((...args: any[]) => any) | undefined;
+    "onDrag-end"?: ((...args: any[]) => any) | undefined;
+}, {
+    [x: string]: any;
+}>;
+export default _sfc_main;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Dependency count

3

decreased by-40%

Number of package files

9

increased by12.5%

Lines of code

785

increased by0.38%

Number of low supply chain risk alerts

2

decreased by-50%

Worsened metrics

Total package byte prevSize

27306

decreased by-16.87%

Number of low quality alerts

2

increased by100%

Dependency changes

• - Removed@opentiny/vue-theme@~3.6.0

• - Removed@opentiny/vue-theme-mobile@~3.6.0

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

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

• Updated@opentiny/vue-renderless@~3.6.1-alpha.0