@opentiny/vue-drawer - npm Package Compare versions

Comparing version 3.15.0 to 3.16.0

lib/index.js

@@ -106,3 +106,3 @@ function _extends() {
 });
-var version = "3.15.0";
+var version = "3.16.0";
 Drawer.model = {
@@ -109,0 +109,0 @@ prop: "modelValue",

lib/mobile-first.js

@@ -82,3 +82,3 @@ import { renderless, api } from '@opentiny/vue-renderless/drawer/vue';
   key: 0,
-  class: "max-w-[80%] pr-4 text-left truncate"
+  class: "max-w-[80%] pr-4 text-left truncate text-color-text-primary"
 };
@@ -143,3 +143,4 @@ var _hoisted_5 = {
         style: normalizeStyle({
-          width: ["left", "right"].includes(_ctx.placement) ? _ctx.state.computedWidth : null
+          width: ["left", "right"].includes(_ctx.placement) ? _ctx.state.computedWidth : null,
+          height: ["top", "bottom"].includes(_ctx.placement) && _ctx.dragable && _ctx.state.height ? _ctx.state.height + "px" : null
         })
@@ -153,3 +154,3 @@ },
           ref: "dragBar",
-          class: normalizeClass(["h-full absolute top-0 w-2 cursor-e-resize", _ctx.placement === "left" ? "-right-1" : "-left-1"])
+          class: normalizeClass(["absolute", ["left", "right"].includes(_ctx.placement) && "cursor-e-resize h-full top-0 w-2", ["top", "bottom"].includes(_ctx.placement) && "cursor-n-resize w-full h-2 left-0", _ctx.placement === "left" && "-right-1", _ctx.placement === "right" && "-left-1", _ctx.placement === "top" && "-bottom-1", _ctx.placement === "bottom" && "-top-1"])
         },
@@ -172,2 +173,3 @@ null,
               "custom-class": "h-5 w-5 cursor-pointer",
+              class: "fill-color-icon-primary",
               onClick: _cache[1] || (_cache[1] = function($event) {
@@ -174,0 +176,0 @@ return _ctx.handleClose("close");

lib/pc.js

@@ -76,11 +76,5 @@ import { renderless, api } from '@opentiny/vue-renderless/drawer/vue';
 var _hoisted_2 = {
-  key: 0,
-  "data-tag": "drawer-drag-bar",
-  ref: "dragBar",
-  class: /* @__PURE__ */ normalizeClass(["tiny-drawer__drag-bar"])
+  class: "tiny-drawer__box"
 };
 var _hoisted_3 = {
-  class: "tiny-drawer__box"
-};
-var _hoisted_4 = {
   key: 0,
@@ -91,16 +85,16 @@ "data-tag": "drawer-header",
 };
-var _hoisted_5 = {
+var _hoisted_4 = {
   class: "tiny-drawer__header"
 };
-var _hoisted_6 = {
+var _hoisted_5 = {
   class: "tiny-drawer__header-left"
 };
-var _hoisted_7 = {
+var _hoisted_6 = {
   key: 0,
   class: "tiny-drawer__title"
 };
-var _hoisted_8 = {
+var _hoisted_7 = {
   class: "tiny-drawer__header-right"
 };
-var _hoisted_9 = {
+var _hoisted_8 = {
   key: 1,
@@ -162,2 +156,3 @@ "data-tag": "drawer-footer",
             width: ["left", "right"].includes(_ctx.placement) ? _ctx.state.computedWidth : null,
+            height: ["top", "bottom"].includes(_ctx.placement) && _ctx.dragable && _ctx.state.height ? _ctx.state.height + "px" : null,
             zIndex: _ctx.zIndex
@@ -168,13 +163,18 @@ })
           "div",
-          _hoisted_2,
+          {
+            key: 0,
+            "data-tag": "drawer-drag-bar",
+            ref: "dragBar",
+            class: normalizeClass(["tiny-drawer__drag-bar", ["left", "right"].includes(_ctx.placement) && "p-left-Right", ["top", "bottom"].includes(_ctx.placement) && "p-top-Bottom", _ctx.placement === "left" && "p-left", _ctx.placement === "right" && "p-right", _ctx.placement === "top" && "p-top", _ctx.placement === "bottom" && "p-bottom"])
+          },
           null,
-          512
-          /* NEED_PATCH */
-        )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [_ctx.showHeader ? (openBlock(), createElementBlock(
+          2
+          /* CLASS */
+        )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [_ctx.showHeader ? (openBlock(), createElementBlock(
           "div",
-          _hoisted_4,
+          _hoisted_3,
           [renderSlot(_ctx.$slots, "header", {}, function() {
-            return [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [_ctx.title ? (openBlock(), createElementBlock(
+            return [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [_ctx.title ? (openBlock(), createElementBlock(
               "div",
-              _hoisted_7,
+              _hoisted_6,
               toDisplayString(_ctx.title),
@@ -199,3 +199,3 @@ 1
               /* FULL_PROPS */
-            )) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "header-right")])])];
+            )) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "header-right")])])];
           }), _ctx.showClose ? (openBlock(), createElementBlock("button", {
@@ -228,3 +228,3 @@ key: 0,
           "div",
-          _hoisted_9,
+          _hoisted_8,
           [renderSlot(_ctx.$slots, "footer", {}, function() {
@@ -231,0 +231,0 @@ return [createVNode(_component_tiny_button, {

package.json

 {
   "name": "@opentiny/vue-drawer",
-  "version": "3.15.0",
+  "version": "3.16.0",
   "description": "",
@@ -10,8 +10,8 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-button": "~3.15.0",
-    "@opentiny/vue-tooltip": "~3.15.0",
-    "@opentiny/vue-common": "~3.15.0",
-    "@opentiny/vue-renderless": "~3.15.0",
-    "@opentiny/vue-icon": "~3.15.0",
-    "@opentiny/vue-theme": "~3.15.0"
+    "@opentiny/vue-button": "~3.16.0",
+    "@opentiny/vue-tooltip": "~3.16.0",
+    "@opentiny/vue-common": "~3.16.0",
+    "@opentiny/vue-renderless": "~3.16.0",
+    "@opentiny/vue-icon": "~3.16.0",
+    "@opentiny/vue-theme": "~3.16.0"
   },
@@ -18,0 +18,0 @@ "license": "MIT",

src/index.d.ts

@@ -128,3 +128,3 @@ export declare const drawerProps: {
     [key: string]: any;
-}>, 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<{
+}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     _constants: {
@@ -196,4 +196,4 @@ type: ObjectConstructor;
     zIndex: number;
+    mask: boolean;
     visible: boolean;
-    mask: boolean;
     showClose: boolean;
@@ -200,0 +200,0 @@ showHeader: boolean;

src/mobile-first.vue.d.ts

@@ -12,4 +12,4 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     placement?: any;
+    mask?: any;
     visible?: any;
-    mask?: any;
     customClass?: any;
@@ -31,3 +31,3 @@ showHeader?: any;
     gcls: (key: any) => any;
-}, 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<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     title?: any;
@@ -43,4 +43,4 @@ tiny_mode?: any;
     placement?: any;
+    mask?: any;
     visible?: any;
-    mask?: any;
     customClass?: any;
@@ -65,4 +65,4 @@ showHeader?: any;
     readonly placement?: any;
+    readonly mask?: any;
     readonly visible?: any;
-    readonly mask?: any;
     readonly customClass?: any;
@@ -69,0 +69,0 @@ readonly showHeader?: any;

src/pc.vue.d.ts

@@ -13,4 +13,4 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     zIndex?: any;
+    mask?: any;
     visible?: any;
-    mask?: any;
     customClass?: any;
@@ -34,3 +34,3 @@ showClose?: any;
     gcls: (key: any) => any;
-}, 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<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     title?: any;
@@ -47,4 +47,4 @@ tiny_mode?: any;
     zIndex?: any;
+    mask?: any;
     visible?: any;
-    mask?: any;
     customClass?: any;
@@ -72,4 +72,4 @@ showClose?: any;
     readonly zIndex?: any;
+    readonly mask?: any;
     readonly visible?: any;
-    readonly mask?: any;
     readonly customClass?: any;
@@ -76,0 +76,0 @@ readonly showClose?: any;

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

33055

increased by1.73%

Lines of code

993

increased by0.1%

Dependency changes

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

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

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

• + Added@opentiny/vue-locale@3.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@3.16.0(transitive)

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

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

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

• - Removed@opentiny/vue-locale@3.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@3.15.0(transitive)

• Updated@opentiny/vue-button@~3.16.0

• Updated@opentiny/vue-common@~3.16.0

• Updated@opentiny/vue-icon@~3.16.0

• Updated@opentiny/vue-renderless@~3.16.0

• Updated@opentiny/vue-theme@~3.16.0

• Updated@opentiny/vue-tooltip@~3.16.0