@opentiny/vue-drawer 3.15.0 → 3.16.0

package/lib/index.js

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

package/lib/mobile-first.js

@@ -79,7 +79,7 @@ var _hoisted_3 = {
 };
 var _hoisted_4 = {
   key: 0,
-  class: "max-w-[80%] pr-4 text-left truncate"
+  class: "max-w-[80%] pr-4 text-left truncate text-color-text-primary"
 };
 var _hoisted_5 = {
   class: "flex-1 flex items-center justify-end"
@@ -139,7 +139,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "translate-x-0": ["left", "right"].includes(_ctx.placement) && _ctx.state.toggle
         }, _ctx.customClass)),
         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
         })
       },
       [_ctx.dragable ? (openBlock(), createElementBlock(
@@ -148,7 +149,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           "data-tag": "drawer-drag-bar",
           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"])
         },
         null,
         2
@@ -166,6 +167,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "header-right", {}, function() {
             return [createVNode(_component_IconClose, {
               "custom-class": "h-5 w-5 cursor-pointer",
+              class: "fill-color-icon-primary",
               onClick: _cache[1] || (_cache[1] = function($event) {
                 return _ctx.handleClose("close");
               })

package/lib/pc.js

@@ -73,34 +73,28 @@ var _hoisted_1 = {
   class: "tiny-drawer"
 };
 var _hoisted_2 = {
-  key: 0,
-  "data-tag": "drawer-drag-bar",
-  ref: "dragBar",
-  class: /* @__PURE__ */ normalizeClass(["tiny-drawer__drag-bar"])
-};
-var _hoisted_3 = {
   class: "tiny-drawer__box"
 };
-var _hoisted_4 = {
+var _hoisted_3 = {
   key: 0,
   "data-tag": "drawer-header",
   ref: "header",
   class: "tiny-drawer__header-wrapper"
 };
-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,
   "data-tag": "drawer-footer",
   ref: "footer",
@@ -157,22 +151,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }, "tiny-drawer-main", _ctx.customClass]),
           style: normalizeStyle({
             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
           })
         },
         [_ctx.dragable ? (openBlock(), createElementBlock(
           "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),
               1
               /* TEXT */
@@ -192,7 +192,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               },
               16
               /* 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", {
             key: 0,
             type: "button",
@@ -220,7 +220,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           /* CLASS */
         ), _ctx.showFooter ? (openBlock(), createElementBlock(
           "div",
-          _hoisted_9,
+          _hoisted_8,
           [renderSlot(_ctx.$slots, "footer", {}, function() {
             return [createVNode(_component_tiny_button, {
               type: "primary",

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@opentiny/vue-drawer",
-  "version": "3.15.0",
+  "version": "3.16.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "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"
   },
   "license": "MIT",
   "types": "index.d.ts"

package/src/index.d.ts

@@ -125,7 +125,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     tiny_chart_theme: ObjectConstructor;
 }, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
     [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: {
         type: ObjectConstructor;
         default: () => {
@@ -192,8 +192,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     _constants: Record<string, any>;
     placement: string;
     zIndex: number;
-    visible: boolean;
     mask: boolean;
+    visible: boolean;
     showClose: boolean;
     showHeader: boolean;
     showFooter: boolean;

package/src/mobile-first.vue.d.ts

@@ -9,8 +9,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_chart_theme?: any;
     width?: any;
     placement?: any;
-    visible?: any;
     mask?: any;
+    visible?: any;
     customClass?: any;
     showHeader?: any;
     showFooter?: any;
@@ -27,7 +27,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     d: (props: any) => void;
     dp: (props: any) => void;
     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;
     tiny_mode?: any;
     tiny_mode_root?: any;
@@ -38,8 +38,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_chart_theme?: any;
     width?: any;
     placement?: any;
-    visible?: any;
     mask?: any;
+    visible?: any;
     customClass?: any;
     showHeader?: any;
     showFooter?: any;
@@ -59,8 +59,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly tiny_chart_theme?: any;
     readonly width?: any;
     readonly placement?: any;
-    readonly visible?: any;
     readonly mask?: any;
+    readonly visible?: any;
     readonly customClass?: any;
     readonly showHeader?: any;
     readonly showFooter?: any;

package/src/pc.vue.d.ts

@@ -10,8 +10,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     width?: any;
     placement?: any;
     zIndex?: any;
-    visible?: any;
     mask?: any;
+    visible?: any;
     customClass?: any;
     showClose?: any;
     showHeader?: any;
@@ -30,7 +30,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     d: (props: any) => void;
     dp: (props: any) => void;
     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;
     tiny_mode?: any;
     tiny_mode_root?: any;
@@ -42,8 +42,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     width?: any;
     placement?: any;
     zIndex?: any;
-    visible?: any;
     mask?: any;
+    visible?: any;
     customClass?: any;
     showClose?: any;
     showHeader?: any;
@@ -66,8 +66,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly width?: any;
     readonly placement?: any;
     readonly zIndex?: any;
-    readonly visible?: any;
     readonly mask?: any;
+    readonly visible?: any;
     readonly customClass?: any;
     readonly showClose?: any;
     readonly showHeader?: any;