@opentiny/vue-drawer 2.15.0 → 2.16.0

package/lib/index.js

@@ -103,7 +103,7 @@ var Drawer = defineComponent({
     });
   }
 });
-var version = "2.15.0";
+var version = "2.16.0";
 Drawer.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/mobile-first.js

@@ -119,14 +119,15 @@ var render = function render2() {
       "translate-x-0": ["left", "right"].includes(_vm.placement) && _vm.state.toggle
     }, _vm.customClass),
     style: {
-      width: ["left", "right"].includes(_vm.placement) ? _vm.state.computedWidth : null
+      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
     },
     attrs: {
       "data-tag": "tiny-drawer-main"
     }
   }, [_vm.dragable ? _c("div", {
     ref: "dragBar",
-    class: ["h-full absolute top-0 w-2 cursor-e-resize", _vm.placement === "left" ? "-right-1" : "-left-1"],
+    class: ["absolute", ["left", "right"].includes(_vm.placement) && "cursor-e-resize h-full top-0 w-2", ["top", "bottom"].includes(_vm.placement) && "cursor-n-resize w-full h-2 left-0", _vm.placement === "left" && "-right-1", _vm.placement === "right" && "-left-1", _vm.placement === "top" && "-bottom-1", _vm.placement === "bottom" && "-top-1"],
     attrs: {
       "data-tag": "drawer-drag-bar"
     }
@@ -140,11 +141,12 @@ var render = function render2() {
     }
   }, [_vm._t("header", function() {
     return [_vm.title ? _c("div", {
-      staticClass: "max-w-[80%] pr-4 text-left truncate"
+      staticClass: "max-w-[80%] pr-4 text-left truncate text-color-text-primary"
     }, [_vm._v(_vm._s(_vm.title))]) : _vm._e(), _c("div", {
       staticClass: "flex-1 flex items-center justify-end"
     }, [_vm._t("header-right", function() {
       return [_c("IconClose", {
+        staticClass: "fill-color-icon-primary",
         attrs: {
           "custom-class": "h-5 w-5 cursor-pointer"
         },

package/lib/pc.js

@@ -124,6 +124,7 @@ var render = function render2() {
     }, "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,
       zIndex: _vm.zIndex
     },
     attrs: {
@@ -131,7 +132,7 @@ var render = function render2() {
     }
   }, [_vm.dragable ? _c("div", {
     ref: "dragBar",
-    class: ["tiny-drawer__drag-bar"],
+    class: ["tiny-drawer__drag-bar", ["left", "right"].includes(_vm.placement) && "p-left-Right", ["top", "bottom"].includes(_vm.placement) && "p-top-Bottom", _vm.placement === "left" && "p-left", _vm.placement === "right" && "p-right", _vm.placement === "top" && "p-top", _vm.placement === "bottom" && "p-bottom"],
     attrs: {
       "data-tag": "drawer-drag-bar"
     }

package/package.json

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