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

Comparing version 3.9.0 to 3.10.0

lib/index.js

@@ -33,4 +33,4 @@ function _extends() {
   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",
+  PC_SCROLL_LOCK_CLASS: "dialog-box__scroll-lock",
+  MOBILE_SCROLL_LOCK_CLASS: "mobile-dialog-box__scroll-lock",
   Mode: "pc",
@@ -79,6 +79,11 @@ scrollLockClass: function scrollLockClass(mode) {
     },
-    destroyOnClose: Boolean,
+    destroyOnClose: {
+      Boolean,
+      default: function _default6() {
+        return false;
+      }
+    },
     dialogClass: {
       type: String,
-      default: function _default6() {
+      default: function _default7() {
         return "";
@@ -89,3 +94,3 @@ }
       type: Boolean,
-      default: function _default7() {
+      default: function _default8() {
         return false;
@@ -96,3 +101,3 @@ }
       type: Boolean,
-      default: function _default8() {
+      default: function _default9() {
         return false;
@@ -103,3 +108,3 @@ }
       type: Boolean,
-      default: function _default9() {
+      default: function _default10() {
         return true;
@@ -110,3 +115,3 @@ }
       type: Boolean,
-      default: function _default10() {
+      default: function _default11() {
         return true;
@@ -117,3 +122,3 @@ }
       type: Boolean,
-      default: function _default11() {
+      default: function _default12() {
         return true;
@@ -124,3 +129,3 @@ }
       type: Boolean,
-      default: function _default12() {
+      default: function _default13() {
         return true;
@@ -131,3 +136,3 @@ }
       type: Boolean,
-      default: function _default13() {
+      default: function _default14() {
         return false;
@@ -138,3 +143,3 @@ }
       type: Boolean,
-      default: function _default14() {
+      default: function _default15() {
         return false;
@@ -145,3 +150,3 @@ }
       type: Boolean,
-      default: function _default15() {
+      default: function _default16() {
         return true;
@@ -152,3 +157,3 @@ }
       type: Boolean,
-      default: function _default16() {
+      default: function _default17() {
         return true;
@@ -159,3 +164,3 @@ }
       type: String,
-      default: function _default17() {
+      default: function _default18() {
         return "";
@@ -167,3 +172,3 @@ }
       type: Boolean,
-      default: function _default18() {
+      default: function _default19() {
         return false;
@@ -174,3 +179,3 @@ }
       type: String,
-      default: function _default19() {
+      default: function _default20() {
         return "500px";
@@ -181,3 +186,3 @@ }
       type: String,
-      default: function _default20() {
+      default: function _default21() {
         return "";
@@ -195,3 +200,3 @@ }
 });
-var version = "3.9.0";
+var version = "3.10.0";
 DialogBox.install = function(Vue) {
@@ -198,0 +203,0 @@ Vue.component(DialogBox.name, DialogBox);

lib/pc.js

@@ -81,5 +81,2 @@ import { renderless, api } from "@opentiny/vue-renderless/dialog-box/vue";
 var _hoisted_2 = {
-  class: "tiny-dialog-box__body"
-};
-var _hoisted_3 = {
   key: 1,
@@ -107,3 +104,3 @@ class: "tiny-dialog-box__footer"
         },
-        [(openBlock(), createElementBlock(
+        [(_ctx.destroyOnClose ? _ctx.visible : true) ? (openBlock(), createElementBlock(
           "div",
@@ -170,3 +167,12 @@ {
             /* 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", {
+          )) : createCommentVNode("v-if", true), createElementVNode(
+            "div",
+            {
+              class: "tiny-dialog-box__body",
+              style: normalizeStyle(_ctx.state.bodyStyle)
+            },
+            [renderSlot(_ctx.$slots, "default")],
+            4
+            /* STYLE */
+          ), _ctx.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "footer", {
             beforeClose: _ctx.beforeClose
@@ -176,3 +182,3 @@ })])) : createCommentVNode("v-if", true)],
           /* CLASS, STYLE */
-        ))],
+        )) : createCommentVNode("v-if", true)],
         2
@@ -179,0 +185,0 @@ /* CLASS */

package.json

 {
   "name": "@opentiny/vue-dialog-box",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "description": "",
@@ -8,6 +8,7 @@ "main": "./lib/index.js",
   "sideEffects": false,
+  "type": "module",
   "dependencies": {
-    "@opentiny/vue-common": "~3.9.0",
-    "@opentiny/vue-icon": "~3.9.0",
-    "@opentiny/vue-renderless": "~3.9.0"
+    "@opentiny/vue-common": "~3.10.0",
+    "@opentiny/vue-icon": "~3.10.0",
+    "@opentiny/vue-renderless": "~3.10.0"
   },
@@ -14,0 +15,0 @@ "license": "MIT",

src/index.d.ts

@@ -33,3 +33,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     };
-    destroyOnClose: BooleanConstructor;
+    destroyOnClose: {
+        Boolean: BooleanConstructor;
+        default: () => boolean;
+    };
     dialogClass: {
@@ -102,5 +105,5 @@ type: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").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<{
+}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     _constants: {
@@ -137,3 +140,6 @@ type: ObjectConstructor;
     };
-    destroyOnClose: BooleanConstructor;
+    destroyOnClose: {
+        Boolean: BooleanConstructor;
+        default: () => boolean;
+    };
     dialogClass: {
@@ -207,12 +213,15 @@ type: StringConstructor;
 }>>, {
+    center: boolean;
+    title: string;
+    tiny_mode_root: boolean;
+    _constants: Record<string, any>;
     width: string;
     visible: boolean;
-    title: string;
+    draggable: boolean;
     showHeader: boolean;
-    tiny_mode_root: boolean;
-    _constants: Record<string, any>;
-    center: boolean;
     resize: boolean;
-    modal: boolean;
+    maxHeight: string;
     appendToBody: boolean;
+    showClose: boolean;
+    lockScroll: boolean;
     closeOnClickModal: boolean;
@@ -222,11 +231,8 @@ closeOnPressEscape: boolean;
     dialogClass: string;
-    draggable: boolean;
     fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
+    modal: boolean;
     modalAppendToBody: boolean;
     rightSlide: boolean;
-    showClose: boolean;
-    maxHeight: string;
-}>;
+}, {}>;
 export default _default;

src/mobile.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     [x: string]: any;
@@ -12,17 +12,17 @@ }>, {
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:visible" | "confirm" | "cancel" | "open" | "closed" | "opened" | "before-close")[], "change" | "close" | "update:visible" | "confirm" | "cancel" | "open" | "closed" | "opened" | "before-close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:visible" | "close" | "confirm" | "cancel" | "change" | "open" | "closed" | "opened" | "before-close")[], "update:visible" | "close" | "confirm" | "cancel" | "change" | "open" | "closed" | "opened" | "before-close", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     [x: string]: any;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...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;
+}, {}>;
+export default _default;

src/pc.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     [x: string]: any;
@@ -12,13 +12,13 @@ }>, {
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:visible" | "confirm" | "cancel" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end")[], "change" | "close" | "update:visible" | "confirm" | "cancel" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:visible" | "close" | "confirm" | "cancel" | "change" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end")[], "update:visible" | "close" | "confirm" | "cancel" | "change" | "open" | "closed" | "opened" | "before-close" | "drag-start" | "drag-move" | "drag-end", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     [x: string]: any;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...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;
@@ -30,3 +30,3 @@ "onDrag-start"?: ((...args: any[]) => any) | undefined;
     [x: string]: any;
-}>;
-export default _sfc_main;
+}, {}>;
+export default _default;

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

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

Improved metrics

Total package byte prevSize

29081

increased by2.5%

Number of package files

10

increased by11.11%

Lines of code

840

increased by2.44%

Is type module

Yes

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

• Updated@opentiny/vue-common@~3.10.0

• Updated@opentiny/vue-icon@~3.10.0

• Updated@opentiny/vue-renderless@~3.10.0