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

Comparing version 2.15.0 to 2.16.0

lib/index.js

@@ -180,2 +180,6 @@ function _extends() {
     }
+  },
+  dialogTransition: {
+    type: String,
+    default: ""
   }
@@ -198,3 +202,3 @@ });
 });
-var version = "2.15.0";
+var version = "2.16.0";
 DialogBox.install = function(Vue) {
@@ -201,0 +205,0 @@ Vue.component(DialogBox.name, DialogBox);

lib/mobile-first.js

@@ -140,3 +140,3 @@ import { renderless, api } from '@opentiny/vue-renderless/dialog-box/vue';
     }, [_vm._v(_vm._s(_vm.title))])];
-  }), _vm.showClose ? _c("button", {
+  }), _vm.resize && !_vm.state.isFull ? _c("button", {
     staticClass: "border-none p-0 leading-none cursor-pointer focus:outline-0",
@@ -146,10 +146,10 @@ attrs: {
       "data-tag": "tiny-dialog-box__headerbtn",
-      "aria-label": "Close"
+      "aria-label": "Resize"
     },
     on: {
       "click": function click($event) {
-        return _vm.handleClose("close", $event);
+        return _vm.toggleFullScreen(true);
       }
     }
-  }, [_c("icon-close", {
+  }, [_c("icon-fullscreen", {
     staticClass: "fill-color-text-primary text-base hover:fill-color-brand",
@@ -159,3 +159,3 @@ attrs: {
     }
-  })], 1) : _vm._e(), _vm.resize && !_vm.state.isFull ? _c("button", {
+  })], 1) : _vm._e(), _vm.resize && _vm.state.isFull ? _c("button", {
     staticClass: "border-none p-0 leading-none cursor-pointer focus:outline-0",
@@ -169,6 +169,6 @@ attrs: {
       "click": function click($event) {
-        _vm.state.isFull = true;
+        return _vm.toggleFullScreen(false);
       }
     }
-  }, [_c("icon-fullscreen", {
+  }, [_c("icon-minscreen", {
     staticClass: "fill-color-text-primary text-base hover:fill-color-brand",
@@ -178,3 +178,3 @@ attrs: {
     }
-  })], 1) : _vm._e(), _vm.resize && _vm.state.isFull ? _c("button", {
+  })], 1) : _vm._e(), _vm.showClose ? _c("button", {
     staticClass: "border-none p-0 leading-none cursor-pointer focus:outline-0",
@@ -184,10 +184,10 @@ attrs: {
       "data-tag": "tiny-dialog-box__headerbtn",
-      "aria-label": "Resize"
+      "aria-label": "Close"
     },
     on: {
       "click": function click($event) {
-        _vm.state.isFull = false;
+        return _vm.handleClose("close", $event);
       }
     }
-  }, [_c("icon-minscreen", {
+  }, [_c("icon-close", {
     staticClass: "fill-color-text-primary text-base hover:fill-color-brand",
@@ -198,3 +198,3 @@ attrs: {
   })], 1) : _vm._e()], 2) : _vm._e(), _c("div", {
-    staticClass: "text-left pt-0 pr-6 pb-0 pl-6 mb-6 mt-6 text-color-text-primary leading-5 text-sm overflow-auto",
+    staticClass: "text-left pt-0 pr-6 pb-0 pl-6 mb-3 mt-3 text-color-text-primary leading-5.5 text-sm overflow-auto",
     class: [_vm.state.isFull ? "max-h-[calc(100vh-theme(spacing.28))]" : "max-h-[65vh]", _vm.rightSlide ? "max-h-[none] flex-auto" : ""],
@@ -230,3 +230,2 @@ style: _vm.state.bodyStyle,
           return [_c("div", {
-            key: name,
             class: {
@@ -233,0 +232,0 @@ "flex w-full justify-between px-4 [&_[data-tag=tiny-button]]:flex-grow [&_[data-tag=tiny-button]:nth-child(2)]:ml-2": name === "footer",

lib/pc.js

@@ -66,4 +66,19 @@ import { renderless, api } from '@opentiny/vue-renderless/dialog-box/vue';
   },
-  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", "dragOutsideWindow", "showHeader", "rightSlide", "destroyOnClose", "dialogClass", "beforeClose", "maxHeight"]),
+  emits: [
+    "update:visible",
+    "change",
+    "before-close",
+    "open",
+    "close",
+    "opened",
+    "confirm",
+    "cancel",
+    "closed",
+    "drag-start",
+    "drag-move",
+    "drag-end",
+    // tiny 新增
+    "resize"
+  ],
+  props: [].concat(props, ["resize", "isFormReset", "visible", "title", "modal", "modalAppendToBody", "appendToBody", "lockScroll", "closeOnClickModal", "closeOnPressEscape", "showClose", "width", "fullscreen", "top", "center", "draggable", "dragOutsideWindow", "showHeader", "rightSlide", "destroyOnClose", "dialogClass", "beforeClose", "maxHeight", "dialogTransition"]),
   model: {
@@ -116,3 +131,13 @@ prop: "visible",
     }
+  }, [_c("transition", {
+    attrs: {
+      "name": _vm.dialogTransition
+    }
   }, [(_vm.destroyOnClose ? _vm.visible : true) ? _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visible,
+      expression: "visible"
+    }],
     key: _vm.state.key,
@@ -136,16 +161,16 @@ ref: "dialog",
     }, [_vm._v(_vm._s(_vm.title))])];
-  }), _vm.showClose ? _c("button", {
+  }), _vm.resize && !_vm.state.isFull ? _c("button", {
     staticClass: "tiny-dialog-box__headerbtn",
     attrs: {
       "type": "button",
-      "aria-label": "Close"
+      "aria-label": "Resize"
     },
     on: {
       "click": function click($event) {
-        return _vm.handleClose("close", $event);
+        return _vm.toggleFullScreen(true);
       }
     }
-  }, [_c("icon-close", {
+  }, [_c("icon-fullscreen", {
     staticClass: "tiny-svg-size tiny-dialog-box__close"
-  })], 1) : _vm._e(), _vm.resize && !_vm.state.isFull ? _c("button", {
+  })], 1) : _vm._e(), _vm.resize && _vm.state.isFull ? _c("button", {
     staticClass: "tiny-dialog-box__headerbtn",
@@ -158,19 +183,22 @@ attrs: {
       "click": function click($event) {
-        _vm.state.isFull = true;
+        return _vm.toggleFullScreen(false);
       }
     }
-  }, [_c("icon-fullscreen", {
+  }, [_c("icon-minscreen", {
     staticClass: "tiny-svg-size tiny-dialog-box__close"
-  })], 1) : _vm._e(), _vm.resize && _vm.state.isFull ? _c("button", {
+  })], 1) : _vm._e(), _vm.showClose ? _c("button", {
     staticClass: "tiny-dialog-box__headerbtn",
     attrs: {
       "type": "button",
-      "aria-label": "Resize"
+      "aria-label": "Close"
     },
     on: {
       "click": function click($event) {
-        _vm.state.isFull = false;
+        return _vm.handleClose("close", $event);
+      },
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
       }
     }
-  }, [_c("icon-minscreen", {
+  }, [_c("icon-close", {
     staticClass: "tiny-svg-size tiny-dialog-box__close"
@@ -184,3 +212,3 @@ })], 1) : _vm._e()], 2) : _vm._e(), _c("div", {
     "beforeClose": _vm.beforeClose
-  })], 2) : _vm._e()]) : _vm._e()])]);
+  })], 2) : _vm._e()]) : _vm._e()])], 1)]);
 };
@@ -187,0 +215,0 @@ var staticRenderFns = [];

package.json

 {
   "name": "@opentiny/vue-dialog-box",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "description": "",
@@ -10,8 +10,8 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~2.15.0",
-    "@opentiny/vue-icon": "~2.15.0",
-    "@opentiny/vue-action-sheet": "~2.15.0",
-    "@opentiny/vue-renderless": "~3.15.0",
-    "@opentiny/vue-theme-mobile": "~3.15.0",
-    "@opentiny/vue-theme": "~3.15.0"
+    "@opentiny/vue-common": "~2.16.0",
+    "@opentiny/vue-icon": "~2.16.0",
+    "@opentiny/vue-action-sheet": "~2.16.0",
+    "@opentiny/vue-renderless": "~3.16.0",
+    "@opentiny/vue-theme-mobile": "~3.16.0",
+    "@opentiny/vue-theme": "~3.16.0"
   },
@@ -18,0 +18,0 @@ "license": "MIT",

src/index.d.ts

@@ -124,2 +124,6 @@ /**
     };
+    dialogTransition: {
+        type: StringConstructor;
+        default: string;
+    };
     tiny_mode: StringConstructor;
@@ -126,0 +130,0 @@ tiny_mode_root: BooleanConstructor;

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

30432

increased by1.93%

Lines of code

970

increased by3.74%

Dependency changes

• + Added@opentiny/vue-action-sheet@2.16.0(transitive)

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

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

• + Added@opentiny/vue-drawer@2.16.0(transitive)

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

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

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

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

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

• + Added@opentiny/vue-tooltip@2.16.0(transitive)

• - Removed@opentiny/vue-action-sheet@2.15.0(transitive)

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

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

• - Removed@opentiny/vue-drawer@2.15.0(transitive)

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

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

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

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

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

• - Removed@opentiny/vue-tooltip@2.15.0(transitive)

• Updated@opentiny/vue-action-sheet@~2.16.0

• Updated@opentiny/vue-common@~2.16.0

• Updated@opentiny/vue-icon@~2.16.0

• Updated@opentiny/vue-renderless@~3.16.0

• Updated@opentiny/vue-theme@~3.16.0

• Updated@opentiny/vue-theme-mobile@~3.16.0