@opentiny/vue-drawer 2.18.0 → 2.19.1

package/lib/index.js

@@ -30,7 +30,8 @@ var $constants = {
     };
     return scrollLockClasses[mode] || "";
   },
-  DEFAULT_WIDTH: "500px"
+  DEFAULT_WIDTH: "500px",
+  DEFAULT_HEIGHT: "100vh"
 };
 var drawerProps = _extends({}, $props, {
   _constants: {
@@ -51,6 +52,9 @@ var drawerProps = _extends({}, $props, {
   width: {
     type: String
   },
+  height: {
+    type: String
+  },
   title: String,
   showClose: {
     type: Boolean,
@@ -105,6 +109,7 @@ var defaultConfigs = {
   customClass: null,
   placement: "right",
   width: null,
+  height: null,
   title: "",
   showClose: true,
   showHeader: true,
@@ -159,7 +164,7 @@ var service = function service2(configs) {
   });
   return instance;
 };
-var version = "2.18.0";
+var version = "2.undefined";
 Drawer.model = {
   prop: "visible",
   event: "update:visible"

package/lib/pc.js

@@ -78,7 +78,7 @@ var __vue2_script = defineComponent({
       }
     }
   },
-  props: [].concat(props, ["visible", "title", "showHeader", "showFooter", "customClass", "placement", "width", "mask", "dragable", "maskClosable", "lockScroll", "flex", "showClose", "zIndex", "beforeClose", "tipsProps", "customSlots"]),
+  props: [].concat(props, ["visible", "title", "showHeader", "showFooter", "customClass", "placement", "width", "height", "mask", "dragable", "maskClosable", "lockScroll", "flex", "showClose", "zIndex", "beforeClose", "tipsProps", "customSlots"]),
   emits: ["update:visible", "open", "close", "confirm", "drag"],
   setup: function setup$1(props2, context) {
     return setup({
@@ -135,7 +135,7 @@ var render2 = function render3() {
     }, "tiny-drawer-main", _vm.customClass],
     style: {
       width: ["left", "right"].includes(_vm.placement) ? _vm.state.computedWidth : null,
-      height: ["top", "bottom"].includes(_vm.placement) && _vm.dragable && _vm.state.height ? _vm.state.height + "px" : null,
+      height: ["top", "bottom", "left", "right"].includes(_vm.placement) || _vm.dragable ? _vm.state.computedHeight : null,
       zIndex: _vm.zIndex
     },
     attrs: {
@@ -220,30 +220,26 @@ var render2 = function render3() {
         "node": _vm.customSlots.footer
       }
     }) : [_c("tiny-button", {
-      class: ["tiny-drawer__confirm-btn", {
-        reverse: _vm.state.btnOrderReversed
-      }],
+      staticClass: "tiny-drawer__cancel-btn",
       attrs: {
-        "type": "primary"
+        "plain": ""
       },
       on: {
         "click": function click($event) {
-          return _vm.handleClose("confirm");
+          return _vm.handleClose("cancel");
         }
       }
-    }, [_vm._v(_vm._s(_vm.t("ui.button.confirm")))]), _c("tiny-button", {
-      class: ["tiny-drawer__cancel-btn", {
-        reverse: _vm.state.btnOrderReversed
-      }],
+    }, [_vm._v(_vm._s(_vm.t("ui.button.cancel")))]), _c("tiny-button", {
+      staticClass: "tiny-drawer__confirm-btn",
       attrs: {
-        "plain": ""
+        "type": "primary"
       },
       on: {
         "click": function click($event) {
-          return _vm.handleClose("cancel");
+          return _vm.handleClose("confirm");
         }
       }
-    }, [_vm._v(_vm._s(_vm.t("ui.button.cancel")))])]];
+    }, [_vm._v(_vm._s(_vm.t("ui.button.confirm")))])]];
   })], 2) : _vm._e()])])])], 1);
 };
 var staticRenderFns = [];

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@opentiny/vue-drawer",
-  "version": "2.18.0",
+  "version": "2.19.1",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentiny/vue-button": "~2.18.0",
-    "@opentiny/vue-tooltip": "~2.18.0",
-    "@opentiny/vue-common": "~2.18.0",
-    "@opentiny/vue-renderless": "~3.18.0",
-    "@opentiny/vue-icon": "~2.18.0",
-    "@opentiny/vue-theme": "~3.18.0"
+    "@opentiny/vue-button": "~2.19.0",
+    "@opentiny/vue-tooltip": "~2.19.0",
+    "@opentiny/vue-common": "~2.19.0",
+    "@opentiny/vue-renderless": "~3.19.0",
+    "@opentiny/vue-icon": "~2.19.0",
+    "@opentiny/vue-theme": "~3.19.0"
   },
   "license": "MIT",
   "types": "index.d.ts"

package/src/index.d.ts

@@ -1,6 +1,7 @@
 export declare const $constants: {
     SCROLL_LOCK_CLASS(mode: string): string;
     DEFAULT_WIDTH: string;
+    DEFAULT_HEIGHT: string;
 };
 export declare const drawerProps: {
     _constants: {
@@ -8,13 +9,14 @@ export declare const drawerProps: {
         default: () => {
             SCROLL_LOCK_CLASS(mode: string): string;
             DEFAULT_WIDTH: string;
+            DEFAULT_HEIGHT: string;
         };
     };
     visible: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customClass: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    customClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
     placement: {
         type: StringConstructor;
         default: string;
@@ -22,6 +24,9 @@ export declare const drawerProps: {
     width: {
         type: StringConstructor;
     };
+    height: {
+        type: StringConstructor;
+    };
     title: StringConstructor;
     showClose: {
         type: BooleanConstructor;

package/src/service.d.ts

@@ -13,6 +13,7 @@ export declare const defaultConfigs: {
     customClass: null;
     placement: string;
     width: null;
+    height: null;
     title: string;
     showClose: boolean;
     showHeader: boolean;